/* Time for kids — стили сайта (из макета v44). Шрифты: только Nunito и Onest. */
@font-face{font-family:'Nunito';src:url(../fonts/nunito-var.woff) format('woff');font-weight:200 1000;font-style:normal;font-display:swap}
@font-face{font-family:'Onest';src:url(../fonts/onest-var.woff) format('woff');font-weight:100 900;font-style:normal;font-display:swap}
/* --- правила PHP-сайта, которых нет в макете --- */
/* Time for kids — стили v9. Шрифты: только Nunito (заголовки) и Onest (текст), меняется лишь насыщенность. */
@font-face{font-family:'Nunito';src:url(../fonts/nunito-var.woff) format('woff');font-weight:200 1000;font-style:normal;font-display:swap}
/* кабинет в шапке */
.hd-me .bdg{background:var(--sun);color:var(--ink)}
/* --- макет --- */


@property --h1{syntax:'<color>';inherits:true;initial-value:#ffe9a8}
@property --h2{syntax:'<color>';inherits:true;initial-value:#ffd2bd}
@property --h3{syntax:'<color>';inherits:true;initial-value:#f7c5e0}
@property --acc{syntax:'<color>';inherits:true;initial-value:#ff9f1c}
@property --acc2{syntax:'<color>';inherits:true;initial-value:#ffd166}
html{scroll-behavior:smooth;background:#2a2340}
body{margin:0;background:#2a2340}
.tfk{--ink:#2a2340;--ink2:#4b4466;--mute:#6b6485;--line:rgba(42,35,64,.10);--sun:#ffc52e;--fd:'Nunito','Onest',system-ui,sans-serif;--fb:'Onest',system-ui,-apple-system,'Segoe UI',sans-serif;--ease:cubic-bezier(.2,.8,.2,1);--spring:cubic-bezier(.34,1.45,.5,1);position:relative;overflow-x:clip;color:var(--ink);font-family:var(--fb);font-size:16px;line-height:1.55;-webkit-font-smoothing:antialiased;background:linear-gradient(180deg,#fff6de 0%,#fff0e4 11%,#fdedf4 24%,#f2eefd 38%,#e9f2ff 52%,#e6f6ee 66%,#fff3df 80%,#fff9ee 100%);transition:--h1 1.2s ease,--h2 1.2s ease,--h3 1.2s ease,--acc .9s ease,--acc2 .9s ease}
.tfk *,.tfk *::before,.tfk *::after{box-sizing:border-box}
:where(.tfk) :where(h1,h2,h3,p,ul){margin:0;padding:0}
:where(.tfk) :where(ul){list-style:none}
:where(.tfk) :where(a){color:inherit;text-decoration:none}
:where(.tfk) :where(button){font:inherit;color:inherit;background:none;border:0;padding:0;margin:0;cursor:pointer;-webkit-tap-highlight-color:transparent}
:where(.tfk) :where(svg){display:block}
.tfk :focus-visible{outline:3px solid var(--ink);outline-offset:3px;border-radius:12px}
.wrap{width:100%;max-width:1264px;margin:0 auto;padding:0 24px}
.sec{padding:64px 0 0}
.sec-h{display:flex;align-items:flex-end;justify-content:space-between;gap:16px;margin-bottom:24px}
.sec-t{font-family:var(--fd);font-weight:700;font-size:clamp(24px,3vw,36px);line-height:1.15;letter-spacing:-.012em;text-wrap:balance}
.sec-s{margin-top:8px;color:var(--mute);font-size:15px}
.lnk{display:inline-flex;align-items:center;gap:8px;height:46px;padding:0 20px;border-radius:999px;background:rgba(255,255,255,.7);border:1px solid var(--line);font-weight:600;font-size:15px;white-space:nowrap;transition:background .3s var(--ease),transform .3s var(--ease),box-shadow .3s var(--ease)}
.lnk:hover{background:#fff;transform:translateY(-2px);box-shadow:0 10px 24px rgba(42,35,64,.12)}
.lnk .ui{width:18px;height:18px;transition:transform .3s var(--ease)}
.lnk:hover .ui{transform:translateX(3px)}
.ui{width:22px;height:22px;flex:none}
.ic{width:100%;height:100%}
.btn{display:inline-flex;align-items:center;justify-content:center;gap:10px;height:52px;padding:0 26px;border-radius:999px;font-weight:700;font-size:16px;white-space:nowrap;transition:transform .35s var(--spring),box-shadow .35s var(--ease),background .3s var(--ease)}
.btn-sun{background:var(--sun);color:var(--ink);box-shadow:0 8px 22px rgba(255,170,0,.35)}
.btn-sun:hover{transform:translateY(-3px);box-shadow:0 16px 32px rgba(255,170,0,.45)}
.btn-ink{background:var(--ink);color:#fff}
.btn-ink:hover{transform:translateY(-3px);box-shadow:0 14px 28px rgba(42,35,64,.3)}
.btn:active{transform:scale(.97)}
.hd{position:sticky;top:0;z-index:60;padding:12px 0 0}
.hd-in{display:flex;align-items:center;gap:18px;height:68px;padding:0 12px 0 20px;border-radius:999px;background:rgba(255,255,255,.76);border:1px solid rgba(255,255,255,.9);box-shadow:0 10px 34px rgba(42,35,64,.10);-webkit-backdrop-filter:blur(18px) saturate(1.5);backdrop-filter:blur(18px) saturate(1.5)}
.logo{display:flex;align-items:center;flex:none}
.logo-img{display:block;width:auto;height:54px;aspect-ratio:440/225;transition:transform .6s var(--spring)}
.logo:hover .logo-img{transform:rotate(-3deg) scale(1.07)}
.city{display:flex;align-items:center;gap:6px;height:40px;padding:0 14px;border-radius:999px;background:rgba(42,35,64,.06);font-weight:600;font-size:14px;transition:background .3s}
.city:hover{background:rgba(42,35,64,.11)}
.city .ui{width:16px;height:16px}
.nv{display:flex;align-items:center;gap:2px;margin:0 auto}
.nv a{display:flex;align-items:center;height:44px;padding:0 15px;border-radius:999px;font-weight:600;font-size:15px;color:var(--ink2);transition:background .3s,color .3s}
.nv a:hover{background:rgba(42,35,64,.07);color:var(--ink)}
.hd-act{display:flex;align-items:center;gap:4px;flex:none}
.hbtn{position:relative;display:grid;place-items:center;width:46px;height:46px;border-radius:50%;transition:background .3s,transform .35s var(--spring)}
.hbtn:hover{background:rgba(42,35,64,.07);transform:scale(1.08)}
.hbtn .ui{width:24px;height:24px}
.bdg{position:absolute;top:1px;right:-1px;min-width:20px;height:20px;padding:0 5px;border-radius:999px;background:var(--ink);color:#fff;font-size:12px;font-weight:700;line-height:20px;text-align:center;transform:scale(0);transition:transform .4s var(--spring)}
.bdg.on{transform:scale(1)}
.hd-biz{height:46px;padding:0 20px;margin-left:6px;font-size:15px}
.burger{display:none}
.mnav{display:none}
.tfk{--sh1:0 1px 2px rgba(42,35,64,.05),0 10px 28px rgba(42,35,64,.08);--sh2:0 2px 4px rgba(42,35,64,.06),0 24px 54px rgba(42,35,64,.17)}
.is,.ia,.iw,.iy,.ir,.ib,.ig,.ibr{stroke:#2a2340;stroke-width:2.4;stroke-linecap:round;stroke-linejoin:round}
.is{fill:none}
.ia{fill:var(--cA,#ffc52e)}
.iw{fill:#fff}
.iy{fill:#ffc52e}
.ir{fill:#ff6b57}
.ib{fill:#4d94ff}
.ig{fill:#43c28a}
.ibr{fill:#c98a4b}
.ii{fill:#2a2340;stroke:none}
.ik{fill:var(--cA,#ffc52e);stroke:none}
.iq{fill:#fff;stroke:none}
.ih{fill:none;stroke:#fff;stroke-width:2.4;stroke-linecap:round;opacity:.85}
.ifl{fill:#ff9f1c;stroke:#2a2340;stroke-width:1.8;stroke-linejoin:round}
.isp{fill:#ffc52e;stroke:#2a2340;stroke-width:1.6;stroke-linejoin:round}
.ict{fill:none;stroke:#2a2340;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}
.irg1{fill:none;stroke:#2a2340;stroke-width:7}
.irg2{fill:none;stroke:#ffc52e;stroke-width:3}
.iu{fill:none;stroke:currentColor;stroke-width:2;stroke-linecap:round;stroke-linejoin:round}
.iuf{fill:currentColor;stroke:currentColor;stroke-width:2;stroke-linejoin:round}
.iuh{fill:#ff4f6d;stroke:#ff4f6d;stroke-width:2;stroke-linejoin:round}
.hero{position:relative;padding-top:28px}
.aur{position:absolute;left:0;right:0;top:0;height:1040px;pointer-events:none;overflow:hidden;z-index:0;-webkit-mask-image:linear-gradient(180deg,#000 58%,transparent 100%);mask-image:linear-gradient(180deg,#000 58%,transparent 100%)}
.aur i{position:absolute;border-radius:50%;will-change:transform}
.aur i:nth-child(1){left:-10%;top:-14%;width:min(62vw,820px);aspect-ratio:1;background:radial-gradient(circle,var(--h1) 0%,transparent 68%);animation:dr1 22s ease-in-out infinite alternate}
.aur i:nth-child(2){right:-12%;top:2%;width:min(56vw,760px);aspect-ratio:1;background:radial-gradient(circle,var(--h2) 0%,transparent 68%);animation:dr2 26s ease-in-out infinite alternate}
.aur i:nth-child(3){left:26%;top:34%;width:min(52vw,700px);aspect-ratio:1;background:radial-gradient(circle,var(--h3) 0%,transparent 68%);animation:dr3 30s ease-in-out infinite alternate}
@keyframes dr1{to{transform:translate3d(9%,10%,0) scale(1.12)}}
@keyframes dr2{to{transform:translate3d(-10%,8%,0) scale(1.1)}}
@keyframes dr3{to{transform:translate3d(-7%,-9%,0) scale(1.2)}}
.calm .aur i,.calm .stk,.calm .fx{animation:none}
.hero-in{position:relative;z-index:1;display:grid;gap:30px;padding-top:30px}
.hero-txt{position:relative;display:grid;gap:22px;justify-items:start;min-height:300px;align-content:center}
.eyebrow{display:inline-flex;align-items:center;gap:10px;min-height:38px;padding:6px 16px 6px 12px;line-height:1.3;border-radius:999px;background:rgba(255,255,255,.66);border:1px solid rgba(255,255,255,.95);font-weight:600;font-size:14px}
.eyebrow i{width:10px;height:10px;border-radius:50%;background:var(--acc);box-shadow:0 0 0 5px color-mix(in srgb,var(--acc) 28%,transparent)}
.h1{font-family:var(--fd);font-weight:800;font-size:clamp(32px,5.6vw,76px);line-height:1.05;letter-spacing:-.012em;max-width:15ch;text-wrap:balance}
.h1 mark{color:inherit;padding:0 .08em;margin:0 -.08em;background:linear-gradient(transparent 62%,var(--sun) 62% 92%,transparent 92%) no-repeat 0 0/0% 100%;-webkit-box-decoration-break:clone;box-decoration-break:clone;animation:mk 1.2s .5s var(--ease) forwards}
@keyframes mk{to{background-size:100% 100%}}
.lead{max-width:540px;color:var(--ink2);font-size:clamp(16px,1.6vw,19px)}
.hero-art{position:absolute;right:0;top:-6px;width:min(46%,560px);height:100%;pointer-events:none}
.stk{position:absolute;display:grid;place-items:center;border-radius:30px;background:rgba(255,255,255,.72);box-shadow:var(--sh1);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);animation:flt 7s ease-in-out infinite alternate}
.stk svg{width:62%;height:62%}
.stk.s1{left:6%;top:6%;width:112px;height:112px;--r:-8deg;--cA:#ff5c9a}
.stk.s2{right:4%;top:0;width:128px;height:128px;--r:7deg;--cA:#3d8bff;animation-delay:-2s;border-radius:40px}
.stk.s3{left:34%;top:46%;width:104px;height:104px;--r:5deg;--cA:#ff9a3d;animation-delay:-4s}
.stk.s4{right:10%;top:56%;width:120px;height:120px;--r:-6deg;--cA:#8b6cff;animation-delay:-1s;border-radius:36px}
@keyframes flt{from{transform:translateY(-8px) rotate(var(--r))}to{transform:translateY(10px) rotate(calc(var(--r) + 5deg))}}
.finder{position:relative;z-index:2;display:grid;grid-template-columns:minmax(0,1fr);gap:26px;padding:30px;border-radius:40px;background:rgba(255,255,255,.68);border:1px solid rgba(255,255,255,.95);box-shadow:0 34px 80px rgba(42,35,64,.12),inset 0 1px 0 #fff;-webkit-backdrop-filter:blur(22px) saturate(1.4);backdrop-filter:blur(22px) saturate(1.4)}
.frow{display:grid;grid-template-columns:minmax(0,1fr);gap:12px}
.fl{font-size:13px;font-weight:700;letter-spacing:.07em;text-transform:uppercase;color:var(--mute)}
.seg{position:relative;display:grid;grid-template-columns:repeat(4,minmax(0,1fr));width:100%;max-width:540px;padding:4px;border-radius:999px;background:rgba(42,35,64,.07)}
.seg-t{position:absolute;top:4px;bottom:4px;left:4px;width:calc((100% - 8px)/4);border-radius:999px;background:#fff;box-shadow:0 4px 14px rgba(42,35,64,.16);transform:translateX(calc(var(--i,0)*100%));transition:transform .55s var(--spring)}
.seg button{position:relative;z-index:1;height:44px;border-radius:999px;font-weight:600;font-size:15px;color:var(--ink2);white-space:nowrap;transition:color .3s}
.seg button.on{color:var(--ink)}
.chips{display:grid;grid-template-columns:repeat(auto-fit,minmax(196px,1fr));gap:8px}
.chip{display:flex;align-items:center;gap:10px;min-height:54px;padding:7px 14px 7px 8px;border-radius:27px;text-align:left;line-height:1.2;background:rgba(255,255,255,.82);border:1px solid var(--line);font-weight:600;font-size:14.5px;color:var(--ink2);transition:background .4s var(--ease),color .3s,transform .45s var(--spring),box-shadow .35s,border-color .35s}
.chip:hover{transform:translateY(-2px);background:#fff;box-shadow:0 8px 20px rgba(42,35,64,.10)}
.chip.on{background:var(--sun);border-color:transparent;color:var(--ink);box-shadow:0 10px 24px rgba(255,170,0,.32)}
.chip-i{display:grid;place-items:center;width:34px;height:34px;border-radius:50%;background:rgba(255,255,255,.95);color:var(--ink)}
.chip-i svg{width:26px;height:26px}
.age{display:grid;grid-template-columns:minmax(200px,250px) 1fr;gap:20px 44px;align-items:center}
.age-n{display:grid;gap:10px;justify-items:start}
.age-big{display:flex;align-items:baseline;gap:10px;font-family:var(--fd);font-weight:800;font-size:clamp(64px,8vw,104px);line-height:.9;letter-spacing:-.012em}
.age-big small{font-family:var(--fb);font-size:clamp(18px,2vw,24px);font-weight:600;letter-spacing:0;color:var(--ink2)}
.stage{display:inline-flex;align-items:center;height:32px;padding:0 14px;border-radius:999px;background:var(--acc2);font-weight:700;font-size:13px;transition:background .6s}
.sl{display:grid;grid-template-columns:44px 1fr 44px;gap:12px;align-items:center}
.sl-btn{display:grid;place-items:center;width:44px;height:44px;border-radius:50%;background:#fff;border:1px solid var(--line);transition:transform .35s var(--spring),box-shadow .3s,opacity .3s}
.sl-btn:hover{transform:scale(1.1);box-shadow:0 8px 18px rgba(42,35,64,.14)}
.sl-btn:disabled{opacity:.35;pointer-events:none}
.sl-tr{position:relative;height:96px}
.sl-rail{position:absolute;left:0;right:0;top:40px;height:16px;border-radius:999px;background:rgba(42,35,64,.09);box-shadow:inset 0 2px 4px rgba(42,35,64,.08)}
.sl-fill{position:absolute;left:0;top:40px;height:16px;border-radius:999px;background:linear-gradient(90deg,var(--acc2),var(--acc));width:calc(22px + (100% - 44px)*var(--pn,0));transition:width .2s var(--ease)}
.sl-thumb{position:absolute;top:30px;left:calc(22px + (100% - 44px)*var(--pn,0));width:36px;height:36px;margin-left:-18px;border-radius:50%;background:#fff;box-shadow:0 0 0 6px var(--acc),0 10px 22px rgba(42,35,64,.25);transition:left .2s var(--ease)}
.sl-bub{position:absolute;top:0;left:calc(22px + (100% - 44px)*var(--pn,0));transform:translateX(-50%);display:grid;place-items:center;min-width:46px;height:32px;padding:0 12px;border-radius:12px;background:var(--ink);color:#fff;font-family:var(--fd);font-weight:700;font-size:14px;transition:left .2s var(--ease)}
.sl-bub::after{content:"";position:absolute;left:50%;bottom:-4px;width:10px;height:10px;border-radius:2px;background:var(--ink);transform:translateX(-50%) rotate(45deg)}
.sl-in{position:absolute;left:0;top:14px;width:100%;height:60px;margin:0;opacity:0;cursor:pointer;-webkit-appearance:none;appearance:none;background:transparent;z-index:3;touch-action:pan-y}
.sl-in::-webkit-slider-thumb{-webkit-appearance:none;width:44px;height:60px}
.sl-in::-moz-range-thumb{width:44px;height:60px;border:0}
.sl-tk{position:absolute;left:0;right:0;top:68px;height:28px;z-index:4;pointer-events:none}
.sl-tk button{position:absolute;top:0;transform:translateX(-50%);height:28px;min-width:30px;padding:0 4px;border-radius:8px;font-size:13px;font-weight:600;color:var(--mute);pointer-events:auto;transition:color .3s}
.sl-tk button.on{color:var(--ink)}
.sum{display:flex;align-items:center;justify-content:space-between;gap:14px 20px;flex-wrap:wrap;padding-top:20px;border-top:1px dashed rgba(42,35,64,.16)}
.sum-t{font-weight:600;font-size:16px;color:var(--ink2)}
.sum-t b{color:var(--ink);font-weight:700}
.res-h{display:flex;align-items:flex-end;justify-content:space-between;gap:16px 24px;flex-wrap:wrap;margin-bottom:24px}
.res-act{display:flex;gap:10px;flex-wrap:wrap}
.rg{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:18px}
.rc{position:relative;display:flex;flex-direction:column;border-radius:30px;background:#fff;box-shadow:var(--sh1);transition:transform .45s var(--ease),box-shadow .45s var(--ease)}
.rc:hover{transform:translateY(-6px);box-shadow:var(--sh2)}
.rc.in-a{animation:rina .6s var(--ease) backwards}
.rc.in-b{animation:rinb .6s var(--ease) backwards}
@keyframes rina{from{opacity:0;transform:translateY(18px) scale(.97)}}
@keyframes rinb{from{opacity:0;transform:translateY(18px) scale(.97)}}
.rc-cv{position:relative;margin:10px 10px 0;aspect-ratio:16/10;border-radius:22px;overflow:hidden;background:linear-gradient(135deg,var(--c1),var(--c2));transition:background .5s}
.rc-cv::before{content:"";position:absolute;right:-14%;bottom:-38%;width:78%;aspect-ratio:1;border-radius:50%;background:rgba(255,255,255,.38)}
.rc-cv::after{content:"";position:absolute;left:-12%;top:-34%;width:54%;aspect-ratio:1;border-radius:50%;background:rgba(255,255,255,.24)}
.rc-ic{position:absolute;z-index:1;right:11%;bottom:8%;width:46%;transform:rotate(-7deg);transition:transform .6s var(--spring);filter:drop-shadow(0 10px 12px rgba(42,35,64,.18))}
.rc:hover .rc-ic{transform:rotate(6deg) scale(1.12)}
.rc-tag{position:absolute;z-index:2;left:12px;top:12px;display:inline-flex;align-items:center;height:28px;padding:0 12px;border-radius:999px;background:rgba(255,255,255,.9);font-size:12.5px;font-weight:700}
.rc-b{display:flex;flex-direction:column;gap:6px;padding:14px 18px 18px}
.rc-t{font-weight:700;font-size:17px;line-height:1.25;text-wrap:balance}
.rc-m{display:flex;flex-wrap:wrap;gap:2px 10px;color:var(--mute);font-size:14px;font-weight:500}
.rc-a{position:absolute;inset:0;border-radius:30px;z-index:1}
.empty{grid-column:1/-1;display:grid;justify-items:center;gap:14px;padding:46px 20px;border-radius:30px;background:rgba(255,255,255,.62);text-align:center;color:var(--ink2)}
.empty b{font-family:var(--fd);font-weight:700;font-size:20px;color:var(--ink)}
.rt{display:inline-flex;align-items:center;gap:4px;color:var(--ink);font-weight:700}
.rt .ui{width:15px;height:15px;color:#f5a300}
.feat{padding-top:26px}
.fg{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px}
.fc{position:relative;isolation:isolate;display:grid;grid-template-columns:minmax(0,1fr) 96px;gap:8px 14px;align-items:stretch;min-height:190px;padding:26px 22px 24px 28px;border-radius:34px;color:var(--ink);overflow:hidden;box-shadow:var(--sh1);transition:transform .5s var(--ease),box-shadow .5s var(--ease)}
.fc::before{content:"";position:absolute;inset:0;z-index:-2;background:linear-gradient(135deg,var(--g1),var(--g2))}
.fc::after{content:"";position:absolute;z-index:-1;right:-50px;bottom:-70px;width:230px;aspect-ratio:1;border-radius:50%;background:radial-gradient(circle,rgba(255,255,255,.7),rgba(255,255,255,0) 70%);transition:transform .9s var(--ease)}
.fc:hover{transform:translateY(-6px);box-shadow:var(--sh2)}
.fc:hover::after{transform:scale(1.4) translate(-12px,-12px)}
.fc-t{font-family:var(--fd);font-weight:700;font-size:clamp(17px,1.5vw,19px);line-height:1.2;letter-spacing:-.012em;overflow-wrap:anywhere}
.fc-d{margin:8px 0 16px;font-size:14.5px;line-height:1.45;color:var(--ink2)}
.fc>div{display:flex;flex-direction:column;align-items:flex-start;min-width:0}
.fc>.fc-art{align-self:center}
.fc-go{display:grid;place-items:center;width:44px;height:44px;margin-top:auto;flex:none;border-radius:50%;background:var(--ink);color:#fff;transition:transform .5s var(--spring)}
.fc-go .ui{width:20px;height:20px}
.fc:hover .fc-go{transform:translateX(6px) rotate(-45deg)}
.fc-art{width:96px;height:96px;transition:transform .7s var(--spring);animation:flt2 6s ease-in-out infinite alternate}
.fc:hover .fc-art{transform:rotate(-8deg) scale(1.14)}
@keyframes flt2{from{translate:0 -4px}to{translate:0 6px}}
.fc-santa{--g1:#ffddd6;--g2:#ffb4a7;--cA:#ff5a4d}
.fc-wish{--g1:#e6dfff;--g2:#c5b5ff;--cA:#8b6cff}
.fc-book{--g1:#d0f3e6;--g2:#93e2c8;--cA:#22b58e}
.cp{position:relative;isolation:isolate;display:grid;grid-template-columns:minmax(150px,200px) minmax(0,1fr);align-items:center;gap:14px 22px;padding:14px 14px 14px 26px;border-radius:34px;overflow:hidden;background:linear-gradient(115deg,color-mix(in srgb,var(--acc) 58%,#fff) 0%,color-mix(in srgb,var(--acc2) 80%,#fff) 100%);box-shadow:inset 0 1px 0 rgba(255,255,255,.65),var(--sh1)}
.cp::before{content:"";position:absolute;z-index:-1;left:-70px;bottom:-130px;width:300px;aspect-ratio:1;border-radius:50%;background:rgba(255,255,255,.26)}
.cp::after{content:"";position:absolute;z-index:-1;right:34%;top:-150px;width:260px;aspect-ratio:1;border-radius:50%;background:rgba(255,255,255,.18)}
.cp-h{display:grid;gap:6px}
.cp-t{font-family:var(--fd);font-weight:700;font-size:clamp(22px,2.1vw,27px);line-height:1.1;letter-spacing:-.012em}
.cp-s{font-size:14px;line-height:1.35;font-weight:500;color:var(--ink2)}
.cg{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:10px}
.cat{display:flex;align-items:center;gap:12px;min-height:64px;padding:10px 12px 10px 10px;border-radius:22px;background:rgba(255,255,255,.93);box-shadow:0 1px 2px rgba(42,35,64,.06);transition:transform .45s var(--spring),box-shadow .35s var(--ease),background .3s}
.cat:hover{transform:translateY(-3px);background:#fff;box-shadow:0 12px 24px rgba(42,35,64,.16)}
.cat:focus-visible{border-radius:22px}
.cat-ic{flex:none;display:grid;place-items:center;width:44px;height:44px;border-radius:15px;background:color-mix(in srgb,var(--cA) 15%,#fff);transition:transform .55s var(--spring),background .3s}
.cat-ic svg{width:32px;height:32px}
.cat:hover .cat-ic{transform:rotate(-9deg) scale(1.1);background:color-mix(in srgb,var(--cA) 26%,#fff)}
.cat-n{flex:1;min-width:0;font-weight:700;font-size:15px;line-height:1.2;text-wrap:balance;overflow-wrap:anywhere;hyphens:auto}
.mg{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:18px}
.md{position:relative;isolation:isolate;display:flex;flex-direction:column;justify-content:flex-end;min-height:264px;padding:22px;border-radius:34px;overflow:hidden;background:linear-gradient(160deg,var(--c1),var(--c2));box-shadow:var(--sh1);transition:transform .5s var(--ease),box-shadow .5s var(--ease)}
.md::before{content:"";position:absolute;z-index:-1;left:-20%;bottom:-34%;width:92%;aspect-ratio:1;border-radius:50%;background:rgba(255,255,255,.38);transition:transform .9s var(--ease)}
.md:hover{transform:translateY(-6px);box-shadow:var(--sh2)}
.md:hover::before{transform:scale(1.3)}
.md-ic{position:absolute;right:-4px;top:16px;width:62%;max-width:190px;transform:rotate(8deg);transition:transform .8s var(--spring);filter:drop-shadow(0 14px 18px rgba(42,35,64,.2))}
.md:hover .md-ic{transform:rotate(-4deg) scale(1.1) translateY(4px)}
.md-n{display:inline-flex;align-items:center;width:fit-content;height:28px;margin-bottom:10px;padding:0 12px;border-radius:999px;background:rgba(255,255,255,.88);font-size:13px;font-weight:700}
.md-t{font-family:var(--fd);font-weight:700;font-size:clamp(18px,1.6vw,21px);line-height:1.15;letter-spacing:-.012em;text-wrap:balance}
.tabs{display:flex;gap:8px;flex-wrap:wrap}
.tab{height:46px;padding:0 22px;border-radius:999px;background:rgba(255,255,255,.7);border:1px solid var(--line);font-weight:600;font-size:15px;color:var(--ink2);white-space:nowrap;transition:background .4s var(--ease),color .3s,transform .45s var(--spring),border-color .3s,box-shadow .3s}
.tab:hover{transform:translateY(-2px);background:#fff}
.tab.on{background:var(--ink);border-color:var(--ink);color:#fff;box-shadow:0 10px 22px rgba(42,35,64,.25)}
.pg,.kg,.eg{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:18px}
.pc{position:relative;display:flex;flex-direction:column;border-radius:30px;background:#fff;box-shadow:var(--sh1);transition:transform .45s var(--ease),box-shadow .45s var(--ease)}
.pc:hover{transform:translateY(-6px);box-shadow:var(--sh2)}
.pc.in-a{animation:rina .6s var(--ease) backwards}
.pc.in-b{animation:rinb .6s var(--ease) backwards}
.pc-cv{position:relative;margin:10px 10px 0;aspect-ratio:4/3;border-radius:22px;overflow:hidden;background:linear-gradient(135deg,var(--c1),var(--c2))}
.pc-cv::before{content:"";position:absolute;right:-16%;bottom:-40%;width:84%;aspect-ratio:1;border-radius:50%;background:rgba(255,255,255,.38)}
.pc-cv::after{content:"";position:absolute;left:-14%;top:-36%;width:58%;aspect-ratio:1;border-radius:50%;background:rgba(255,255,255,.24)}
.pc-ic{position:absolute;z-index:1;left:50%;top:54%;width:44%;transform:translate(-50%,-50%) rotate(-6deg);transition:transform .7s var(--spring);filter:drop-shadow(0 12px 14px rgba(42,35,64,.2))}
.pc:hover .pc-ic{transform:translate(-50%,-52%) rotate(6deg) scale(1.14)}
.pc-pop{position:absolute;z-index:2;left:12px;top:12px;display:inline-flex;align-items:center;height:28px;padding:0 12px;border-radius:999px;background:var(--sun);font-size:12.5px;font-weight:700}
.fav{position:absolute;z-index:3;right:18px;top:18px;display:grid;place-items:center;width:44px;height:44px;border-radius:50%;background:rgba(255,255,255,.92);color:var(--ink);transition:transform .4s var(--spring)}
.fav:hover{transform:scale(1.12)}
.fav.on{animation:pop .55s var(--spring)}
@keyframes pop{0%{transform:scale(.7)}60%{transform:scale(1.25)}100%{transform:scale(1)}}
.pc-b{display:flex;flex-direction:column;gap:10px;flex:1;padding:14px 18px 18px}
.pc-top{display:flex;align-items:center;flex-wrap:wrap;gap:4px 8px;font-size:13.5px;font-weight:600;color:var(--mute)}
.pc-r{display:inline-flex;align-items:center;gap:4px;color:var(--ink);font-weight:700}
.pc-r .ui{width:15px;height:15px;color:#f5a300}
.pc-t{font-size:18px;font-weight:700;line-height:1.25}
.pc-ad{display:flex;align-items:center;gap:6px;font-size:14px;color:var(--mute)}
.pc-ad .ui{width:16px;height:16px}
.pc-ft{display:flex;align-items:center;justify-content:space-between;gap:10px;margin-top:auto;padding-top:14px;border-top:1px dashed rgba(42,35,64,.14)}
.pc-meta{display:grid;gap:2px}
.pc-age{font-weight:600;font-size:13.5px;color:var(--mute)}
.pc-pr{font-weight:700;font-size:16px}
.cmp{position:relative;z-index:3;display:inline-flex;align-items:center;gap:6px;height:44px;padding:0 14px;border-radius:999px;border:1px solid var(--line);background:#fff;font-weight:600;font-size:14px;white-space:nowrap;transition:background .3s,color .3s,transform .4s var(--spring),border-color .3s}
.cmp .ui{width:18px;height:18px}
.cmp:hover{transform:translateY(-2px)}
.cmp.on{background:var(--ink);border-color:var(--ink);color:#fff}
.kp{position:relative;display:flex;flex-direction:column;border-radius:30px;background:#fff;box-shadow:var(--sh1);overflow:hidden;transition:transform .45s var(--ease),box-shadow .45s var(--ease)}
.kp:hover{transform:translateY(-6px);box-shadow:var(--sh2)}
.kp-top{position:relative;isolation:isolate;display:flex;align-items:flex-end;justify-content:space-between;min-height:136px;padding:20px 22px;background:linear-gradient(135deg,var(--c1),var(--c2))}
.kp-top::before{content:"";position:absolute;z-index:-1;right:-30px;top:-50px;width:170px;aspect-ratio:1;border-radius:50%;background:rgba(255,255,255,.4);transition:transform .8s var(--ease)}
.kp:hover .kp-top::before{transform:scale(1.5)}
.kp-d{font-family:var(--fd);font-weight:800;font-size:46px;line-height:1;letter-spacing:-.012em}
.kp-ic{width:62px;height:62px;transform:rotate(8deg);transition:transform .6s var(--spring)}
.kp:hover .kp-ic{transform:rotate(-6deg) scale(1.14)}
.kp-b{display:flex;flex-direction:column;gap:6px;flex:1;padding:18px 22px 22px;border-top:2px dashed rgba(42,35,64,.14)}
.kp-t{font-size:17px;font-weight:700;line-height:1.25}
.kp-s{font-size:14.5px;color:var(--ink2)}
.kp-ft{display:flex;align-items:center;justify-content:space-between;gap:10px;margin-top:auto;padding-top:14px}
.kp-ex{display:inline-flex;align-items:center;gap:6px;font-size:14px;font-weight:600;color:var(--mute)}
.kp-ex .ui{width:16px;height:16px}
.kp-go{position:relative;z-index:3;display:inline-flex;align-items:center;height:44px;padding:0 20px;border-radius:999px;background:var(--ink);color:#fff;font-weight:700;font-size:15px;transition:transform .4s var(--spring),box-shadow .3s}
.kp-go:hover{transform:translateY(-2px) scale(1.04);box-shadow:0 10px 22px rgba(42,35,64,.3)}
.ev{position:relative;display:flex;flex-direction:column;border-radius:30px;background:#fff;box-shadow:var(--sh1);overflow:hidden;transition:transform .45s var(--ease),box-shadow .45s var(--ease)}
.ev:hover{transform:translateY(-6px);box-shadow:var(--sh2)}
.ev-hd{position:relative;isolation:isolate;margin:10px 10px 0;aspect-ratio:16/10;padding:12px;border-radius:22px;overflow:hidden;background:linear-gradient(135deg,var(--c1),var(--c2))}
.ev-hd::before{content:"";position:absolute;z-index:-1;right:-14%;bottom:-42%;width:76%;aspect-ratio:1;border-radius:50%;background:rgba(255,255,255,.38)}
.ev-hd::after{content:"";position:absolute;z-index:-1;left:-12%;top:-36%;width:52%;aspect-ratio:1;border-radius:50%;background:rgba(255,255,255,.24)}
.ev-date{position:relative;z-index:3;display:grid;place-items:center;align-content:center;width:60px;height:68px;border-radius:18px;background:#fff;box-shadow:0 6px 16px rgba(42,35,64,.14);line-height:1}
.ev-day{font-family:var(--fd);font-weight:800;font-size:25px;letter-spacing:-.012em}
.ev-mon{margin-top:5px;font-size:11.5px;font-weight:700;text-transform:uppercase;letter-spacing:.06em;color:var(--mute)}
.ev-ic{position:absolute;z-index:1;right:10%;bottom:8%;width:40%;aspect-ratio:1;height:auto;transform:rotate(8deg);transition:transform .6s var(--spring);filter:drop-shadow(0 10px 12px rgba(42,35,64,.18))}
.ev:hover .ev-ic{transform:rotate(-6deg) scale(1.12)}
.ph{position:absolute;inset:0;z-index:1;width:100%;height:100%;object-fit:cover;transition:transform .9s var(--ease)}
.rc:hover .ph,.pc:hover .ph,.ev:hover .ph{transform:scale(1.06)}
.ph-i{position:absolute;z-index:2;left:12px;bottom:12px;display:grid;place-items:center;width:30px;height:30px;border-radius:50%;background:rgba(255,255,255,.82);color:var(--ink2)}
.ph-i .ui{width:16px;height:16px}
.has-ph::before,.has-ph::after{display:none}
.has-ph .rc-ic,.has-ph .pc-ic,.has-ph .ev-ic{left:auto;top:auto;right:10px;bottom:10px;z-index:2;width:46px;height:46px;aspect-ratio:auto;padding:7px;border-radius:16px;background:#fff;box-shadow:0 8px 18px rgba(42,35,64,.24);filter:none;transform:rotate(-6deg)}
.rc:hover .has-ph .rc-ic,.pc:hover .has-ph .pc-ic,.ev:hover .has-ph .ev-ic{transform:rotate(6deg) scale(1.1)}
.ev-b{display:flex;flex-direction:column;gap:8px;flex:1;padding:16px 20px 20px}
.ev-tags{display:flex;gap:6px;flex-wrap:wrap}
.tg{display:inline-flex;align-items:center;height:26px;padding:0 10px;border-radius:999px;background:rgba(42,35,64,.07);font-size:12.5px;font-weight:700}
.tg.hot{background:var(--sun)}
.ev-t{font-size:18px;font-weight:700;line-height:1.25;text-wrap:balance}
.ev-v{font-size:14px;color:var(--mute)}
.ev-ft{display:flex;align-items:center;justify-content:space-between;gap:10px;margin-top:auto;padding-top:14px;border-top:1px dashed rgba(42,35,64,.14);font-size:14px}
.ev-tm{display:inline-flex;align-items:center;gap:6px;color:var(--ink2);font-weight:600}
.ev-tm .ui{width:16px;height:16px}
.ev-pr{flex:none;font-weight:700;font-size:16px;white-space:nowrap}
.seg.s3{grid-template-columns:repeat(3,minmax(0,1fr));max-width:380px}
.seg.s3 .seg-t{width:calc((100% - 8px)/3)}
.mp{display:grid;grid-template-columns:minmax(300px,380px) minmax(0,1fr);gap:18px;align-items:stretch}
.mp-list{display:flex;flex-direction:column;gap:10px;max-height:580px;overflow:auto;padding:4px 6px 28px 2px;scrollbar-width:thin;-webkit-mask-image:linear-gradient(180deg,#000 calc(100% - 34px),transparent);mask-image:linear-gradient(180deg,#000 calc(100% - 34px),transparent)}
.mi{position:relative;display:flex;align-items:center;gap:12px;width:100%;text-align:left;padding:12px 14px 12px 12px;border-radius:24px;background:rgba(255,255,255,.78);border:2px solid transparent;transition:background .35s,border-color .35s,transform .45s var(--spring),box-shadow .35s}
.mi:hover{background:#fff;transform:translateX(4px)}
.mi.on{background:#fff;border-color:var(--ink);box-shadow:var(--sh2)}
.mi-ic{flex:none;display:grid;place-items:center;width:52px;height:52px;border-radius:18px;background:linear-gradient(135deg,var(--c1),var(--c2))}
.mi-ic svg{width:36px;height:36px}
.mi-tx{display:grid;gap:2px;min-width:0}
.mi-t{font-weight:700;font-size:15px;line-height:1.25}
.mi-s{font-size:13px;color:var(--mute)}
.mp-map{position:relative;min-height:540px;border-radius:36px;overflow:hidden;background:#eef6f0;box-shadow:var(--sh1)}
.mp-svg{position:absolute;left:0;top:0;width:100%;height:100%}
.mp-cap{position:absolute;z-index:3;left:16px;bottom:16px;display:inline-flex;align-items:center;gap:8px;height:34px;padding:0 14px;border-radius:999px;background:rgba(255,255,255,.88);font-size:13px;font-weight:600;color:var(--ink2)}
.pin{position:absolute;z-index:2;display:grid;place-items:center;width:44px;height:44px;margin:-53px 0 0 -22px;transition:transform .5s var(--spring),opacity .4s;transform-origin:50% 100%}
.pin::before{content:"";position:absolute;left:0;top:0;width:44px;height:44px;border-radius:50% 50% 50% 0;transform:rotate(-45deg);background:#fff;border:3px solid var(--ink);box-shadow:0 8px 18px rgba(42,35,64,.25);transition:background .35s}
.pin svg{position:relative;width:26px;height:26px}
.pin:hover{transform:scale(1.14)}
.pin.on{z-index:5;transform:scale(1.28)}
.pin.on::before{background:var(--sun)}
.pin.off{opacity:0;pointer-events:none;transform:scale(.4)}
.pin-l{position:absolute;left:50%;bottom:calc(100% + 14px);transform:translateX(-50%) scale(.85);opacity:0;white-space:nowrap;padding:6px 12px;border-radius:12px;background:var(--ink);color:#fff;font-size:13px;font-weight:600;pointer-events:none;transition:opacity .3s,transform .45s var(--spring)}
.pin.on .pin-l{opacity:1;transform:translateX(-50%) scale(1)}
.pin-r{position:absolute;left:50%;top:100%;width:20px;height:20px;margin:-14px 0 0 -10px;border-radius:50%;background:var(--sun);opacity:0}
.pin.on .pin-r{animation:ring 1.6s ease-out infinite}
@keyframes ring{0%{transform:scale(.6);opacity:.7}100%{transform:scale(3.2);opacity:0}}
.tr{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:18px}
.ti{display:flex;gap:14px;padding:22px;border-radius:30px;background:rgba(255,255,255,.7);border:1px solid rgba(255,255,255,.95);transition:transform .45s var(--ease),background .3s,box-shadow .45s}
.ti:hover{transform:translateY(-4px);background:#fff;box-shadow:var(--sh1)}
.ti-ic{flex:none;display:grid;place-items:center;width:52px;height:52px;border-radius:18px;color:var(--ink)}
.ti-ic .ui{width:26px;height:26px}
.ti-t{font-weight:700;font-size:16px;line-height:1.25}
.ti-s{margin-top:4px;font-size:14px;line-height:1.4;color:var(--ink2)}
.st{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:18px;margin-top:18px;padding:32px 30px;border-radius:38px;background:linear-gradient(120deg,#ffd86a,#ffb98a 55%,#ffa9b8);color:var(--ink)}
.st b{display:block;font-family:var(--fd);font-weight:800;font-size:clamp(30px,3.6vw,48px);line-height:1;letter-spacing:-.012em}
.st span{display:block;margin-top:8px;font-size:14.5px;font-weight:600}
.ft{position:relative;margin-top:96px;padding:72px 0 36px;background:var(--ink);color:#fff}
.ft::before{content:"";position:absolute;left:0;right:0;top:-92px;height:92px;pointer-events:none;background:linear-gradient(180deg,rgba(226,214,244,0) 0%,rgba(226,214,244,.55) 34%,rgba(124,108,168,.78) 72%,#2a2340 100%)}
.ft-g{display:grid;grid-template-columns:1.5fr 1fr 1fr 1fr;gap:32px}
.ft .logo{width:max-content;padding:9px 18px 9px 14px;border-radius:26px;background:#fff;box-shadow:0 12px 32px rgba(0,0,0,.22)}
.ft .logo-img{height:52px}
.ft-tag{max-width:300px;margin-top:16px;color:rgba(255,255,255,.8);font-size:15px}
.ft-h{margin-bottom:14px;font-family:var(--fd);font-weight:700;font-size:14px;color:#fff}
.ft-l{display:grid;gap:2px}
.ft-l a{display:inline-flex;align-items:center;gap:8px;min-height:38px;color:rgba(255,255,255,.82);font-size:15px;transition:color .3s,transform .35s var(--ease)}
.ft-l a:hover{color:#fff;transform:translateX(4px)}
.ft-l .ui{width:18px;height:18px}
.ft-bt{display:flex;justify-content:space-between;gap:12px;flex-wrap:wrap;margin-top:48px;padding-top:22px;border-top:1px solid rgba(255,255,255,.16);color:rgba(255,255,255,.72);font-size:14px}
.tray{position:fixed;left:50%;bottom:18px;z-index:80;display:flex;align-items:center;gap:10px;max-width:calc(100% - 24px);padding:8px 8px 8px 22px;border-radius:999px;background:var(--ink);color:#fff;box-shadow:0 22px 54px rgba(42,35,64,.42);transform:translate(-50%,170%);opacity:0;pointer-events:none;transition:transform .65s var(--spring),opacity .4s}
.tray.on{transform:translate(-50%,0);opacity:1;pointer-events:auto}
.tray-t{font-weight:600;font-size:15px;white-space:nowrap}
.tray-t b{font-weight:700}
.tray .btn{height:46px;padding:0 20px;font-size:15px}
.tray-x{display:grid;place-items:center;width:46px;height:46px;border-radius:50%;background:rgba(255,255,255,.14);transition:background .3s,transform .4s var(--spring)}
.tray-x:hover{background:rgba(255,255,255,.26);transform:rotate(90deg)}
.tray-x .ui{width:20px;height:20px}
.mnav{position:absolute;left:0;right:0;top:calc(100% + 6px);z-index:55;pointer-events:none}
.mnav-in{display:grid;gap:2px;padding:12px;border-radius:30px;background:rgba(255,255,255,.95);box-shadow:var(--sh2);-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);opacity:0;transform:translateY(-12px) scale(.98);transform-origin:50% 0;transition:opacity .3s,transform .5s var(--spring)}
.mnav.open{pointer-events:auto}
.mnav.open .mnav-in{opacity:1;transform:none}
.mnav a{display:flex;align-items:center;justify-content:space-between;min-height:48px;padding:0 16px;border-radius:18px;font-weight:600;font-size:16px;transition:background .3s}
.mnav a:hover{background:rgba(42,35,64,.06)}
.mnav a b{display:inline-grid;place-items:center;min-width:26px;height:26px;padding:0 8px;border-radius:999px;background:var(--ink);color:#fff;font-size:13px}
.mnav .btn{margin-top:6px}
@media (max-width:1260px){
.city{display:none}
.hd-in{gap:12px}
.nv a{padding:0 12px}
}
@media (max-width:1120px){
.nv,.hd-biz{display:none}
.hd-act{margin-left:auto}
.burger{display:grid}
.mnav{display:block}
.rg,.pg,.kg,.eg,.mg,.tr,.st{grid-template-columns:repeat(2,minmax(0,1fr))}
.cp{grid-template-columns:minmax(0,1fr);gap:12px;padding:16px 16px 16px 22px}
.cp-h{display:flex;flex-wrap:wrap;align-items:baseline;gap:4px 14px}
.age{grid-template-columns:1fr}
.hero-art{display:none}
.hero-txt{min-height:0}
.mp{grid-template-columns:1fr}
.mp-map{order:-1;min-height:440px}
.mp-list{flex-direction:row;max-height:none;overflow-x:auto;padding:4px 2px 10px;scroll-snap-type:x mandatory;scroll-padding:0 2px;-webkit-mask-image:none;mask-image:none}
.mi{min-width:270px;width:auto;scroll-snap-align:start}
.ft-g{grid-template-columns:1fr 1fr}
.fc{grid-template-columns:minmax(0,1fr);grid-template-rows:auto 1fr;gap:12px;min-height:0;padding:22px 20px 20px}
.fc>.fc-art{order:-1;justify-self:start;align-self:start;width:64px;height:64px}
.fc-t{overflow-wrap:normal;hyphens:auto}
}
@media (max-width:760px){
.wrap{padding:0 16px}
.sec{padding-top:48px}
.hero{padding-top:14px}
.hero-in{gap:22px;padding-top:18px}
.hd-in{height:60px;gap:8px;padding:0 6px 0 14px}
.logo-img{height:44px}
.city{display:none}
.h1{font-size:clamp(30px,9.4vw,46px)}
.finder{gap:22px;padding:20px 16px;border-radius:32px}
.seg button{font-size:14px}
.chips{display:flex;flex-wrap:nowrap;overflow-x:auto;margin:0 -16px;padding:2px 16px 8px;scrollbar-width:none;scroll-snap-type:x proximity;scroll-padding:0 16px}
.chips::-webkit-scrollbar{display:none}
.chip{flex:none;white-space:nowrap;min-height:50px;scroll-snap-align:start}
.age-big{font-size:72px}
.sl{gap:6px;grid-template-columns:44px 1fr 44px}
.sum .btn{width:100%}
.rg,.pg,.kg,.eg,.fg{display:grid;grid-template-columns:none;grid-auto-flow:column;grid-auto-columns:80%;gap:14px;margin:0 -16px;padding:4px 16px 20px;overflow-x:auto;scroll-snap-type:x mandatory;scroll-padding:0 16px;scrollbar-width:none;overscroll-behavior-x:contain}
.rg::-webkit-scrollbar,.pg::-webkit-scrollbar,.kg::-webkit-scrollbar,.eg::-webkit-scrollbar,.fg::-webkit-scrollbar{display:none}
.rg>*,.pg>*,.kg>*,.eg>*,.fg>*{scroll-snap-align:start}
.fg{grid-auto-columns:88%}
.fc{grid-template-columns:minmax(0,1fr) 84px;grid-template-rows:none;gap:8px 14px;min-height:176px;padding:24px 20px 22px 24px}
.fc>.fc-art{order:0;justify-self:auto;align-self:center;width:84px;height:84px}
.empty{grid-column:auto}
.rg:has(.empty){display:block;margin:0;padding:4px 0 8px;overflow:visible}
.cp{gap:12px;padding:16px 12px 12px 18px;border-radius:28px}
.cp-h{padding:0 4px 0 0}
.cg{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}
.cat{gap:9px;min-height:56px;padding:8px 8px 8px 8px;border-radius:18px}
.cat-ic{width:38px;height:38px;border-radius:13px}
.cat-ic svg{width:28px;height:28px}
.cat-n{font-size:14px}
.mg{gap:12px}
.md{min-height:236px;padding:16px}
.md-ic{width:60%;right:-4px;top:10px}
.sec-h{flex-wrap:wrap;align-items:flex-start}
.tabs{flex-wrap:nowrap;overflow-x:auto;margin:0 -16px 22px !important;padding:2px 16px 8px;scrollbar-width:none}
.tabs::-webkit-scrollbar{display:none}
.tab{flex:none}
.tr{grid-template-columns:1fr}
.st{padding:24px 20px;gap:22px 14px}
.mp-map{min-height:380px;border-radius:30px}
.mi{min-width:78%}
.ft{margin-top:72px;padding:56px 0 28px}
.ft::before{top:-72px;height:72px}
.ft-g{grid-template-columns:1fr 1fr;gap:28px 16px}
.ft-g>div:first-child{grid-column:1/-1}
.tray{bottom:12px;padding:6px 6px 6px 16px}
.tray-t{font-size:14px}
}
@media (max-width:380px){
.logo-img{height:38px}
.hd-in{gap:4px;padding:0 4px 0 12px}
.hbtn{width:40px;height:40px}
.seg button{font-size:11.5px;letter-spacing:-.01em}
.sl-tk button:nth-child(6){display:none}
.finder{padding:18px 14px}
.age-big{font-size:64px}
.cp{padding:14px 10px 10px 16px}
.cg{gap:6px}
.cat{gap:7px;padding:7px 6px 7px 7px}
.cat-ic{width:34px;height:34px;border-radius:11px}
.cat-ic svg{width:25px;height:25px}
.cat-n{font-size:13px}
.mg{gap:10px}
.fg{grid-auto-columns:90%}
}
@media (max-width:340px){
.cp{padding:14px 8px 8px 14px}
.cat{gap:6px;padding:6px 4px 6px 6px}
.cat-ic{width:30px;height:30px;border-radius:10px}
.cat-ic svg{width:22px;height:22px}
.cat-n{font-size:12px}
}
@media (prefers-reduced-motion:reduce){
html{scroll-behavior:auto}
.tfk *,.tfk *::before,.tfk *::after{animation:none !important;transition-duration:.01ms !important}
.h1 mark{background-size:100% 100%}
}

/* ===== v4: общие элементы внутренних страниц ===== */
.pgt{position:relative;padding:26px 0 0}
.pgt .aur{height:520px}
.pgt-in{position:relative;z-index:1}
.crumbs{display:flex;flex-wrap:wrap;align-items:center;gap:4px 8px;font-size:14px;color:var(--mute)}
.crumbs button{font-weight:600;color:var(--ink2);border-radius:8px}
.crumbs button:hover{color:var(--ink);text-decoration:underline}
.crumbs i{font-style:normal;opacity:.45}
.pgh{display:flex;align-items:flex-end;justify-content:space-between;gap:18px 28px;flex-wrap:wrap;margin-top:18px}
.pgh-t{font-family:var(--fd);font-weight:800;font-size:clamp(30px,4.2vw,56px);line-height:1.06;letter-spacing:-.012em;text-wrap:balance;max-width:20ch}
.pgh-s{margin-top:12px;max-width:620px;color:var(--ink2);font-size:17px}
.pgh-act{display:flex;gap:10px;flex-wrap:wrap}
.pbody{position:relative;z-index:1;padding-top:28px}
.seg2{display:inline-grid;grid-auto-flow:column;grid-auto-columns:1fr;padding:4px;border-radius:999px;background:rgba(42,35,64,.07)}
.seg2 button{display:inline-flex;align-items:center;justify-content:center;gap:8px;height:42px;padding:0 20px;border-radius:999px;font-weight:600;font-size:15px;color:var(--ink2);transition:background .3s,color .3s,box-shadow .3s}
.seg2 button .ui{width:18px;height:18px}
.seg2 button.on{background:#fff;color:var(--ink);box-shadow:0 4px 14px rgba(42,35,64,.14)}
/* фильтры */
.flt{display:grid;gap:18px;padding:22px;border-radius:32px;background:rgba(255,255,255,.7);border:1px solid rgba(255,255,255,.95);box-shadow:0 24px 60px rgba(42,35,64,.09);-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px)}
.flt-g{display:grid;grid-template-columns:minmax(0,2fr) repeat(2,minmax(0,1fr));gap:14px}
.fld{display:grid;gap:7px;min-width:0}
.fld>span{font-size:13px;font-weight:700;color:var(--mute)}
.inp{width:100%;height:52px;padding:0 16px;border-radius:18px;border:1px solid var(--line);background:#fff;font:inherit;font-size:16px;color:var(--ink);transition:border-color .3s,box-shadow .3s}
.inp:focus{outline:none;border-color:var(--ink);box-shadow:0 0 0 4px color-mix(in srgb,var(--acc) 30%,transparent)}
textarea.inp{height:auto;min-height:120px;padding:14px 16px;resize:vertical}
.inp.bad{border-color:#e5484d;box-shadow:0 0 0 4px rgba(229,72,77,.14)}
.sel{position:relative;display:block}
.sel .inp{appearance:none;-webkit-appearance:none;padding-right:44px;cursor:pointer}
.sel .ui{position:absolute;right:14px;top:50%;width:20px;height:20px;margin-top:-10px;pointer-events:none;color:var(--ink2)}
.flt-r{display:flex;align-items:center;justify-content:space-between;gap:12px 18px;flex-wrap:wrap}
.flt-l{display:grid;gap:8px;min-width:0}
.flt-l .tabs{margin:0}
.cnt{margin-top:22px;display:flex;align-items:center;justify-content:space-between;gap:12px;flex-wrap:wrap;color:var(--ink2);font-weight:600}
.cnt b{color:var(--ink)}
.dstrip{display:flex;gap:8px;overflow-x:auto;padding:2px 2px 8px;scrollbar-width:none}
.dstrip::-webkit-scrollbar{display:none}
.dch{flex:none;display:grid;place-items:center;align-content:center;gap:2px;min-width:62px;height:70px;padding:0 10px;border-radius:20px;background:rgba(255,255,255,.82);border:1px solid var(--line);line-height:1;transition:background .3s,transform .4s var(--spring),border-color .3s,box-shadow .3s}
.dch b{font-family:var(--fd);font-weight:800;font-size:20px;letter-spacing:-.012em}
.dch span{font-size:12px;font-weight:700;color:var(--mute);text-transform:lowercase}
.dch.wk span{color:#e0533d}
.dch:hover{transform:translateY(-2px);background:#fff}
.dch.on{background:var(--ink);border-color:var(--ink);color:#fff;box-shadow:0 10px 22px rgba(42,35,64,.25)}
.dch.on span{color:rgba(255,255,255,.78)}
.pgrid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:18px}
.pgrid.c3{grid-template-columns:repeat(3,minmax(0,1fr))}
.pgrid.c2{grid-template-columns:repeat(2,minmax(0,1fr))}
.nores{grid-column:1/-1;display:grid;justify-items:center;gap:12px;padding:48px 20px;border-radius:30px;background:rgba(255,255,255,.66);text-align:center;color:var(--ink2)}
.nores b{font-family:var(--fd);font-weight:700;font-size:20px;color:var(--ink)}
.ev .fav,.kp .fav{top:18px;right:18px}
.kp .fav{top:14px;right:14px;width:40px;height:40px}
.kp-top{min-height:150px}
.kp-top .ph{z-index:0}
/* детальные страницы */
.dt{display:grid;grid-template-columns:minmax(0,1fr) 392px;gap:34px;align-items:start}
.dt-main{display:grid;gap:34px;min-width:0}
.dt-side{position:sticky;top:96px;display:grid;gap:16px;min-width:0}
.dh{display:grid;gap:14px}
.dh-t{font-family:var(--fd);font-weight:800;font-size:clamp(28px,3.6vw,46px);line-height:1.08;letter-spacing:-.012em;text-wrap:balance}
.dh-m{display:flex;flex-wrap:wrap;align-items:center;gap:8px 16px;color:var(--ink2);font-weight:600;font-size:15px}
.dh-m .rt{font-size:16px}
.dh-m a,.dh-m span{display:inline-flex;align-items:center;gap:6px}
.dh-m .ui{width:18px;height:18px}
.dh-act{display:flex;gap:8px;flex-wrap:wrap}
.pill{display:inline-flex;align-items:center;gap:8px;height:44px;padding:0 18px;border-radius:999px;background:rgba(255,255,255,.78);border:1px solid var(--line);font-weight:600;font-size:15px;transition:background .3s,transform .4s var(--spring),border-color .3s,color .3s}
.pill .ui{width:18px;height:18px}
.pill:hover{background:#fff;transform:translateY(-2px)}
.pill.on{background:var(--ink);border-color:var(--ink);color:#fff}
.gal{display:grid;grid-template-columns:minmax(0,1fr) 132px;gap:10px}
.gal.one{grid-template-columns:minmax(0,1fr)}
.gal-m{position:relative;display:block;width:100%;aspect-ratio:16/8.4;border-radius:32px;overflow:hidden;background:linear-gradient(135deg,var(--c1),var(--c2));box-shadow:var(--sh1)}
.gal-m img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;transition:transform .9s var(--ease)}
.gal-m:hover img{transform:scale(1.04)}
.gal-m .zoom{position:absolute;right:14px;bottom:14px;display:inline-flex;align-items:center;gap:6px;height:36px;padding:0 14px;border-radius:999px;background:rgba(255,255,255,.9);font-size:13px;font-weight:700}
.gal-m .zoom .ui{width:16px;height:16px}
.gal-t{display:grid;grid-auto-rows:1fr;gap:10px}
.gal-th{position:relative;border-radius:20px;overflow:hidden;min-height:70px;border:3px solid transparent;background:#fff;transition:border-color .3s,transform .4s var(--spring)}
.gal-th img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}
.gal-th.on{border-color:var(--ink)}
.gal-th:hover{transform:scale(1.03)}
.gal-cv{position:absolute;inset:0;display:grid;place-items:center}
.gal-cv svg{width:30%;transform:rotate(-6deg);filter:drop-shadow(0 12px 14px rgba(42,35,64,.2))}
.blk{display:grid;gap:16px}
.blk-t{font-family:var(--fd);font-weight:700;font-size:24px;line-height:1.15;letter-spacing:-.012em}
.blk p{max-width:68ch;color:var(--ink2);font-size:16.5px}
.facts{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}
.fct{display:grid;gap:3px;padding:16px 18px;border-radius:22px;background:rgba(255,255,255,.78);border:1px solid rgba(255,255,255,.95)}
.fct span{font-size:13px;font-weight:600;color:var(--mute)}
.fct b{font-size:17px;font-weight:700;line-height:1.3;overflow-wrap:anywhere}
.hrs{display:grid;gap:0;border-radius:22px;background:rgba(255,255,255,.78);overflow:hidden}
.hrs div{display:flex;justify-content:space-between;gap:12px;padding:14px 18px;font-weight:600}
.hrs div+div{border-top:1px dashed rgba(42,35,64,.14)}
.hrs span{color:var(--ink2)}
.note{display:flex;gap:12px;align-items:flex-start;padding:16px 18px;border-radius:22px;background:color-mix(in srgb,var(--sun) 28%,#fff);font-weight:600;font-size:15px}
.note .ui{flex:none;width:22px;height:22px}
.feats{display:flex;flex-wrap:wrap;gap:8px}
.feat-i{display:inline-flex;align-items:center;gap:8px;height:42px;padding:0 16px 0 12px;border-radius:999px;background:rgba(255,255,255,.82);border:1px solid var(--line);font-weight:600;font-size:15px}
.feat-i .ui{width:18px;height:18px;color:#2aa874}
.mcard{position:relative;display:grid;align-content:end;min-height:260px;padding:20px;border-radius:30px;overflow:hidden;background:#eef6f0;box-shadow:var(--sh1)}
.mcard svg.mp-svg{position:absolute;inset:0;width:100%;height:100%}
.mcard .pin{left:52%;top:46%}
.mcard-b{position:relative;z-index:3;display:flex;align-items:center;justify-content:space-between;gap:12px;flex-wrap:wrap;padding:12px 12px 12px 18px;border-radius:22px;background:rgba(255,255,255,.94)}
.mcard-b b{font-size:15.5px}
.mcard-b small{display:block;margin-top:2px;font-size:13.5px;color:var(--mute)}
.bk{display:grid;gap:18px;padding:24px;border-radius:34px;background:#fff;box-shadow:var(--sh2)}
.bk-h{display:flex;align-items:baseline;justify-content:space-between;gap:12px}
.bk-h b{font-family:var(--fd);font-weight:700;font-size:20px}
.bk-h span{font-weight:700;color:var(--ink2)}
.bk-s{display:grid;gap:8px}
.bk-s>span{font-size:13px;font-weight:700;color:var(--mute)}
.tchips{display:flex;flex-wrap:wrap;gap:8px}
.tch{height:44px;min-width:70px;padding:0 14px;border-radius:14px;border:1px solid var(--line);background:#fff;font-weight:700;font-size:15px;transition:background .3s,color .3s,transform .4s var(--spring)}
.tch:hover{transform:translateY(-2px)}
.tch.on{background:var(--sun);border-color:transparent;box-shadow:0 8px 18px rgba(255,170,0,.3)}
.cnts{display:grid;grid-template-columns:1fr 1fr;gap:10px}
.cn{display:grid;gap:8px;padding:12px 14px;border-radius:20px;background:rgba(42,35,64,.05)}
.cn>span{font-size:13px;font-weight:700;color:var(--mute)}
.cn div{display:flex;align-items:center;justify-content:space-between}
.cn button{display:grid;place-items:center;width:36px;height:36px;border-radius:50%;background:#fff;box-shadow:0 2px 8px rgba(42,35,64,.12);transition:transform .35s var(--spring)}
.cn button:hover{transform:scale(1.12)}
.cn button:disabled{opacity:.35;pointer-events:none}
.cn button .ui{width:18px;height:18px}
.cn output{font-family:var(--fd);font-weight:800;font-size:22px;min-width:26px;text-align:center}
.bk-sum{padding:14px 16px;border-radius:20px;background:color-mix(in srgb,var(--acc2) 40%,#fff);font-weight:600;font-size:15px;line-height:1.4}
.bk-sum b{font-weight:700}
.btn-b{width:100%}
.bk-n{font-size:13px;color:var(--mute);text-align:center}
.side-c{display:grid;gap:10px;padding:20px 22px;border-radius:28px;background:rgba(255,255,255,.72)}
.side-c b{font-size:16px}
.side-c span{color:var(--ink2);font-size:15px}
.rvs{display:grid;grid-template-columns:200px minmax(0,1fr);gap:20px 28px;align-items:start}
.rvs-b{display:grid;gap:6px;justify-items:start;padding:22px;border-radius:28px;background:#fff;box-shadow:var(--sh1)}
.rvs-n{font-family:var(--fd);font-weight:800;font-size:54px;line-height:1;letter-spacing:-.012em}
.stars{display:flex;gap:2px;color:#f5a300}
.stars .ui{width:18px;height:18px}
.stars .off{color:rgba(42,35,64,.18)}
.rvl{display:grid;gap:12px}
.rv{display:grid;gap:10px;padding:18px 20px;border-radius:26px;background:rgba(255,255,255,.82)}
.rv-h{display:flex;align-items:center;gap:12px}
.rv-av{display:grid;place-items:center;width:42px;height:42px;border-radius:50%;background:var(--sun);font-weight:700}
.rv-h div{display:grid;gap:2px}
.rv-h b{font-size:15.5px}
.rv-h small{font-size:13px;color:var(--mute)}
.rv-h .stars{margin-left:auto}
.rv p{font-size:15.5px;color:var(--ink)}
.rv-r{padding:10px 14px;border-radius:16px;background:rgba(42,35,64,.05);font-size:14.5px;color:var(--ink2)}
.rv-r b{display:block;font-size:13px;margin-bottom:2px;color:var(--ink)}
/* сеансы события */
.ses{display:grid;gap:10px}
.sr{display:grid;grid-template-columns:78px minmax(0,1fr);gap:14px;align-items:center;padding:12px;border-radius:26px;background:rgba(255,255,255,.82);border:1px solid rgba(255,255,255,.95)}
.sr-d{display:grid;place-items:center;align-content:center;height:78px;border-radius:20px;background:color-mix(in srgb,var(--c2) 70%,#fff);line-height:1}
.sr-d b{font-family:var(--fd);font-weight:800;font-size:26px;letter-spacing:-.012em}
.sr-d span{margin-top:5px;font-size:12px;font-weight:700;text-transform:lowercase;color:var(--ink2)}
.sr-t{display:flex;flex-wrap:wrap;align-items:center;gap:8px}
.sr-l{width:100%;font-size:14px;font-weight:600;color:var(--ink2)}
/* купон */
.tk{display:grid;grid-template-columns:minmax(0,1.15fr) minmax(0,1fr);border-radius:38px;overflow:hidden;background:#fff;box-shadow:var(--sh2)}
.tk-l{position:relative;isolation:isolate;display:grid;align-content:end;gap:14px;min-height:380px;padding:30px;background:linear-gradient(135deg,var(--c1),var(--c2));overflow:hidden}
.tk-l::before{content:"";position:absolute;z-index:-1;right:-70px;top:-90px;width:340px;aspect-ratio:1;border-radius:50%;background:rgba(255,255,255,.42)}
.tk-l img.ph{z-index:-1}
.tk-l.has-ph::before{display:none}
.tk-l.has-ph::after{content:"";position:absolute;z-index:-1;inset:0;background:linear-gradient(180deg,rgba(42,35,64,0) 30%,rgba(42,35,64,.72))}
.tk-ic{position:absolute;right:26px;top:24px;width:96px;height:96px;transform:rotate(8deg);filter:drop-shadow(0 12px 14px rgba(42,35,64,.2))}
.tk-d{font-family:var(--fd);font-weight:800;font-size:clamp(60px,8vw,104px);line-height:.9;letter-spacing:-.012em}
.tk-l.has-ph .tk-d,.tk-l.has-ph .tk-t,.tk-l.has-ph .tk-s{color:#fff}
.tk-t{font-family:var(--fd);font-weight:700;font-size:clamp(22px,2.4vw,30px);line-height:1.12;letter-spacing:-.012em}
.tk-s{font-size:17px;font-weight:600}
.tk-r{position:relative;display:grid;align-content:center;gap:16px;padding:34px 32px;border-left:2px dashed rgba(42,35,64,.16)}
.tk-r::before,.tk-r::after{content:"";position:absolute;left:-17px;width:32px;height:32px;border-radius:50%;background:#f4efff}
.tk-r::before{top:-16px}
.tk-r::after{bottom:-16px}
.code{display:flex;align-items:center;justify-content:center;min-height:78px;border-radius:22px;border:2px dashed var(--ink);font-family:var(--fd);font-weight:800;font-size:30px;letter-spacing:.08em}
.code.lock{color:transparent;text-shadow:0 0 14px rgba(42,35,64,.55);user-select:none}
.tk-p{display:flex;align-items:baseline;gap:12px;flex-wrap:wrap}
.tk-p s{color:var(--mute);font-weight:600}
.tk-p b{font-family:var(--fd);font-size:24px}
.steps{display:grid;gap:10px;counter-reset:s}
.steps li{display:grid;grid-template-columns:36px minmax(0,1fr);gap:12px;align-items:start;font-size:16px;color:var(--ink2)}
.steps li::before{counter-increment:s;content:counter(s);display:grid;place-items:center;width:36px;height:36px;border-radius:50%;background:var(--sun);color:var(--ink);font-weight:700}
.steps b{color:var(--ink)}
.checks{display:grid;gap:10px}
.checks li{display:grid;grid-template-columns:24px minmax(0,1fr);gap:10px;align-items:start;font-size:16px;color:var(--ink2)}
.checks .ui{width:22px;height:22px;color:#2aa874}
.cgal{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px}
.cgal img{width:100%;aspect-ratio:16/10;object-fit:cover;border-radius:20px}
/* блог */
.bf{display:grid;grid-template-columns:minmax(0,1.3fr) minmax(0,1fr);border-radius:38px;overflow:hidden;background:#fff;box-shadow:var(--sh1);transition:transform .45s var(--ease),box-shadow .45s var(--ease);text-align:left}
.bf:hover{transform:translateY(-5px);box-shadow:var(--sh2)}
.bf-i,.ac-i{position:relative;isolation:isolate;display:grid;place-items:center;overflow:hidden;background:linear-gradient(135deg,var(--c1),var(--c2))}
.bf-i{min-height:320px}
.bf-i svg,.ac-i svg{width:34%;transform:rotate(-6deg);filter:drop-shadow(0 14px 16px rgba(42,35,64,.2))}
.bf-i::before,.ac-i::before{content:"";position:absolute;z-index:-1;right:-14%;bottom:-40%;width:80%;aspect-ratio:1;border-radius:50%;background:rgba(255,255,255,.4)}
.bf-b{display:grid;align-content:center;gap:14px;padding:34px}
.bf-t{font-family:var(--fd);font-weight:700;font-size:clamp(22px,2.4vw,30px);line-height:1.15;letter-spacing:-.012em;text-wrap:balance}
.bf-l{color:var(--ink2);font-size:16.5px}
.tag2{display:inline-flex;align-items:center;width:fit-content;height:28px;padding:0 12px;border-radius:999px;background:rgba(42,35,64,.07);font-size:12.5px;font-weight:700}
.ac{display:grid;grid-template-rows:auto 1fr;border-radius:30px;overflow:hidden;background:#fff;box-shadow:var(--sh1);text-align:left;transition:transform .45s var(--ease),box-shadow .45s var(--ease)}
.ac:hover{transform:translateY(-6px);box-shadow:var(--sh2)}
.ac-i{aspect-ratio:16/9}
.ac-b{display:grid;align-content:start;gap:10px;padding:18px 20px 22px}
.ac-t{font-weight:700;font-size:18px;line-height:1.25;text-wrap:balance}
.ac-d{font-size:14px;color:var(--mute);font-weight:600}
.art{display:grid;gap:0;max-width:720px;margin:0 auto}
.art-lead{font-size:21px;line-height:1.5;color:var(--ink);font-weight:500;margin-bottom:10px}
.art h2{margin:34px 0 10px;font-family:var(--fd);font-weight:700;font-size:26px;line-height:1.2;letter-spacing:-.012em}
.art p{margin:0 0 16px;font-size:18px;line-height:1.7;color:var(--ink2)}
.art-q{margin:22px 0;padding:6px 0 6px 24px;border-left:5px solid var(--sun);font-family:var(--fd);font-weight:600;font-size:21px;line-height:1.45;letter-spacing:-.012em;color:var(--ink)}
.art-li{display:grid;grid-template-columns:18px minmax(0,1fr);gap:10px;margin:0 0 10px !important}
.art-li::before{content:"";width:9px;height:9px;margin-top:12px;border-radius:50%;background:var(--acc)}
.art-n{margin:22px 0;padding:18px 22px;border-radius:24px;background:color-mix(in srgb,var(--acc2) 40%,#fff)}
.art-n b{display:block;margin-bottom:4px}
.art-n p{margin:0;font-size:16.5px}
.bd{font-weight:700;color:var(--ink)}
.rte{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px;margin-top:10px}
.rte button{display:flex;align-items:center;gap:14px;padding:12px;border-radius:26px;background:#fff;box-shadow:var(--sh1);text-align:left;transition:transform .4s var(--ease)}
.rte button:hover{transform:translateY(-4px)}
.rte-i{position:relative;flex:none;width:96px;height:72px;border-radius:18px;overflow:hidden;background:linear-gradient(135deg,var(--c1),var(--c2));display:grid;place-items:center}
.rte-i img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}
.rte-i svg{width:46px;height:46px}
.rte b{display:block;font-size:16px;line-height:1.25}
.rte small{color:var(--mute);font-size:13.5px;font-weight:600}
/* сравнение */
.cmpw{overflow-x:auto;padding-bottom:10px}
.cmpt{display:grid;grid-template-columns:150px repeat(3,minmax(230px,1fr));min-width:max-content;width:100%;border-radius:32px;background:#fff;box-shadow:var(--sh1);overflow:hidden}
.cmpt.n1{grid-template-columns:150px minmax(260px,420px)}
.cmpt.n2{grid-template-columns:150px repeat(2,minmax(260px,1fr))}
.cm-c{padding:16px 18px;border-top:1px dashed rgba(42,35,64,.14);font-weight:600;font-size:15.5px;display:flex;flex-wrap:wrap;align-items:center;gap:6px}
.cm-l{color:var(--mute);font-weight:700;font-size:14px;background:rgba(42,35,64,.03)}
.cm-hd{display:grid;gap:10px;align-content:start;border-top:0;padding:14px}
.cm-ph{position:relative;aspect-ratio:16/10;border-radius:20px;overflow:hidden;background:linear-gradient(135deg,var(--c1),var(--c2));display:grid;place-items:center}
.cm-ph img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}
.cm-t{font-weight:700;font-size:17px;line-height:1.25}
.cm-x{display:inline-flex;align-items:center;gap:6px;width:fit-content;font-size:13.5px;font-weight:600;color:var(--mute)}
.cm-x:hover{color:var(--ink)}
.cm-x .ui{width:16px;height:16px}
.best{display:inline-flex;align-items:center;height:24px;padding:0 9px;border-radius:999px;background:var(--sun);font-size:12px;font-weight:700}
/* информационные страницы */
.ih{display:grid;grid-template-columns:minmax(0,1.25fr) minmax(0,1fr);gap:34px;align-items:stretch}
.ih-c{display:grid;align-content:center;gap:18px}
.ih-l{max-width:56ch;font-size:19px;color:var(--ink2)}
.kick{display:inline-flex;align-items:center;gap:10px;width:fit-content;font-weight:700;font-size:15px;color:var(--ink2)}
.kick i{width:10px;height:10px;border-radius:50%;background:var(--acc);box-shadow:0 0 0 5px color-mix(in srgb,var(--acc) 28%,transparent)}
.mail{display:inline-flex;align-items:center;gap:10px;width:fit-content;font-weight:700;font-size:19px}
.mail .ui{width:24px;height:24px}
.ih-k{display:grid;align-content:center;gap:18px;padding:30px;border-radius:36px;background:linear-gradient(135deg,color-mix(in srgb,var(--acc) 50%,#fff),color-mix(in srgb,var(--acc2) 75%,#fff));box-shadow:var(--sh1)}
.ih-k h2{font-family:var(--fd);font-weight:700;font-size:24px;line-height:1.15;letter-spacing:-.012em}
.ih-k .checks .ui{color:var(--ink)}
.ib2{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.1fr);gap:40px;align-items:start;margin-top:44px}
.pf{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px;padding:28px;border-radius:36px;background:#fff;box-shadow:var(--sh2)}
.pf h2{grid-column:1/-1;font-family:var(--fd);font-weight:700;font-size:24px;letter-spacing:-.012em}
.pf-s{grid-column:1/-1;margin-top:-8px;color:var(--mute);font-size:14.5px}
.pf .wide{grid-column:1/-1}
.pf-e{font-size:13px;font-weight:600;color:#e5484d}
.pf-f{grid-column:1/-1;display:flex;align-items:center;gap:14px 18px;flex-wrap:wrap}
.pf-f small{flex:1;min-width:200px;color:var(--mute);font-size:13px}
.pf-ok{grid-column:1/-1;display:grid;justify-items:start;gap:12px;padding:20px;border-radius:24px;background:color-mix(in srgb,#43c28a 20%,#fff);font-weight:600}
.pf-ok .ui{width:28px;height:28px;color:#1f9a68}
/* избранное */
.fvt{display:flex;gap:8px;flex-wrap:wrap;margin-bottom:22px}
.fvt .tab small{margin-left:6px;opacity:.6;font-weight:700}
.fvs{display:grid;gap:12px;margin-top:6px}
.fvs h2{font-family:var(--fd);font-weight:700;font-size:22px}
/* поиск */
.srch{position:fixed;inset:0;z-index:90;display:grid;align-items:start;justify-items:center;padding:96px 16px 16px;background:rgba(42,35,64,.38);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);opacity:0;pointer-events:none;transition:opacity .3s}
.srch.on{opacity:1;pointer-events:auto}
.srch-p{width:min(640px,100%);max-height:calc(100vh - 120px);display:grid;grid-template-rows:auto 1fr;gap:6px;padding:12px;border-radius:30px;background:#fff;box-shadow:var(--sh2);transform:translateY(-12px) scale(.98);transition:transform .5s var(--spring)}
.srch.on .srch-p{transform:none}
.srch-i{position:relative}
.srch-i .ui{position:absolute;left:18px;top:50%;width:22px;height:22px;margin-top:-11px;color:var(--mute)}
.srch-i .inp{height:58px;padding-left:50px;border-radius:22px;font-size:17px;background:rgba(42,35,64,.05);border-color:transparent}
.srch-l{display:grid;gap:2px;overflow-y:auto;padding:4px}
.srch-r{display:flex;align-items:center;gap:12px;padding:10px;border-radius:18px;text-align:left;transition:background .25s}
.srch-r:hover{background:rgba(42,35,64,.06)}
.srch-r .si{position:relative;flex:none;display:grid;place-items:center;width:46px;height:46px;border-radius:15px;overflow:hidden;background:linear-gradient(135deg,var(--c1),var(--c2))}
.srch-r .si img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}
.srch-r .si svg{width:30px;height:30px}
.srch-r b{display:block;font-size:15.5px;line-height:1.25}
.srch-r small{color:var(--mute);font-size:13.5px;font-weight:600}
.srch-e{padding:22px 14px;color:var(--mute);font-weight:600;text-align:center}
.srch-h{padding:8px 12px 2px;font-size:13px;font-weight:700;color:var(--mute)}
/* модальное окно, лайтбокс, тост */
.mod{position:fixed;inset:0;z-index:95;display:grid;place-items:center;padding:16px;background:rgba(42,35,64,.55);-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);opacity:0;pointer-events:none;transition:opacity .3s}
.mod.on{opacity:1;pointer-events:auto}
.mod-p{position:relative;width:min(640px,100%);max-height:calc(100vh - 40px);overflow:auto;display:grid;gap:14px;padding:26px;border-radius:34px;background:#fff;box-shadow:var(--sh2);transform:translateY(14px) scale(.98);transition:transform .5s var(--spring)}
.mod.on .mod-p{transform:none}
.mod-p h2{font-family:var(--fd);font-weight:700;font-size:24px;padding-right:50px}
.mod-x{position:absolute;right:16px;top:16px;display:grid;place-items:center;width:44px;height:44px;border-radius:50%;background:rgba(42,35,64,.07);transition:transform .4s var(--spring)}
.mod-x:hover{transform:rotate(90deg)}
.lb{background:rgba(20,16,34,.9)}
.lb-p{position:relative;width:min(1000px,100%)}
.lb-p img{display:block;width:100%;max-height:calc(100vh - 140px);object-fit:contain;border-radius:24px;background:#000}
.lb-n{display:flex;align-items:center;justify-content:center;gap:16px;margin-top:14px;color:#fff;font-weight:600}
.lb-b{display:grid;place-items:center;width:48px;height:48px;border-radius:50%;background:rgba(255,255,255,.16);color:#fff;transition:background .3s,transform .4s var(--spring)}
.lb-b:hover{background:rgba(255,255,255,.3);transform:scale(1.1)}
.lb-b .ui{width:22px;height:22px}
.lb .mod-x{background:rgba(255,255,255,.18);color:#fff;right:8px;top:-54px}
.toast{position:fixed;left:50%;bottom:24px;z-index:99;display:flex;align-items:center;gap:10px;max-width:calc(100% - 24px);padding:14px 20px;border-radius:999px;background:var(--ink);color:#fff;font-weight:600;font-size:15px;box-shadow:0 20px 50px rgba(42,35,64,.4);transform:translate(-50%,200%);opacity:0;pointer-events:none;transition:transform .6s var(--spring),opacity .3s}
.toast.on{transform:translate(-50%,0);opacity:1}
.toast .ui{width:20px;height:20px;color:var(--sun)}
.tray{bottom:84px}
/* подборки по интересам */
.int{position:relative;isolation:isolate;margin-top:0;padding:30px;border-radius:44px;background:#241d3a;color:#fff;overflow:hidden}
.int::before{content:"";position:absolute;z-index:-1;left:-10%;top:-40%;width:60%;aspect-ratio:1;border-radius:50%;background:radial-gradient(circle,color-mix(in srgb,var(--acc) 55%,transparent),transparent 68%);opacity:.5;transition:background 1s}
.int::after{content:"";position:absolute;z-index:-1;right:-14%;bottom:-50%;width:64%;aspect-ratio:1;border-radius:50%;background:radial-gradient(circle,color-mix(in srgb,var(--acc2) 40%,transparent),transparent 68%);opacity:.45}
.int-h{display:flex;align-items:flex-end;justify-content:space-between;gap:16px;flex-wrap:wrap;margin-bottom:24px}
.int-h h2{font-family:var(--fd);font-weight:700;font-size:clamp(24px,3vw,36px);line-height:1.15;letter-spacing:-.012em}
.int-h p{margin-top:8px;color:rgba(255,255,255,.7);font-size:15px}
.int .lnk{background:rgba(255,255,255,.1);border-color:rgba(255,255,255,.2);color:#fff}
.int .lnk:hover{background:rgba(255,255,255,.2);box-shadow:none}
.ip-r{display:flex;gap:12px;min-height:430px}
.ip{position:relative;isolation:isolate;flex:1 1 0;min-width:0;display:flex;flex-direction:column;justify-content:space-between;gap:18px;padding:26px;border-radius:32px;overflow:hidden;text-align:left;color:#fff;background:linear-gradient(170deg,rgba(255,255,255,.09),rgba(255,255,255,.03));border:1px solid rgba(255,255,255,.14);transition:flex-grow .7s var(--ease),background .5s,border-color .5s}
.ip::before{content:"";position:absolute;z-index:-1;right:-30%;top:-20%;width:90%;aspect-ratio:1;border-radius:50%;background:radial-gradient(circle,var(--cA),transparent 66%);opacity:.22;transition:opacity .6s,transform .9s var(--ease)}
.ip:hover::before{opacity:.38}
.ip.on{flex-grow:2.6;background:linear-gradient(170deg,rgba(255,255,255,.16),rgba(255,255,255,.05));border-color:rgba(255,255,255,.3)}
.ip.on::before{opacity:.5;transform:scale(1.25) translate(-6%,8%)}
.ip-g{width:58px;height:58px;fill:none;stroke:#fff;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round;opacity:.92}
.gac{stroke:var(--cA);stroke-width:2.2}
.ip-n{display:flex;align-items:baseline;gap:10px}
.ip-n b{font-family:var(--fd);font-weight:600;font-size:clamp(52px,6vw,84px);line-height:.9;letter-spacing:-.012em}
.ip-n span{font-weight:600;font-size:15px;color:rgba(255,255,255,.75)}
.ip-t{font-family:var(--fd);font-weight:700;font-size:clamp(18px,1.8vw,24px);line-height:1.18;letter-spacing:-.012em;text-wrap:balance}
.ip-x{display:grid;gap:12px;max-height:0;opacity:0;overflow:hidden;transition:max-height .7s var(--ease),opacity .5s .1s}
.ip.on .ip-x{max-height:260px;opacity:1}
.ip-li{display:grid;gap:8px}
.ip-pl{display:flex;align-items:center;gap:10px;padding:6px 12px 6px 6px;border-radius:18px;background:rgba(255,255,255,.1);font-weight:600;font-size:14.5px;transition:background .3s;text-align:left}
.ip-pl:hover{background:rgba(255,255,255,.2)}
.ip-th{position:relative;flex:none;display:grid;place-items:center;width:38px;height:38px;border-radius:12px;overflow:hidden;background:linear-gradient(135deg,var(--c1),var(--c2))}
.ip-th img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}
.ip-th svg{width:26px;height:26px}
.ip-go{display:inline-flex;align-items:center;gap:8px;width:fit-content;height:44px;padding:0 20px;border-radius:999px;background:#fff;color:var(--ink);font-weight:700;font-size:15px;transition:transform .4s var(--spring)}
.ip-go:hover{transform:translateY(-2px)}
.ip-go .ui{width:18px;height:18px}
/* игра: сотри туман */
.gm{display:grid;grid-template-columns:minmax(0,.8fr) minmax(0,1.2fr);gap:34px;align-items:center;padding:30px;border-radius:44px;background:rgba(255,255,255,.62);border:1px solid rgba(255,255,255,.95);box-shadow:0 30px 70px rgba(42,35,64,.1)}
.gm-c{display:grid;gap:16px;align-content:center}
.gm-t{font-family:var(--fd);font-weight:800;font-size:clamp(26px,3.2vw,42px);line-height:1.08;letter-spacing:-.012em;text-wrap:balance}
.gm-s{color:var(--ink2);font-size:17px;max-width:44ch}
.gm-bar{display:grid;gap:8px;max-width:360px}
.gm-bar span{font-size:14px;font-weight:600;color:var(--ink2)}
.gm-pr{height:12px;border-radius:999px;background:rgba(42,35,64,.1);overflow:hidden}
.gm-pr i{display:block;height:100%;width:var(--w,0%);border-radius:999px;background:linear-gradient(90deg,var(--acc2),var(--acc));transition:width .3s var(--ease)}
.gm-st{position:relative;isolation:isolate;aspect-ratio:16/10;border-radius:34px;overflow:hidden;background:#fff;box-shadow:var(--sh2);touch-action:none;cursor:grab;user-select:none;-webkit-user-select:none}
.gm-st.done{cursor:default}
.gm-pz{position:absolute;inset:0;z-index:0;display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:20px;align-items:center;padding:6% 7%;background:linear-gradient(135deg,var(--c1),var(--c2))}
.gm-pz::before{content:"";position:absolute;right:-12%;bottom:-40%;width:70%;aspect-ratio:1;border-radius:50%;background:rgba(255,255,255,.42)}
.gm-pc{position:relative;display:grid;gap:10px}
.gm-pc small{font-size:14px;font-weight:700;color:var(--ink2)}
.gm-pc b{font-family:var(--fd);font-weight:800;font-size:clamp(46px,6.4vw,84px);line-height:.9;letter-spacing:-.012em}
.gm-pc span{font-size:clamp(15px,1.5vw,19px);font-weight:700;line-height:1.25}
.gm-cd{position:relative;display:grid;gap:10px;justify-items:start}
.gm-cd .code{width:100%;min-height:62px;font-size:clamp(20px,2.4vw,28px);background:rgba(255,255,255,.7)}
.gm-pi{position:absolute;right:6%;top:8%;width:18%;transform:rotate(8deg);filter:drop-shadow(0 10px 12px rgba(42,35,64,.2))}
.gm-cv{position:absolute;inset:0;z-index:2;display:grid;grid-template-columns:repeat(var(--gc),minmax(0,1fr));grid-template-rows:repeat(var(--gr),minmax(0,1fr));--cover:radial-gradient(circle at 18% 28%,rgba(255,255,255,.95) 0 2px,transparent 3px),radial-gradient(circle at 72% 18%,rgba(255,255,255,.85) 0 1.5px,transparent 2.5px),radial-gradient(circle at 44% 74%,rgba(255,255,255,.9) 0 2px,transparent 3px),radial-gradient(circle at 86% 66%,rgba(255,255,255,.8) 0 1.5px,transparent 2.5px),radial-gradient(circle at 28% 88%,rgba(255,255,255,.8) 0 1.5px,transparent 2.5px),radial-gradient(ellipse at 20% 20%,color-mix(in srgb,var(--acc2) 90%,#fff),transparent 60%),radial-gradient(ellipse at 85% 80%,color-mix(in srgb,var(--h3) 90%,#fff),transparent 60%),linear-gradient(135deg,#2a2340,#4b3f7a 55%,#2a2340)}
.gc{background-image:var(--cover);background-size:calc(var(--gc)*100%) calc(var(--gr)*100%);background-position:var(--px) var(--py);margin:-.4px;transition:opacity .55s var(--ease),transform .7s var(--ease);will-change:opacity}
.gc.off{opacity:0;transform:scale(.4) rotate(24deg);pointer-events:none}
.gm-hint{position:absolute;inset:0;z-index:3;display:grid;place-items:center;align-content:center;gap:10px;color:#fff;font-weight:700;font-size:18px;text-align:center;pointer-events:none;transition:opacity .4s}
.gm-hint.hide{opacity:0}
.gm-hint svg{width:54px;height:54px;fill:none;stroke:#fff;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round;animation:wig 1.8s ease-in-out infinite}
@keyframes wig{0%,100%{transform:translate(-26px,8px) rotate(-8deg)}50%{transform:translate(26px,-8px) rotate(8deg)}}
.gm-cf{position:absolute;inset:0;z-index:4;pointer-events:none;overflow:hidden}
.gm-cf i{position:absolute;left:50%;top:55%;width:9px;height:14px;border-radius:3px;background:var(--k);opacity:0;animation:cf 1.5s var(--ease) forwards;animation-delay:var(--d)}
@keyframes cf{0%{opacity:1;transform:translate(0,0) rotate(0)}100%{opacity:0;transform:translate(var(--x),var(--y)) rotate(var(--r))}}
.gm-act{display:flex;gap:10px;flex-wrap:wrap}
@media (max-width:1120px){
.dt{grid-template-columns:minmax(0,1fr)}
.dt-side{position:static}
.flt-g{grid-template-columns:repeat(2,minmax(0,1fr))}
.flt-g .fld:first-child{grid-column:1/-1}
.pgrid,.pgrid.c3{grid-template-columns:repeat(2,minmax(0,1fr))}
.tk{grid-template-columns:minmax(0,1fr)}
.tk-r{border-left:0;border-top:2px dashed rgba(42,35,64,.16)}
.tk-r::before,.tk-r::after{top:-16px;bottom:auto}
.tk-r::before{left:-16px}
.tk-r::after{left:auto;right:-16px}
.bf{grid-template-columns:minmax(0,1fr)}
.ih,.ib2{grid-template-columns:minmax(0,1fr)}
.ib2{gap:28px}
.ip-r{flex-direction:column;min-height:0}
.ip{flex:none;min-height:150px;padding:20px 22px}
.ip.on{flex-grow:0}
.ip-x{display:grid}
.ip.on .ip-x{max-height:300px}
.gm{grid-template-columns:minmax(0,1fr);padding:24px}
.rvs{grid-template-columns:minmax(0,1fr)}
.int{padding:24px 18px}
}
@media (max-width:760px){
.pgt{padding-top:14px}
.pgh-t{font-size:clamp(28px,8.6vw,40px)}
.flt{padding:16px;border-radius:26px}
.flt-g{grid-template-columns:minmax(0,1fr)}
.pgrid,.pgrid.c3,.pgrid.c2{display:grid;grid-template-columns:none;grid-auto-flow:column;grid-auto-columns:80%;gap:14px;margin:0 -16px;padding:4px 16px 20px;overflow-x:auto;scroll-snap-type:x mandatory;scroll-padding:0 16px;scrollbar-width:none}
.pgrid::-webkit-scrollbar{display:none}
.pgrid>*{scroll-snap-align:start}
.pgrid:has(.nores){display:block;margin:0;padding:4px 0 8px;overflow:visible}
.gal{grid-template-columns:minmax(0,1fr)}
.gal-t{grid-auto-flow:column;grid-auto-columns:1fr;grid-auto-rows:auto}
.gal-th{min-height:0;aspect-ratio:16/10}
.gal-m{border-radius:26px;aspect-ratio:16/10}
.facts{grid-template-columns:minmax(0,1fr)}
.bk{padding:20px;border-radius:28px}
.tk-l{min-height:300px;padding:22px}
.tk-r{padding:26px 20px}
.tk-ic{width:70px;height:70px}
.cgal{grid-template-columns:repeat(3,minmax(0,1fr))}
.bf-b{padding:22px}
.bf-i{min-height:200px}
.rte{grid-template-columns:minmax(0,1fr)}
.pf{padding:20px;border-radius:28px;grid-template-columns:minmax(0,1fr)}
.sr{grid-template-columns:64px minmax(0,1fr);padding:10px}
.sr-d{height:64px}
.art p{font-size:17px}
.art-lead{font-size:19px}
.srch{padding-top:78px}
.mod-p{padding:20px;border-radius:28px}
.ip-n b{font-size:56px}
.gm-st{aspect-ratio:4/3.2;border-radius:28px}
.gm-pz{grid-template-columns:minmax(0,1fr);gap:8px;align-content:center;padding:6% 8%}
.gm-pi{width:22%}
.gm{padding:18px;border-radius:32px}
.toast{bottom:16px}
.tray{bottom:76px}
}
@media (max-width:380px){
.pgh-t{font-size:27px}
.dch{min-width:56px}
.pf-f small{min-width:0}
}

/* ===== v4: дополнения ===== */
.nv a.on{background:rgba(42,35,64,.08);color:var(--ink)}
.hbtn.on{background:rgba(42,35,64,.08)}
.ip{cursor:pointer}
.ip-hb{display:block;width:100%;text-align:left;color:inherit;border-radius:14px}
.ip-hb:focus-visible{outline:2px solid #fff;outline-offset:6px}
.ip-pl{cursor:pointer}
.ip-g{flex:none}
.dch.has::after{content:"";width:5px;height:5px;border-radius:50%;background:var(--acc);margin-top:2px}
.dch.on::after{background:#fff}
.ac{position:relative}
.tch:disabled{opacity:.45;pointer-events:none;text-decoration:line-through}
.pg-a{animation:pgin .6s var(--ease) both}
@keyframes pgin{from{opacity:0;transform:translateY(14px)}to{opacity:1;transform:none}}
.tabs{align-items:center}
@media (prefers-reduced-motion:reduce){.pg-a{animation:none}.gm-hint svg{animation:none}.gc{transition:none}}
@media (max-width:760px){
.dstrip{margin:0 -16px;padding:2px 16px 8px}
.ih-k{padding:22px;border-radius:28px}
.cmpt{border-radius:26px}
.hd-act .hbtn{width:38px;height:38px}
}
.kp-top.has-ph::after{content:"";position:absolute;inset:0;z-index:1;background:linear-gradient(180deg,rgba(42,35,64,0) 30%,rgba(42,35,64,.7))}
.kp-top.has-ph .kp-d{position:relative;z-index:2;color:#fff}
.kp-top.has-ph .kp-ic{position:relative;z-index:2;background:#fff;border-radius:16px;padding:8px;width:50px;height:50px}

/* ===== v5 ===== */
/* единый ритм отступов */
.tfk{--g1:8px;--g2:14px;--g3:22px;--g4:36px}
.sec{padding-top:72px}
.sec-h{margin-bottom:28px}
.sec-s{margin-top:8px}
/* шапка главной: заголовок слева, возраст справа */
.hero-in{gap:26px;padding-top:26px}
.hero-top{display:grid;grid-template-columns:minmax(0,1.02fr) minmax(0,1fr);gap:36px;align-items:center}
.hero-txt{min-height:0;gap:20px}
.hero-art,.stk{display:none}
.h1{font-weight:800;letter-spacing:-.02em;line-height:1.08;max-width:14ch}
.lead{max-width:46ch}
.agecard{padding:26px 28px 22px;border-radius:36px;background:rgba(255,255,255,.72);border:1px solid rgba(255,255,255,.95);box-shadow:0 28px 70px rgba(42,35,64,.11);-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px)}
.agecard .age{grid-template-columns:minmax(0,1fr);gap:6px}
.agecard .age-n{grid-template-columns:auto minmax(0,1fr);grid-template-rows:auto auto;column-gap:18px;row-gap:10px;align-items:center}
.agecard .age-n .fl{grid-column:1/-1}
.agecard .age-big{font-size:clamp(56px,6vw,76px);font-weight:800;letter-spacing:-.03em}
.agecard .age-big b{display:inline-block;font-weight:inherit;transform-origin:50% 80%}
.pop-a{animation:agepopA .55s var(--spring)}
.pop-b{animation:agepopB .55s var(--spring)}
@keyframes agepopA{0%{transform:scale(.72) rotate(-6deg)}60%{transform:scale(1.14) rotate(2deg)}100%{transform:none}}
@keyframes agepopB{0%{transform:scale(.72) rotate(-6deg)}60%{transform:scale(1.14) rotate(2deg)}100%{transform:none}}
.agecard .stage{justify-self:start;align-self:center}
.cdl{grid-column:1/-1;display:flex;align-items:flex-end;gap:5px;min-height:34px;padding-top:2px;flex-wrap:nowrap;overflow:hidden}
.cd{flex:none;width:9px;height:var(--h);border-radius:6px 6px 3px 3px;background:var(--k);position:relative;transform-origin:50% 100%;animation:cdin .5s var(--spring) both}
.cd::before{content:"";position:absolute;left:50%;top:-8px;width:7px;height:9px;margin-left:-3.5px;border-radius:50% 50% 50% 50%/65% 65% 35% 35%;background:#ffd24a;box-shadow:0 0 8px 2px rgba(255,190,40,.55);animation:flame .9s ease-in-out infinite alternate}
@keyframes cdin{from{transform:scaleY(0);opacity:0}to{transform:none;opacity:1}}
@keyframes flame{from{transform:scale(1) translateY(0)}to{transform:scale(1.15,.9) translateY(1px)}}
.agecard .sl-tr{height:92px}
.fin2{grid-template-columns:minmax(0,1fr);gap:18px;padding:22px 26px;border-radius:32px}
.fin2 .sum{padding-top:16px}
/* мягкие заголовки: Nunito + Onest, меняется только насыщенность */
.sec-t,.cp-t,.pgh-t,.dh-t,.blk-t,.int-h h2,.gm-t,.tk-t,.bf-t,.art h2,.ip-t,.ft-h,.mod-p h2,.pf h2,.ih-k h2,.fc-t{font-family:var(--fd);letter-spacing:-.01em}
/* карточка: кнопка «Подробнее» */
.cmp{height:42px;padding:0 18px;background:var(--ink);border-color:var(--ink);color:#fff;font-weight:700}
.cmp:hover{background:#3b3358}
/* подборки по интересам: светлые и компактные */
.int{padding:0;border-radius:0;background:none;color:var(--ink);overflow:visible}
.int::before,.int::after{display:none}
.int-h{margin-bottom:24px}
.int-h p{color:var(--mute)}
.int .lnk{background:rgba(255,255,255,.7);border-color:var(--line);color:var(--ink)}
.int .lnk:hover{background:#fff;box-shadow:0 10px 24px rgba(42,35,64,.12)}
.ip-r{min-height:0;gap:12px;align-items:stretch}
.ip{gap:14px;min-height:240px;padding:22px 22px 20px;border-radius:30px;color:var(--ink);background:rgba(255,255,255,.7);border:1px solid rgba(255,255,255,.95);box-shadow:0 14px 40px rgba(42,35,64,.07);justify-content:flex-start}
.ip::before{width:70%;right:-20%;top:-26%;background:radial-gradient(circle,var(--cA),transparent 68%);opacity:.18}
.ip:hover::before{opacity:.28}
.ip.on{flex-grow:2.3;background:rgba(255,255,255,.92);border-color:#fff;box-shadow:0 22px 56px rgba(42,35,64,.12)}
.ip.on::before{opacity:.3;transform:scale(1.2)}
.ip-g{width:44px;height:44px;padding:9px;box-sizing:content-box;border-radius:18px;background:color-mix(in srgb,var(--cA) 16%,#fff);stroke:var(--ink);stroke-width:1.7;opacity:1}
.ip-n b{font-weight:800;font-size:clamp(34px,3.4vw,46px);letter-spacing:-.02em}
.ip-n span{color:var(--mute)}
.ip-t{font-weight:700;font-size:clamp(17px,1.5vw,20px);line-height:1.25}
.ip-hb{margin-top:auto}
.ip-x{margin-top:0}
.ip.on .ip-x{max-height:250px;margin-top:14px}
.ip-pl{background:rgba(42,35,64,.06);color:var(--ink)}
.ip-pl:hover{background:color-mix(in srgb,var(--cA) 18%,#fff)}
.ip-go{background:var(--ink);color:#fff}
/* подвал */
.ft{margin-top:80px;padding-top:56px}
.ft::before{display:none !important}
.ft-l{gap:0}
.ft-l a{min-height:30px;font-size:15px}
.ft-h{margin-bottom:10px;font-weight:700}
/* ритм текста внутри блоков */
.side-c{gap:4px}
.side-c b{margin-top:10px;font-size:14px;color:var(--mute);font-weight:700}
.side-c b:first-child{margin-top:0}
.side-c span{font-size:16px;line-height:1.45}
.dh{gap:16px}
.blk{gap:18px}
.pc-b{gap:12px}
.pc-t{line-height:1.25}
.fct{gap:6px;padding:18px 20px}
.cnt{margin-top:26px}
.pgh{margin-top:20px;gap:20px 28px}
.pgh-s{margin-top:14px;line-height:1.6}
.ih-c{gap:22px}
.crumbs{padding-bottom:4px}
.dt-main{gap:44px}
.rv{gap:12px;padding:20px 22px}
.tk-r{gap:18px}
.art p{line-height:1.75}
@media (max-width:1120px){
.hero-top{grid-template-columns:minmax(0,1fr);gap:22px}
.ip-r{gap:10px}
.ip{min-height:0}
.ip-g{margin-bottom:4px}
.ip-hb{margin-top:0}
}
@media (max-width:760px){
.sec{padding-top:56px}
.agecard{padding:20px 18px 16px;border-radius:30px}
.fin2{padding:18px 16px}
.cd{width:7px}
.cdl{gap:4px}
}
.ph-i{display:none}
.ip{position:relative;gap:12px;padding-bottom:20px}
.ip-hb{margin-top:0}
.ip:not(.on){padding-bottom:78px}
.ip:not(.on)::after{content:"+";position:absolute;left:22px;bottom:20px;display:grid;place-items:center;width:40px;height:40px;border-radius:50%;background:var(--ink);color:#fff;font-size:22px;font-weight:600;line-height:1;transition:transform .4s var(--spring)}
.ip:not(.on):hover::after{transform:rotate(90deg) scale(1.08)}
.ip-pl{padding:4px 12px 4px 4px;font-size:14px}
.ip-th{width:34px;height:34px;border-radius:11px}
.ip-li{gap:6px}
@media (max-width:1120px){.ip:not(.on){padding-bottom:20px}.ip:not(.on)::after{left:auto;right:20px;bottom:auto;top:20px}}

/* ===== v6: свечи ===== */
.cdl{position:relative;align-items:flex-end;gap:6px;min-height:50px;padding:16px 4px 11px;overflow:visible}
.cdl::after{content:"";position:absolute;left:0;right:0;bottom:0;height:10px;border-radius:10px;background:linear-gradient(#fff,#ffe6f0);box-shadow:inset 0 -3px 0 rgba(255,92,154,.28),0 6px 12px rgba(255,92,154,.16)}
.cd{width:8px;border-radius:3px 3px 1px 1px;background:repeating-linear-gradient(-55deg,var(--k) 0 4px,color-mix(in srgb,var(--k) 52%,#fff) 4px 8px);box-shadow:inset -1.5px 0 0 rgba(42,35,64,.1);animation:cdin .55s var(--spring) calc(var(--i) * 45ms) both}
.cd::after{content:"";position:absolute;left:50%;top:-4px;width:1.5px;height:5px;margin-left:-.75px;border-radius:1px;background:#4a3f5e}
.cd::before{top:-17px;width:8px;height:13px;margin-left:-4px;border-radius:50% 50% 50% 50%/68% 68% 32% 32%;background:radial-gradient(ellipse at 50% 72%,#fffbe0 0 22%,#ffd24a 45%,#ff8a2b 82%);box-shadow:0 0 10px 3px rgba(255,170,40,.5);transform-origin:50% 100%;animation:flick 1.1s ease-in-out calc(var(--i) * -.23s) infinite alternate}
@keyframes flick{0%{transform:scale(1,1) rotate(-3deg)}50%{transform:scale(.92,1.08) rotate(2deg)}100%{transform:scale(1.06,.94) rotate(-1deg)}}
@media (prefers-reduced-motion:reduce){.cd,.cd::before{animation:none}}

/* ===== v6: подборки — компактные табы + одна панель ===== */
.it-h{margin-bottom:16px}
.it-h h2{font-family:var(--fd);font-weight:800;font-size:clamp(24px,2.4vw,32px);letter-spacing:-.01em;margin:0 0 6px}
.it-h p{margin:0;color:var(--mute);font-size:15px}
.it{padding:18px;border-radius:32px;background:rgba(255,255,255,.62);border:1px solid rgba(255,255,255,.95);box-shadow:0 14px 40px rgba(42,35,64,.07);backdrop-filter:blur(14px)}
.it-h{padding:4px 6px 0}
.it-tabs{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:10px}
.it-tab{display:flex;align-items:center;gap:10px;min-width:0;padding:10px 14px 10px 10px;border-radius:20px;border:1px solid var(--line);background:#fff;color:var(--ink);font:inherit;text-align:left;cursor:pointer;transition:background .3s,border-color .3s,box-shadow .3s,transform .4s var(--spring)}
.it-tab:hover{transform:translateY(-2px);box-shadow:0 10px 22px rgba(42,35,64,.1)}
.it-tab.on{background:color-mix(in srgb,var(--cA) 14%,#fff);border-color:color-mix(in srgb,var(--cA) 55%,#fff);box-shadow:0 10px 26px color-mix(in srgb,var(--cA) 22%,transparent)}
.it-ic{flex:none;display:grid;place-items:center;width:40px;height:40px;border-radius:14px;background:color-mix(in srgb,var(--cA) 20%,#fff)}
.it-ic svg{width:22px;height:22px;stroke:var(--ink);stroke-width:1.7}
.it-tt{flex:1;min-width:0;font-weight:700;font-size:15px;line-height:1.25}
.it-n{flex:none;min-width:24px;padding:2px 8px;border-radius:99px;background:rgba(42,35,64,.07);font-weight:700;font-size:13px;text-align:center}
.it-tab.on .it-n{background:var(--ink);color:#fff}
.it-pan{display:flex;align-items:center;gap:14px;margin-top:12px;padding:12px 12px 12px 16px;border-radius:22px;background:color-mix(in srgb,var(--cA) 9%,#fff);border:1px solid color-mix(in srgb,var(--cA) 25%,#fff)}
.it-pan.in-a{animation:itA .45s var(--ease)}
.it-pan.in-b{animation:itB .45s var(--ease)}
@keyframes itA{from{opacity:.3;transform:translateY(8px)}to{opacity:1;transform:none}}
@keyframes itB{from{opacity:.3;transform:translateY(8px)}to{opacity:1;transform:none}}
.it-li{flex:1;min-width:0;display:flex;gap:8px;flex-wrap:wrap}
.it-pl{display:inline-flex;align-items:center;gap:10px;max-width:100%;padding:5px 14px 5px 5px;border-radius:16px;background:#fff;border:1px solid var(--line);font-weight:600;font-size:14px;cursor:pointer;transition:transform .35s var(--spring),box-shadow .3s}
.it-pl:hover{transform:translateY(-2px);box-shadow:0 8px 18px rgba(42,35,64,.1)}
.it-pl .ip-th{width:40px;height:40px;border-radius:12px}
.it-pn{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.it-go{flex:none;display:inline-flex;align-items:center;gap:6px;padding:12px 18px;border-radius:99px;background:var(--ink);color:#fff;font-weight:700;font-size:14px;text-decoration:none;transition:transform .35s var(--spring)}
.it-go:hover{transform:translateY(-2px)}
.it-go svg{width:16px;height:16px}
@media (max-width:1120px){.it-tabs{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media (max-width:760px){
.it{padding:14px;border-radius:26px}
.it-tabs{display:flex;overflow-x:auto;scroll-snap-type:x proximity;gap:8px;margin:0 -14px;padding:2px 14px 6px;scrollbar-width:none}
.it-tabs::-webkit-scrollbar{display:none}
.it-tab{flex:none;scroll-snap-align:start;padding:8px 12px 8px 8px;border-radius:18px}
.it-tt{flex:none;white-space:nowrap;font-size:14px}
.it-ic{width:34px;height:34px;border-radius:12px}
.it-pan{flex-direction:column;align-items:stretch;gap:12px;padding:12px}
.it-li{flex-direction:column;flex-wrap:nowrap}
.it-pl{width:100%}
.it-go{justify-content:center}
}

/* ===== v7: баннеры подборок и подарков — в стиле карточек мест ===== */
.pc-d{font-size:14px;line-height:1.45;color:var(--mute)}
.ig .pc-cv{aspect-ratio:3/2}
.ig .pc-pop{background:rgba(255,255,255,.92);backdrop-filter:blur(8px)}
.ig .pc-ft{align-items:center}
.ig .pc-age{font-weight:600}
.bc{position:relative;display:flex;flex-direction:column;border-radius:30px;background:#fff;box-shadow:var(--sh1);color:var(--ink);text-decoration:none;transition:transform .45s var(--ease),box-shadow .45s var(--ease)}
.bc:hover{transform:translateY(-6px);box-shadow:var(--sh2)}
.bc-cv{position:relative;margin:10px 10px 0;aspect-ratio:16/9;border-radius:22px;overflow:hidden;background:#f3eefc}
.bc-cv .ph{width:100%;height:100%;object-fit:cover;transition:transform .8s var(--ease)}
.bc:hover .bc-cv .ph{transform:scale(1.05)}
.bc-b{display:flex;align-items:center;justify-content:space-between;gap:14px;padding:14px 18px 18px}
.bc-b>div{min-width:0}
.bc-t{font-family:var(--fd);font-weight:700;font-size:18px;line-height:1.25;margin:0 0 6px}
.bc-d{margin:0;font-size:14px;line-height:1.45;color:var(--mute)}
.bc .fc-go{margin-top:0;flex:none}
.bc:hover .fc-go{transform:translateX(4px) rotate(-45deg)}
.feat{padding-top:34px}

/* ===== v8 ===== */
.nv{margin:0 16px 0 auto}
.cdl{display:grid;grid-template-columns:repeat(17,minmax(0,1fr));gap:0;padding-left:0;padding-right:0}
.cd{justify-self:center}
.cdl::after{left:0;right:0}
.agecard .cdl{justify-self:stretch;width:100%}

/* ===== v8: сервисные страницы — Санта, Вишлист, Книга ===== */
.sv{position:relative;isolation:isolate}
.sv .pbody{padding-bottom:72px}
.sv-h{display:flex;align-items:flex-end;justify-content:space-between;gap:16px;margin-bottom:22px}
.sv-h .pgh-s{max-width:640px;margin-top:10px}
.sv-card{padding:26px;border-radius:32px;background:rgba(255,255,255,.88);border:1px solid rgba(255,255,255,.95);box-shadow:0 14px 40px rgba(42,35,64,.08)}
.sv-t{font-family:var(--fd);font-weight:800;font-size:clamp(21px,2vw,26px);line-height:1.2;margin:0 0 8px}
.sv-s{margin:0 0 20px;color:var(--mute);font-size:15px;max-width:620px}
.sv-row{display:flex;align-items:flex-start;justify-content:space-between;gap:14px}
.sv-act{display:flex;flex-wrap:wrap;gap:10px;margin-top:22px}
.sv-nav{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-top:28px;padding-top:20px;border-top:1px dashed rgba(42,35,64,.14)}
.sv-nav .sv-go{margin-left:auto}
.sv-err{display:flex;align-items:flex-start;gap:10px;margin-top:18px;padding:12px 16px;border-radius:18px;background:#ffe9e9;color:#a3262b;font-weight:600;font-size:14.5px}
.sv-err .ui{flex:none;width:20px;height:20px;margin-top:1px}
.sv-demo{margin:14px 0 0;color:var(--mute);font-size:13.5px}
.btn-ghost{background:rgba(42,35,64,.06);color:var(--ink)}
.btn-ghost:hover{background:rgba(42,35,64,.11)}
.pill{display:inline-flex;align-items:center;gap:8px;min-height:42px;padding:0 18px;border-radius:999px;background:#fff;border:1px solid var(--line);font-weight:700;font-size:14.5px;color:var(--ink);cursor:pointer;transition:transform .35s var(--spring),box-shadow .3s}
.pill:hover{transform:translateY(-2px);box-shadow:0 8px 18px rgba(42,35,64,.1)}
.pill .ui{width:18px;height:18px}
.fgrid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px}
.fgrid .wide{grid-column:1/-1}
textarea.inp{height:auto;min-height:96px;padding:14px 16px;line-height:1.5;resize:vertical}
.pf-e{color:#d6383e;font-size:13px;font-weight:600}
.chps{display:flex;flex-wrap:wrap;gap:8px}
.chp{display:inline-flex;align-items:center;gap:8px;min-height:42px;padding:0 16px;border-radius:999px;background:#fff;border:1px solid var(--line);font-weight:600;font-size:14.5px;color:var(--ink);cursor:pointer;transition:background .25s,border-color .25s,transform .35s var(--spring)}
.chp:hover{transform:translateY(-2px)}
.chp .ui{width:16px;height:16px}
.chp.on{background:var(--ink);border-color:var(--ink);color:#fff}
.chp-x{display:grid;place-items:center;width:22px;height:22px;margin:0 -6px 0 0;border-radius:50%;background:rgba(255,255,255,.2)}
.chp-x .ui{width:12px;height:12px}
/* шаги */
.stp{display:flex;gap:8px;margin:0 0 22px;padding:0;list-style:none;overflow-x:auto;scrollbar-width:none}
.stp::-webkit-scrollbar{display:none}
.stp li{flex:1 1 0;min-width:max-content}
.stp-i{display:flex;align-items:center;gap:10px;width:100%;min-height:52px;padding:6px 18px 6px 8px;border-radius:999px;background:rgba(255,255,255,.7);border:1px solid rgba(255,255,255,.95);font-weight:700;font-size:15px;color:var(--mute);cursor:pointer;transition:background .3s,color .3s,box-shadow .3s}
.stp-i b{display:grid;place-items:center;flex:none;width:36px;height:36px;border-radius:50%;background:rgba(42,35,64,.08);font-weight:800;font-size:15px;transition:background .3s,color .3s}
.stp-i.on{background:var(--ink);color:#fff;box-shadow:0 10px 24px rgba(42,35,64,.22)}
.stp-i.on b{background:var(--sun);color:var(--ink)}
.stp-i.done{color:var(--ink)}
.stp-i.done b{background:#2aa874;color:#fff}
.tc-ok{display:grid;place-items:center;flex:none;width:26px;height:26px;border-radius:50%;background:var(--ink);color:#fff;opacity:0;transform:scale(.4);transition:opacity .25s,transform .4s var(--spring);font-style:normal}
.tc-ok .ui{width:15px;height:15px}
/* паттерны тем */
.pt-snow{--pat:radial-gradient(circle at 20% 30%,rgba(255,255,255,.85) 0 2.5px,transparent 3.5px),radial-gradient(circle at 70% 60%,rgba(255,255,255,.7) 0 2px,transparent 3px),radial-gradient(circle at 45% 90%,rgba(255,255,255,.6) 0 3px,transparent 4px);--ps:64px 64px}
.pt-confetti{--pat:radial-gradient(circle at 15% 25%,#ff5c9a 0 3px,transparent 4px),radial-gradient(circle at 60% 15%,#3d8bff 0 3px,transparent 4px),radial-gradient(circle at 80% 70%,#ffc52e 0 3.5px,transparent 4.5px),radial-gradient(circle at 35% 80%,#56b83a 0 3px,transparent 4px);--ps:70px 70px}
.pt-hearts{--pat:radial-gradient(circle at 30% 30%,rgba(255,255,255,.5) 0 5px,transparent 6px),radial-gradient(circle at 42% 30%,rgba(255,255,255,.5) 0 5px,transparent 6px),radial-gradient(circle at 70% 75%,rgba(255,255,255,.4) 0 4px,transparent 5px);--ps:56px 56px}
.pt-grid{--pat:linear-gradient(rgba(255,255,255,.28) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.28) 1px,transparent 1px);--ps:28px 28px}
.pt-balloons{--pat:radial-gradient(circle at 20% 30%,rgba(255,255,255,.35) 0 16px,transparent 17px),radial-gradient(circle at 75% 70%,rgba(255,255,255,.28) 0 22px,transparent 23px);--ps:120px 120px}
.pt-stars{--pat:radial-gradient(circle at 25% 25%,rgba(255,255,255,.8) 0 2px,transparent 3px),radial-gradient(circle at 65% 55%,rgba(255,255,255,.55) 0 3px,transparent 4px),radial-gradient(circle at 85% 90%,rgba(255,255,255,.7) 0 2px,transparent 3px);--ps:48px 48px}
.sa::before,.tc::after,.inv::before{content:"";position:absolute;inset:0;pointer-events:none;background:var(--pat);background-size:var(--ps)}
/* Санта */
.sa{background:linear-gradient(180deg,var(--saBg),transparent 640px);transition:background .6s}
.sa::before{z-index:-1;height:640px;bottom:auto;opacity:.3;-webkit-mask-image:linear-gradient(#000,transparent);mask-image:linear-gradient(#000,transparent)}
.sa .sv-t{color:var(--saInk)}
.sa .stp-i.on{background:var(--saInk)}
.sa .btn-sun{background:var(--saA);color:#fff;box-shadow:0 10px 26px color-mix(in srgb,var(--saA) 40%,transparent)}
.sa .chp.on{background:var(--saInk);border-color:var(--saInk)}
.sa-grid{display:grid;grid-template-columns:minmax(0,1fr) 360px;gap:22px;align-items:start}
.sa-th{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}
.tc{position:relative;isolation:isolate;display:flex;align-items:center;gap:14px;min-width:0;padding:16px;border-radius:26px;text-align:left;color:#fff;background:linear-gradient(135deg,var(--c1),var(--c2));overflow:hidden;cursor:pointer;transition:transform .45s var(--spring),box-shadow .35s;box-shadow:0 8px 20px color-mix(in srgb,var(--c1) 26%,transparent)}
.tc::after{z-index:-1;opacity:.7}
.tc:hover{transform:translateY(-4px)}
.tc.on{box-shadow:0 0 0 3px #fff,0 0 0 6px var(--cA),0 16px 34px color-mix(in srgb,var(--c1) 40%,transparent)}
.tc.on .tc-ok{opacity:1;transform:none;background:#fff;color:var(--c1)}
.tc-ic{display:grid;place-items:center;flex:none;width:56px;height:56px;border-radius:18px;background:rgba(255,255,255,.92)}
.tc-ic svg{width:34px;height:34px}
.tc-b{display:grid;gap:3px;min-width:0;flex:1}
.tc-b b{font-family:var(--fd);font-weight:800;font-size:17px;line-height:1.2}
.tc-b span{font-size:13.5px;line-height:1.35;opacity:.92}
.tc-b em{font-style:normal;font-size:12.5px;font-weight:700;opacity:.85}
.bud{position:relative;display:block;max-width:220px;margin-top:10px}
.bud .inp{padding-right:40px}
.bud span{position:absolute;right:16px;top:50%;transform:translateY(-50%);font-weight:700;color:var(--mute)}
.pcnt{flex:none;padding:6px 14px;border-radius:99px;background:var(--saInk);color:#fff;font-weight:700;font-size:13.5px}
.pp{display:grid;gap:10px}
.pp-r{display:grid;align-items:center;gap:10px}
.pp-n{display:grid;place-items:center;width:30px;height:30px;border-radius:50%;background:color-mix(in srgb,var(--saA) 16%,#fff);color:var(--saInk);font-size:13px}
.pp-x{display:grid;place-items:center;width:40px;height:40px;border-radius:50%;background:rgba(42,35,64,.06);transition:background .25s}
.pp-x:hover{background:#ffe1e1}
.pp-x .ui{width:16px;height:16px}
.pp-add{margin-top:14px}
.ex{margin-top:26px;padding:18px;border-radius:22px;background:color-mix(in srgb,var(--saBg) 70%,#fff)}
.ex h3{margin:0 0 4px;font-size:16px;font-weight:800}
.ex p{margin:0 0 14px;color:var(--mute);font-size:14px}
.ex-r{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr) auto;gap:10px;align-items:center}
.sa-done{display:flex;align-items:flex-start;gap:16px;margin-bottom:20px}
.sa-bang{display:grid;place-items:center;flex:none;width:48px;height:48px;border-radius:50%;background:#2aa874;color:#fff;animation:bang .7s var(--spring) both}
.sa-bang .ui{width:26px;height:26px}
.sa-bang.big{width:88px;height:88px;margin-bottom:12px}
.sa-bang.big .ui{width:46px;height:46px}
@keyframes bang{from{transform:scale(.3) rotate(-30deg);opacity:0}to{transform:none;opacity:1}}
.rvl{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}
.rv-c{padding:16px;border-radius:24px;background:#fff;border:1px solid var(--line);transition:background .4s,border-color .4s,transform .4s var(--spring)}
.rv-c.on{background:color-mix(in srgb,var(--saA) 10%,#fff);border-color:color-mix(in srgb,var(--saA) 40%,#fff);transform:scale(1.02)}
.rv-hd{display:flex;align-items:center;gap:10px;margin-bottom:12px}
.rv-hd b{font-size:17px}
.rv-a,.inv-av i{display:grid;place-items:center;width:38px;height:38px;border-radius:50%;background:hsl(var(--h),80%,86%);color:hsl(var(--h),45%,26%);font-weight:800;font-style:normal;font-size:15px}
.rv-b{height:46px;padding:0 20px;font-size:15px}
.rv-o{animation:flip .55s var(--spring) both;transform-origin:50% 0}
@keyframes flip{from{transform:rotateX(-80deg);opacity:0}to{transform:none;opacity:1}}
.rv-o small{display:block;color:var(--mute);font-weight:600}
.rv-o strong{display:block;margin:2px 0 6px;font-family:var(--fd);font-size:26px;font-weight:800;color:var(--saInk);line-height:1.15}
.rv-o p{margin:0 0 12px;color:var(--ink2);font-size:14px}
.sa-pv{position:sticky;top:96px}
.inv{position:relative;isolation:isolate;padding:24px;border-radius:32px;color:#fff;background:linear-gradient(145deg,var(--sa1),var(--sa2));box-shadow:0 24px 50px color-mix(in srgb,var(--sa1) 35%,transparent);overflow:hidden;transition:background .5s}
.inv::before{z-index:-1;opacity:.9}
.inv-top{display:flex;align-items:center;gap:12px;font-weight:700}
.inv-ic{display:grid;place-items:center;width:52px;height:52px;border-radius:17px;background:rgba(255,255,255,.94)}
.inv-ic svg{width:32px;height:32px}
.inv-t{font-family:var(--fd);font-weight:800;font-size:25px;line-height:1.2;margin:18px 0 16px;overflow-wrap:anywhere}
.inv-d{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin:0}
.inv-d div{padding:12px 14px;border-radius:18px;background:rgba(255,255,255,.16);backdrop-filter:blur(6px)}
.inv-d dt{font-size:12.5px;opacity:.85}
.inv-d dd{margin:2px 0 0;font-weight:800;font-size:16px}
.inv-n{margin:14px 0 0;padding:12px 14px;border-radius:18px;background:rgba(255,255,255,.14);font-size:14px}
.inv-p{display:flex;align-items:center;gap:12px;margin-top:18px;font-weight:700;font-size:14px}
.inv-av{display:flex}
.inv-av i{margin-left:-8px;border:2px solid rgba(255,255,255,.9)}
.inv-av i:first-child{margin-left:0}
.inv-av i.more{background:#fff;color:var(--ink)}
.inv-h{margin:12px 6px 0;color:var(--mute);font-size:13.5px}
/* Вишлист */
.wl{background:radial-gradient(900px 420px at 85% 0,#e6dcff,transparent 70%),radial-gradient(700px 380px at 0 20%,#ffe3ef,transparent 70%)}
.wl-hero{display:flex;align-items:center;justify-content:space-between;gap:24px;margin-bottom:24px;padding:30px 32px;border-radius:36px;background:linear-gradient(135deg,#7b5cff,#a58bff 60%,#d3b8ff);color:#fff;box-shadow:0 24px 50px rgba(123,92,255,.28);overflow:hidden;position:relative}
.wl-hero::after{content:"";position:absolute;right:-60px;top:-80px;width:300px;aspect-ratio:1;border-radius:50%;background:rgba(255,255,255,.16)}
.wl-hc{position:relative;z-index:1;max-width:640px}
.wl-hc .kick{color:#fff}
.wl-hc .pgh-t{color:#fff}
.wl-hc .pgh-s{color:rgba(255,255,255,.92);margin-top:10px}
.wl-au{position:relative;z-index:1;display:grid;gap:10px;justify-items:end;text-align:right}
.wl-au small{opacity:.9;max-width:200px}
.wl-hero .btn-ink{background:#fff;color:#4a2fc4}
.wl-me{display:flex;align-items:center;gap:12px;padding:10px 12px 10px 10px;border-radius:99px;background:rgba(255,255,255,.2);backdrop-filter:blur(8px);text-align:left}
.wl-me b{display:block}
.wl-me small{display:block;max-width:none}
.wl-av{display:grid;place-items:center;width:44px;height:44px;border-radius:50%;background:#fff;color:#6b49f0;font-weight:800;font-size:18px}
.wl-grid{display:grid;grid-template-columns:minmax(0,1fr) 340px;gap:22px;align-items:start}
.wl-top{display:flex;align-items:flex-start;justify-content:space-between;gap:14px;flex-wrap:wrap}
.wl-top .sv-s{margin-bottom:0}
.wl-pr{display:flex;align-items:center;gap:14px;margin:18px 0}
.wl-bar{flex:1;height:12px;border-radius:99px;background:rgba(42,35,64,.08);overflow:hidden}
.wl-bar i{display:block;width:var(--w);height:100%;border-radius:99px;background:linear-gradient(90deg,#7b5cff,#ff7aa8);transition:width .7s var(--ease)}
.wl-pr span{font-weight:700;font-size:14px;white-space:nowrap}
.wl-tb{display:flex;align-items:center;justify-content:space-between;gap:12px;flex-wrap:wrap}
.tab-n{margin-left:8px;padding:1px 8px;border-radius:99px;background:rgba(42,35,64,.08);font-size:12.5px}
.tab.on .tab-n{background:rgba(255,255,255,.22)}
.wl-add{height:46px;padding:0 20px;font-size:15px}
.wl-hint{margin:16px 0 0;padding:12px 16px;border-radius:18px;background:#f3eefc;color:#5b43c2;font-weight:600;font-size:14px}
.wl-f{display:grid;gap:14px;margin-top:18px;padding:20px;border-radius:24px;background:#faf8ff;border:1px solid #e7defc;animation:itA .4s var(--ease)}
.wl-f .chp{justify-self:start}
.gfs{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px;margin-top:20px}
.gf{display:flex;flex-direction:column;border-radius:26px;background:#fff;border:1px solid var(--line);overflow:hidden;transition:transform .45s var(--ease),box-shadow .45s var(--ease)}
.gf:hover{transform:translateY(-4px);box-shadow:var(--sh2)}
.gf-cv{position:relative;display:grid;place-items:center;height:116px;background:linear-gradient(135deg,var(--c1),var(--c2))}
.gf-cv svg{width:62px;height:62px;filter:drop-shadow(0 8px 10px rgba(42,35,64,.18))}
.gf-st{position:absolute;left:12px;top:12px;padding:4px 12px;border-radius:99px;background:rgba(255,255,255,.94);font-size:12.5px;font-weight:800}
.gf.free .gf-st{color:#16805c}
.gf.taken .gf-st{color:#8a6100}
.gf.mine .gf-st{background:#7b5cff;color:#fff}
.gf-pri{position:absolute;right:12px;top:12px;display:grid;place-items:center;width:30px;height:30px;border-radius:50%;background:#ffc52e}
.gf-pri .ui{width:16px;height:16px}
.gf.taken .gf-cv,.gf.mine .gf-cv{filter:saturate(.7)}
.gf-b{display:flex;flex-direction:column;gap:8px;flex:1;padding:14px 16px 16px}
.gf-b h3{margin:0;font-size:16.5px;line-height:1.3;font-weight:800}
.gf-n{margin:0;color:var(--mute);font-size:13.5px}
.gf-m{display:flex;align-items:baseline;gap:10px;flex-wrap:wrap}
.gf-m b{font-size:17px}
.gf-m span{color:var(--mute);font-size:13px}
.gf-a{display:flex;align-items:center;gap:8px;margin-top:auto;padding-top:6px}
.gf-btn{flex:1;height:44px;min-height:44px;padding:0 16px;font-size:14.5px}
.gf-lock{flex:1;color:var(--mute);font-size:13.5px;font-weight:600}
.gf-rm{display:grid;place-items:center;flex:none;width:42px;height:42px;border-radius:50%;background:rgba(42,35,64,.06)}
.gf-rm:hover{background:#ffe1e1}
.gf-rm .ui{width:18px;height:18px}
.wl-side{display:grid;gap:16px;position:sticky;top:96px}
.wl-side h3{margin:0 0 8px;font-size:18px;font-weight:800}
.wl-side p{margin:0 0 14px;color:var(--mute);font-size:14.5px}
.lk{display:flex;align-items:center;justify-content:space-between;gap:10px;padding:8px 8px 8px 14px;border-radius:99px;background:#f3eefc}
.lk span{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-weight:700;font-size:13.5px;color:#5b43c2}
.mn{display:grid;gap:10px;margin:0;padding:0;list-style:none}
.mn li{display:flex;align-items:center;justify-content:space-between;gap:10px}
.mn li span{display:grid;min-width:0}
.mn small{color:var(--mute)}
.mn-s{margin:14px 0 0!important}
.how{display:grid;gap:14px;margin:0;padding:0;list-style:none;counter-reset:h}
.how li{position:relative;display:grid;gap:2px;padding-left:44px;counter-increment:h}
.how li::before{content:counter(h);position:absolute;left:0;top:0;display:grid;place-items:center;width:32px;height:32px;border-radius:50%;background:#7b5cff;color:#fff;font-weight:800;font-size:14px}
.how b{font-size:15px}
.how span{color:var(--mute);font-size:14px}
.wlm{position:fixed;inset:0;z-index:90;display:grid;place-items:center;padding:20px;background:rgba(30,22,60,.5);backdrop-filter:blur(6px);opacity:0;visibility:hidden;transition:opacity .3s,visibility .3s}
.wlm.on{opacity:1;visibility:visible}
.wlm-c{position:relative;display:grid;gap:16px;width:min(420px,100%);padding:30px 26px 26px;border-radius:30px;background:#fff;box-shadow:0 30px 80px rgba(0,0,0,.3);transform:translateY(16px) scale(.97);transition:transform .45s var(--spring)}
.wlm.on .wlm-c{transform:none}
.wlm-c h2{margin:0;font-family:var(--fd);font-size:26px;font-weight:800}
.wlm-c p{margin:-8px 0 0;color:var(--mute)}
.wlm-c small{color:var(--mute);font-size:12.5px}
.wlm-x{position:absolute;right:14px;top:14px;display:grid;place-items:center;width:38px;height:38px;border-radius:50%;background:rgba(42,35,64,.07)}
.wlm-x .ui{width:16px;height:16px}
/* Книга */
.bkp{background:radial-gradient(800px 460px at 0 0,#ffe7a8,transparent 70%),radial-gradient(800px 420px at 100% 10%,#cfeee0,transparent 70%)}
.bk-hero{display:grid;grid-template-columns:minmax(0,1.05fr) minmax(0,1fr);gap:28px;align-items:center;margin-bottom:44px;padding:30px;border-radius:40px;background:rgba(255,255,255,.7);border:1px solid #fff;box-shadow:0 20px 50px rgba(42,35,64,.09)}
.bk-hc .pgh-s{margin-top:12px}
.bk-cta{display:flex;align-items:center;gap:18px;flex-wrap:wrap;margin-top:24px}
.bk-pr{font-weight:600;color:var(--mute)}
.bk-pr b{font-size:22px;color:var(--ink)}
.bk-img{border-radius:28px;overflow:hidden;background:#d6f3e7;aspect-ratio:3/2;box-shadow:0 18px 40px rgba(34,150,120,.25)}
.bk-img img{width:100%;height:100%;object-fit:cover}
.bk-h{margin:0 0 18px}
.bk-sp{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:14px;margin-bottom:44px}
.sp{display:grid;align-content:start;gap:6px;padding:20px;border-radius:26px;background:#fff;box-shadow:var(--sh1)}
.sp-i{display:grid;place-items:center;width:46px;height:46px;margin-bottom:6px;border-radius:16px;background:#d6f3e7}
.sp-i svg{width:26px;height:26px;stroke:#1d7c62;stroke-width:1.8;fill:none}
.sp b{font-size:18px;font-weight:800}
.sp span:last-child{color:var(--mute);font-size:14px}
.bk-th{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:12px;margin-bottom:44px}
.bth{position:relative;display:grid;align-content:end;gap:4px;min-height:190px;padding:18px;border-radius:26px;color:#fff;background:linear-gradient(160deg,var(--c1),var(--c2));overflow:hidden}
.bth svg{position:absolute;right:12px;top:12px;width:56px;height:56px;padding:9px;border-radius:18px;background:rgba(255,255,255,.92)}
.bth b{font-family:var(--fd);font-weight:800;font-size:17px;line-height:1.2}
.bth span{font-size:13px;opacity:.92;line-height:1.35}
.tl{position:relative;display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:14px;margin:0 0 40px;padding:0;list-style:none;counter-reset:t}
.tl li{position:relative;display:grid;align-content:start;gap:6px;padding:62px 8px 0 0;counter-increment:t}
.tl li::before{content:counter(t);position:absolute;left:0;top:0;display:grid;place-items:center;width:44px;height:44px;border-radius:50%;background:var(--ink);color:#fff;font-weight:800;font-size:18px;z-index:1}
.tl li::after{content:"";position:absolute;left:44px;right:-14px;top:21px;border-top:2px dashed rgba(42,35,64,.22)}
.tl li:last-child::after{display:none}
.tl li:last-child::before{background:#2aa874}
.tl b{font-size:16.5px}
.tl span{color:var(--mute);font-size:14px}
.bk-end{display:flex;align-items:center;justify-content:space-between;gap:20px;flex-wrap:wrap;padding:28px 32px;border-radius:32px;background:var(--ink);color:#fff}
.bk-end h2{margin:0 0 4px;font-family:var(--fd);font-size:26px;font-weight:800}
.bk-end p{margin:0;opacity:.8}
.bk-grid{display:grid;grid-template-columns:minmax(0,1fr) 340px;gap:22px;align-items:start}
.bk-side{position:sticky;top:96px}
.bk-b{padding:22px 0;border-top:1px dashed rgba(42,35,64,.14)}
.bk-b:first-of-type{border-top:0;padding-top:6px}
.bk-q{margin:0 0 14px;font-size:17px;font-weight:800}
.up{display:flex;align-items:center;gap:16px}
.up-v{display:grid;place-items:center;flex:none;width:96px;height:96px;border-radius:26px;background:#f1ece2;color:var(--mute);overflow:hidden;border:2px dashed rgba(42,35,64,.18)}
.up-v img{width:100%;height:100%;object-fit:cover}
.up-v .ui{width:30px;height:30px}
.up-v.sm{width:64px;height:64px;border-radius:20px}
.up-t{display:grid;gap:8px;justify-items:start;min-width:0}
.up-t small{color:var(--mute);font-size:13px;max-width:340px}
.up-b{position:relative;overflow:hidden}
.up-b input{position:absolute;inset:0;width:100%;height:100%;opacity:0;cursor:pointer;font-size:0}
.bk-tc{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}
.btc{display:flex;align-items:center;gap:12px;min-width:0;padding:12px;border-radius:22px;text-align:left;background:#fff;border:2px solid var(--line);cursor:pointer;transition:border-color .25s,box-shadow .3s,transform .4s var(--spring)}
.btc:hover{transform:translateY(-2px)}
.btc-i{display:grid;place-items:center;flex:none;width:52px;height:52px;border-radius:17px;background:linear-gradient(135deg,var(--c1),var(--c2))}
.btc-i svg{width:30px;height:30px;padding:3px;border-radius:9px;background:rgba(255,255,255,.92)}
.btc span:nth-child(2){display:grid;gap:2px;flex:1;min-width:0}
.btc b{font-size:15px;line-height:1.25}
.btc small{color:var(--mute);font-size:12.5px;line-height:1.3}
.btc.on{border-color:var(--c1);box-shadow:0 10px 26px color-mix(in srgb,var(--c1) 22%,transparent)}
.btc.on .tc-ok{opacity:1;transform:none;background:var(--c1)}
.ow{display:grid;gap:12px;margin-top:16px}
.ow-r{display:flex;align-items:center;gap:14px;padding:12px;border-radius:22px;background:#faf7ef}
.ck{display:flex;align-items:flex-start;gap:12px;margin-top:18px;text-align:left;font-size:14.5px;line-height:1.45;cursor:pointer}
.ck-b{display:grid;place-items:center;flex:none;width:26px;height:26px;border-radius:9px;border:2px solid rgba(42,35,64,.25);background:#fff;color:transparent;transition:background .25s,border-color .25s,color .25s}
.ck-b .ui{width:16px;height:16px}
.ck.on .ck-b{background:var(--ink);border-color:var(--ink);color:#fff}
.pay{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}
.py{position:relative;display:grid;gap:4px;padding:18px;border-radius:22px;text-align:left;background:#fff;border:2px solid var(--line);cursor:pointer;transition:border-color .25s,box-shadow .3s}
.py b{font-size:17px}
.py span{color:var(--mute);font-size:13.5px}
.py .tc-ok{position:absolute;right:14px;top:14px}
.py.on{border-color:var(--ink);box-shadow:0 10px 26px rgba(42,35,64,.14)}
.py.on .tc-ok{opacity:1;transform:none}
.bk-side h3{margin:0 0 14px;font-size:18px;font-weight:800}
.sm{display:grid;gap:12px;margin:0}
.sm div{display:grid;gap:1px}
.sm dt{color:var(--mute);font-size:12.5px;font-weight:600}
.sm dd{margin:0;font-weight:700;font-size:14.5px;overflow-wrap:anywhere}
.sm-t{display:flex;align-items:baseline;justify-content:space-between;margin-top:18px;padding-top:16px;border-top:1px dashed rgba(42,35,64,.14)}
.sm-t b{font-size:26px;font-family:var(--fd);font-weight:800}
.bk-ok{display:grid;justify-items:center;max-width:620px;margin:30px auto 0;text-align:center}
.bk-ok .pgh-s{margin:12px 0 24px}
@media (max-width:1120px){
.sa-grid,.wl-grid,.bk-grid{grid-template-columns:minmax(0,1fr)}
.sa-pv,.wl-side,.bk-side{position:static}

.bk-sp{grid-template-columns:repeat(2,minmax(0,1fr))}
.bk-th{grid-template-columns:repeat(3,minmax(0,1fr))}
.tl{grid-template-columns:repeat(3,minmax(0,1fr));row-gap:26px}
.tl li::after{display:none}
.bk-hero{grid-template-columns:minmax(0,1fr)}
}
@media (max-width:760px){
.sv-card{padding:20px 16px;border-radius:26px}
.sv-h{flex-direction:column;align-items:flex-start}
.fgrid,.sa-th,.rvl,.gfs,.bk-tc,.pay{grid-template-columns:minmax(0,1fr)}
.pp-r{grid-template-columns:26px minmax(0,1fr) 38px}
.pp-r .pp-w{grid-column:2/-1;grid-row:2}
.ex-r{grid-template-columns:minmax(0,1fr)}
.wl-hero{flex-direction:column;align-items:flex-start;padding:24px 20px;border-radius:30px}
.wl-au{justify-items:start;text-align:left}
.bk-hero{padding:20px 16px;border-radius:30px}
.bk-sp{grid-template-columns:minmax(0,1fr)}
.bk-th{grid-template-columns:repeat(2,minmax(0,1fr))}
.tl{grid-template-columns:minmax(0,1fr);gap:0}
.tl li{padding:4px 0 24px 58px;min-height:44px}
.tl li::after{display:block;left:21px;right:auto;top:44px;bottom:0;border-top:0;border-left:2px dashed rgba(42,35,64,.22)}
.tl li:last-child::after{display:none}
.bk-end{padding:22px 18px;border-radius:26px}
.stp-i{padding-right:14px;font-size:14px}
.up{align-items:flex-start}
.inv-t{font-size:22px}
}
@media (prefers-reduced-motion:reduce){.sa-bang,.rv-o,.wl-f{animation:none}}

.sv .kick{margin-bottom:12px}
.tc::after{opacity:.4!important}
.wl-side{grid-template-columns:minmax(0,1fr)}
.gf-rm{margin-left:auto}

/* ===== v9 ===== */
.pp-r{grid-template-columns:30px minmax(0,1fr) minmax(0,1.1fr) 40px;row-gap:8px}
.pp-r .pp-w{grid-column:2/4;grid-row:2}
.pp-r .pp-x{grid-column:4;grid-row:1}
.dd{position:relative;min-width:0}
.dd.open{z-index:31}
.dd-b{display:flex;align-items:center;justify-content:space-between;gap:10px;width:100%;height:52px;padding:0 14px 0 16px;border-radius:18px;border:1px solid var(--line);background:#fff;font:inherit;font-size:16px;color:var(--mute);text-align:left;cursor:pointer;transition:border-color .25s,box-shadow .25s}
.dd-b.has{color:var(--ink);font-weight:600}
.dd-b span{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.dd-b .ui{flex:none;width:20px;height:20px;color:var(--ink2);transition:transform .35s var(--spring)}
.dd.open .dd-b{border-color:var(--saInk);box-shadow:0 0 0 4px color-mix(in srgb,var(--saA) 22%,transparent)}
.dd.open .dd-b .ui{transform:rotate(180deg)}
.dd-l{position:absolute;left:0;right:0;top:calc(100% + 8px);display:grid;gap:2px;max-height:260px;overflow:auto;padding:8px;border-radius:20px;background:#fff;border:1px solid var(--line);box-shadow:0 22px 50px rgba(42,35,64,.2);opacity:0;visibility:hidden;transform:translateY(-8px) scale(.98);transform-origin:50% 0;transition:opacity .22s,transform .35s var(--spring),visibility .22s}
.dd.open .dd-l{opacity:1;visibility:visible;transform:none}
.dd-o{display:flex;align-items:center;min-height:44px;padding:0 14px;border-radius:14px;font:inherit;font-size:15.5px;font-weight:600;color:var(--ink);text-align:left;cursor:pointer;transition:background .2s}
.dd-o:hover{background:color-mix(in srgb,var(--saA) 12%,#fff)}
.dd-o.on{background:var(--saInk);color:#fff}
.dd-o.dis{color:var(--mute);font-weight:500;cursor:default}
.dd-ov{position:fixed;inset:0;z-index:30}
.rl{display:grid;gap:8px}
.rl-r{display:flex;align-items:center;gap:12px;padding:10px 14px 10px 10px;border-radius:20px;background:#fff;border:1px solid var(--line)}
.rl-t{display:grid;flex:1;min-width:0}
.rl-t b{font-size:16px}
.rl-t small{color:var(--mute);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.rl-ok{display:inline-flex;align-items:center;gap:6px;flex:none;padding:4px 12px;border-radius:99px;background:#dff6ea;color:#14774f;font-weight:700;font-size:13px}
.rl-ok .ui{width:14px;height:14px}
.ml{margin-top:14px;border-radius:22px;overflow:hidden;border:1px solid var(--line);background:#fff;animation:itA .4s var(--ease)}
.ml-h{display:grid;gap:2px;padding:14px 18px;background:color-mix(in srgb,var(--saA) 10%,#fff);border-bottom:1px solid var(--line)}
.ml-h span{font-size:12.5px;color:var(--mute);font-weight:600}
.ml-b{display:grid;gap:10px;padding:16px 18px;font-size:15px}
.ml-b p{margin:0}
.ml-b ul{margin:0;padding-left:20px;display:grid;gap:4px;color:var(--ink2)}
.ml-x{padding:2px 10px;border-radius:99px;background:var(--saInk);color:#fff;font-weight:700}
.sa-lk{display:flex;align-items:center;justify-content:space-between;gap:10px;margin-top:18px;padding:8px 8px 8px 18px;border-radius:99px;background:color-mix(in srgb,var(--saBg) 80%,#fff)}
.sa-lk span{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-weight:700;color:var(--saInk)}
.sa .sv-act .btn-sun{height:48px}
/* ссылки на подарки */
.gf{position:relative}
.gf-lk{color:inherit;text-decoration:none}
.gf-lk::after{content:"";position:absolute;inset:0;z-index:1}
.gf-lk:hover,.gf:hover .gf-lk{text-decoration:underline;text-decoration-thickness:2px;text-underline-offset:3px;text-decoration-color:#7b5cff}
.gf-lk:focus-visible{outline:3px solid #7b5cff;outline-offset:4px;border-radius:6px}
.gf-a{position:relative;z-index:2}
.gf-s::after{content:" ↗";font-weight:700}
/* книга */
.bk-h2{margin:-8px 0 14px;color:var(--mute);font-size:14px}
.bk-car{position:relative;isolation:isolate;aspect-ratio:1/1;border-radius:34px;overflow:hidden;background:#f6e6d2;box-shadow:0 22px 50px rgba(120,70,20,.28)}
.bs{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;opacity:0;transform:scale(1.14) rotate(2.5deg);filter:blur(16px) brightness(1.35) saturate(1.5);transition:opacity .9s ease,transform 1.1s var(--ease),filter 1s ease;z-index:0}
.bs.on{opacity:1;transform:none;filter:none;z-index:2}
.bs.out{opacity:0;transform:scale(.88) rotate(-4deg);filter:blur(12px) brightness(1.7);z-index:1}
.bk-hit{position:absolute;inset:0;z-index:5;cursor:pointer;border-radius:inherit;background:transparent}
.bk-hit:focus-visible{outline:4px solid #fff;outline-offset:-8px}
.bk-hint{position:absolute;right:14px;top:14px;z-index:6;display:inline-flex;align-items:center;gap:8px;padding:8px 14px;border-radius:99px;background:rgba(255,255,255,.92);backdrop-filter:blur(8px);font-weight:700;font-size:13.5px;pointer-events:none;animation:hintp 2.4s ease-in-out infinite}
.bk-hint .ui{width:16px;height:16px;color:#e08a00}
@keyframes hintp{50%{transform:translateY(-3px)}}
.bk-cp{position:absolute;left:0;right:0;bottom:0;z-index:6;display:flex;align-items:center;justify-content:space-between;gap:12px;padding:40px 16px 14px;background:linear-gradient(transparent,rgba(30,16,40,.72));color:#fff;pointer-events:none}
.bk-cp b{font-family:var(--fd);font-weight:800;font-size:16px;text-shadow:0 2px 8px rgba(0,0,0,.4)}
.bk-dots{display:flex;gap:8px;pointer-events:auto}
.bk-dot{width:10px;height:10px;padding:0;border-radius:99px;background:rgba(255,255,255,.55);cursor:pointer;transition:width .35s var(--spring),background .25s}
.bk-dot.on{width:28px;background:#fff}
.bk-burst{position:absolute;inset:0;z-index:4;pointer-events:none}
.bk-burst::before{content:"";position:absolute;left:50%;top:50%;width:140%;aspect-ratio:1;margin:-70% 0 0 -70%;border-radius:50%;background:radial-gradient(circle,rgba(255,236,170,.9),rgba(255,200,90,.35) 30%,transparent 62%);opacity:0;transform:scale(.2)}
.bk-burst i{position:absolute;left:50%;top:50%;width:22px;height:22px;margin:-11px;background:linear-gradient(135deg,#fff7c2,#ffc93d);clip-path:polygon(50% 0,62% 38%,100% 50%,62% 62%,50% 100%,38% 62%,0 50%,38% 38%);opacity:0}
.bk-burst.b-a::before{animation:flashA .95s ease-out}
.bk-burst.b-b::before{animation:flashB .95s ease-out}
.bk-burst.b-a i{animation:starA .95s cubic-bezier(.2,.7,.3,1) both}
.bk-burst.b-b i{animation:starB .95s cubic-bezier(.2,.7,.3,1) both}
@keyframes flashA{0%{opacity:.95;transform:scale(.2)}100%{opacity:0;transform:scale(1)}}
@keyframes flashB{0%{opacity:.95;transform:scale(.2)}100%{opacity:0;transform:scale(1)}}
@keyframes starA{0%{opacity:1;transform:rotate(var(--a)) translateY(0) scale(.3)}100%{opacity:0;transform:rotate(var(--a)) translateY(calc(var(--d) * -1)) scale(1.5)}}
@keyframes starB{0%{opacity:1;transform:rotate(var(--a)) translateY(0) scale(.3)}100%{opacity:0;transform:rotate(var(--a)) translateY(calc(var(--d) * -1)) scale(1.5)}}
.bk-hero{grid-template-columns:minmax(0,1fr) minmax(0,.9fr)}
@media (max-width:760px){
.pp-r{grid-template-columns:26px minmax(0,1fr) 38px}
.pp-r .pp-e,.pp-r input[type=email]{grid-column:2/-1;grid-row:2}
.pp-r .pp-w{grid-column:2/-1;grid-row:3}
.pp-r .pp-x{grid-column:3;grid-row:1}
.rl-r{flex-wrap:wrap}
.rl-ok{margin-left:48px}
.sa-lk{flex-direction:column;align-items:stretch;border-radius:24px;padding:14px}
.bk-hint{font-size:12.5px;padding:6px 12px}
}
@media (prefers-reduced-motion:reduce){.bk-hint,.bk-burst i,.bk-burst::before{animation:none}.bs{transition:opacity .3s}}

/* Индивидуальное приглашение: карточка (общая для конструктора и страницы гостя) и страница гостя. */
.ivc { position: relative; isolation: isolate; overflow: hidden; display: grid; gap: 18px; padding: 22px; border-radius: 34px; color: var(--iv-tx); background: linear-gradient(160deg, var(--iv-bg1), var(--iv-bg2)); box-shadow: 0 24px 60px rgba(42, 35, 64, .22); transition: background .5s; }
.ivc::before { content: ""; position: absolute; inset: 0; z-index: -1; background-image: var(--iv-pat); background-size: var(--iv-ps); pointer-events: none; }
.ivc-ic { display: grid; place-items: center; flex: none; width: 42px; height: 42px; border-radius: 14px; background: rgba(255, 255, 255, .92); }
.ivc-ic svg { width: 28px; height: 28px; }
.ivc-hero { display: grid; justify-items: center; gap: 8px; text-align: center; padding-top: 4px; }
.ivc-by { margin-top: 10px; font-size: 14.5px; font-weight: 700; opacity: .92; }
.ivc-n { font-family: var(--fd); font-weight: 900; font-size: clamp(34px, 7vw, 50px); line-height: 1.04; letter-spacing: -.02em; text-wrap: balance; overflow-wrap: anywhere; }
.ivc-panel { position: relative; isolation: isolate; display: grid; gap: 16px; min-height: 230px; padding: 20px; border-radius: 26px; background: var(--iv-pc); color: var(--iv-pi); overflow: hidden; align-content: start; }
.ivc-when { display: flex; align-items: center; gap: 16px; }
.ivc-w { display: grid; gap: 4px; min-width: 0; }
.ivc-w b { font-family: var(--fd); font-weight: 800; font-size: 21px; line-height: 1.15; }
.ivc-w > span { font-weight: 700; font-size: 17px; }
.ivc-w em { font-style: normal; font-size: 13.5px; font-weight: 800; color: var(--iv-pa); }
.ivc-pl { display: flex; align-items: flex-start; gap: 10px; }
.ivc-pl svg, .ivc-th svg { flex: none; width: 22px; height: 22px; margin-top: 1px; color: var(--iv-pa); }
.ivc-pl > span { display: grid; gap: 2px; min-width: 0; }
.ivc-pl b { font-size: 16px; overflow-wrap: anywhere; }
.ivc-pl small { font-size: 14px; color: color-mix(in srgb, var(--iv-pi) 70%, transparent); overflow-wrap: anywhere; }
.ivc-th { display: flex; gap: 10px; padding: 11px 14px; border-radius: 16px; background: color-mix(in srgb, var(--iv-pa) 12%, transparent); font-weight: 700; font-size: 15px; }
.ivc-m { font-size: 16px; line-height: 1.55; white-space: pre-line; overflow-wrap: anywhere; }

/* конструктор */
.iv-fld-row { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 14px; }
.iv-link { display: flex; align-items: center; gap: 10px; padding: 8px 8px 8px 16px; border-radius: 999px; background: rgba(42, 35, 64, .06); font-weight: 600; font-size: 14.5px; }
.iv-link > span { flex: 1; min-width: 0; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.iv-wish { display: grid; gap: 14px; margin-top: 20px; padding: 20px; border-radius: 26px; background: color-mix(in srgb, var(--saA) 10%, #fff); border: 1.5px dashed color-mix(in srgb, var(--saA) 45%, transparent); }
.iv-wish h3 { font-family: var(--fd); font-weight: 800; font-size: 19px; }
.iv-wish p { color: var(--ink2); font-size: 15px; }
.iv-hint { margin-top: 10px; font-size: 13px; color: var(--mute); }
@media (max-width: 760px) { .iv-fld-row { grid-template-columns: minmax(0, 1fr); } }

/* страница гостя */
.iv-page { position: relative; isolation: isolate; min-height: 100svh; display: grid; place-items: center; padding: 28px 16px 56px; background: linear-gradient(160deg, var(--iv-bg1), var(--iv-bg2)); color: var(--iv-tx); }
.iv-page::before { content: ""; position: absolute; inset: 0; z-index: -1; background-image: var(--iv-pat); background-size: var(--iv-ps); opacity: .9; }
.iv-wrap { width: min(480px, 100%); display: grid; gap: 14px; }
.iv-page .ivc { box-shadow: 0 30px 80px rgba(0, 0, 0, .28); }
.iv-veil { position: absolute; inset: 0; z-index: 4; width: 100%; height: 100%; touch-action: none; cursor: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='34' height='34' viewBox='0 0 34 34'%3E%3Cpath d='M17 2l3.6 10.4L31 16l-10.4 3.6L17 30l-3.6-10.4L3 16l10.4-3.6z' fill='%23fff' stroke='%232a2340' stroke-width='1.6' stroke-linejoin='round'/%3E%3C/svg%3E") 17 17, grab; transition: opacity .7s; border-radius: inherit; }
.iv-veil.gone { opacity: 0; pointer-events: none; }
.ivc-panel.open > :not(canvas) { animation: ivin .7s var(--ease, ease) both; animation-delay: calc(var(--i, 0) * 110ms); }
@keyframes ivin { from { opacity: 0; transform: translateY(14px) scale(.97); } to { opacity: 1; transform: none; } }
.iv-skip { justify-self: center; padding: 10px 18px; border-radius: 999px; background: rgba(255, 255, 255, .22); color: inherit; font-weight: 700; font-size: 14.5px; }
.iv-skip:hover { background: rgba(255, 255, 255, .34); }
.iv-acts { display: grid; gap: 10px; }
.iv-b { display: inline-flex; align-items: center; justify-content: center; gap: 8px; min-height: 48px; padding: 0 20px; border-radius: 999px; background: var(--iv-pa); color: #fff; font-weight: 800; font-size: 15.5px; text-align: center; transition: transform .35s var(--spring, ease); }
.iv-b:hover { transform: translateY(-2px); }
.iv-b.alt { background: transparent; border: 2px solid var(--iv-pa); color: var(--iv-pa); }
.iv-b .ui { width: 18px; height: 18px; }
.iv-rsvp { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 10px; }
.iv-b.on { background: var(--iv-pi); border-color: var(--iv-pi); color: #fff; }
.iv-reply { display: grid; gap: 8px; font-size: 14.5px; }
.iv-fx { position: fixed; inset: 0; z-index: 80; width: 100%; height: 100%; pointer-events: none; }
.iv-foot { text-align: center; font-size: 13.5px; font-weight: 600; opacity: .9; }
.iv-foot a { text-decoration: underline; text-underline-offset: 3px; }
.iv-bad { display: grid; gap: 14px; justify-items: center; padding: 34px 24px; border-radius: 30px; background: #fff; color: #2a2340; text-align: center; }
@media (prefers-reduced-motion: reduce) { .ivc-panel.open > :not(canvas) { animation: none; } .iv-veil { transition: none; } }

.sa-lk .pill{white-space:nowrap}
@media (max-width: 480px) {
  .ivc { padding: 18px; gap: 14px; border-radius: 28px; }
      .ivc-panel { padding: 16px; }
      .iv-page { padding-top: 16px; }
}
.iv-actw{display:grid;gap:14px}

/* фото именинника: крупный квадрат-«полароид» с наклоном и наклейкой возраста */
.ivc-hero { gap: 12px; padding-top: 6px; }
@media (max-width: 480px) {    }

/* заголовок «Приглашение» вместо значка стиля */
.iv-veil { animation: ivtw 3.2s ease-in-out infinite alternate; }
@keyframes ivtw { from { filter: brightness(.95) saturate(1); } to { filter: brightness(1.16) saturate(1.3); } }
@media (max-width: 480px) {   }
@media (prefers-reduced-motion: reduce) { .iv-veil { animation: none; } }

/* === v15: шапка, фото, дата === */
.ivc-top { display: block; text-align: center; }
.ivc-ttl { margin: 0; font-family: var(--fd); font-weight: 900; font-size: clamp(42px, 12vw, 58px); line-height: 1; letter-spacing: -.025em; color: var(--iv-tx); text-wrap: balance; }
.ivc-ttl::after { content: ""; display: block; width: 58px; height: 6px; margin: 12px auto 0; border-radius: 3px; background: var(--iv-acc); }
.ivc-pw { position: relative; isolation: isolate; width: clamp(200px, 76%, 320px); margin: 8px 0 12px; }
.ivc-pw::before { content: ""; position: absolute; inset: -14px; z-index: -1; border-radius: 48px; background: linear-gradient(135deg, var(--iv-acc), var(--iv-acc2)); opacity: .5; filter: blur(20px); }
.ivc-ph { display: grid; place-items: center; aspect-ratio: 1; border-radius: 38px; overflow: hidden; background: linear-gradient(135deg, var(--iv-acc), var(--iv-acc2)); border: 6px solid rgba(255, 255, 255, .88); box-shadow: 0 24px 50px color-mix(in srgb, var(--iv-pa) 38%, transparent); }
.ivc-ph img { width: 100%; height: 100%; object-fit: cover; display: block; }
.ivc-ph b { font-family: var(--fd); font-weight: 900; font-size: clamp(96px, 30vw, 150px); line-height: 1; color: #fff; text-shadow: 0 8px 26px rgba(0, 0, 0, .18); }
.ivc-age { position: absolute; right: -12px; top: -12px; display: grid; place-items: center; align-content: center; width: 80px; height: 80px; border-radius: 50%; background: #fff; color: var(--iv-pa); box-shadow: 0 14px 28px rgba(0, 0, 0, .2); line-height: 1; }
.ivc-age b { font-family: var(--fd); font-weight: 900; font-size: 34px; }
.ivc-age small { margin-top: 2px; font-weight: 800; font-size: 13px; color: var(--iv-pi); }
.ivc-d { display: flex; flex-direction: column; align-items: center; justify-content: center; flex: none; width: 96px; height: 100px; border-radius: 26px; background: var(--iv-pa); color: #fff; overflow: hidden; }
.ivc-d .ivc-dn { font-family: var(--fd) !important; font-weight: 900 !important; font-size: 58px !important; line-height: .95 !important; letter-spacing: -.03em; }
.ivc-d .ivc-dm { margin-top: 6px; font-size: 14px !important; font-weight: 700 !important; line-height: 1 !important; }
@media (max-width: 480px) {
  .ivc { padding: 18px; gap: 14px; border-radius: 28px; }
  .ivc-panel { padding: 16px; }
  .ivc-pw { width: clamp(200px, 72%, 270px); }
  .ivc-age { width: 70px; height: 70px; } .ivc-age b { font-size: 29px; }
  .ivc-d { width: 82px; height: 90px; border-radius: 22px; }
  .ivc-d .ivc-dn { font-size: 50px !important; } .ivc-d .ivc-dm { font-size: 13px !important; }
  .ivc-w b { font-size: 18px; } .ivc-w > span { font-size: 16px; }
}
@media (max-width: 340px) { .ivc-d { width: 74px; height: 84px; } .ivc-d .ivc-dn { font-size: 44px !important; } }
/* предпросмотр в конструкторе: помещается в экран целиком */
@media (min-width: 1121px) {
  .iv-pv { max-height: calc(100vh - 116px); overflow: auto; border-radius: 34px; scrollbar-width: thin; }
  .iv-pv .ivc { padding: 16px; gap: 10px; }
  .iv-pv .ivc-ttl { font-size: 36px; }
  .iv-pv .ivc-ttl::after { margin-top: 8px; height: 5px; width: 44px; }
  .iv-pv .ivc-pw { width: min(60%, 200px); margin: 4px 0 8px; }
  .iv-pv .ivc-age { width: 58px; height: 58px; right: -10px; top: -10px; } .iv-pv .ivc-age b { font-size: 24px; } .iv-pv .ivc-age small { font-size: 11px; }
  .iv-pv .ivc-n { font-size: 32px; }
  .iv-pv .ivc-panel { padding: 14px; gap: 12px; min-height: 0; }
  .iv-pv .ivc-d { width: 80px; height: 84px; } .iv-pv .ivc-d .ivc-dn { font-size: 48px !important; } .iv-pv .ivc-d .ivc-dm { font-size: 12.5px !important; }
  .iv-pv .ivc-w b { font-size: 18px; }
}

/* === v16: гости, ответы, кабинет === */
.sv-h-r { display: flex; flex-wrap: wrap; align-items: center; justify-content: flex-end; gap: 10px; }
.me-chip { display: inline-flex; align-items: center; gap: 10px; min-height: 46px; padding: 4px 6px 4px 4px; border-radius: 999px; background: #fff; border: 1px solid var(--line); }
.me-chip b { font-size: 14.5px; padding-right: 2px; }
.me-av { display: grid; place-items: center; flex: none; width: 38px; height: 38px; border-radius: 50%; background: var(--ink); color: #fff; font-weight: 800; font-size: 16px; }
.me-chip .pill { min-height: 36px; padding: 0 14px; font-size: 13.5px; }
.gl-add { display: flex; gap: 10px; }
.gl-add .inp { flex: 1 1 auto; min-width: 0; height: 52px; }
.gl-add .btn { flex: none; }
.gl-h { display: flex; align-items: center; justify-content: space-between; gap: 12px; margin-top: 20px; }
.gl-h b { font-family: var(--fd); font-weight: 800; font-size: 17px; }
.gl-h .lnk { height: 38px; padding: 0 14px; font-size: 13.5px; }
.gl { display: grid; gap: 8px; margin: 12px 0 0; padding: 0; list-style: none; }
.gl li { display: flex; align-items: center; gap: 12px; min-width: 0; padding: 8px 8px 8px 10px; border-radius: 22px; background: rgba(42, 35, 64, .045); }
.gl-av { display: grid; place-items: center; flex: none; width: 40px; height: 40px; border-radius: 50%; background: hsl(var(--h, 260) 85% 90%); color: hsl(var(--h, 260) 45% 30%); font-weight: 800; font-size: 16px; }
.gl-n { flex: 1; min-width: 0; display: grid; gap: 1px; font-weight: 700; font-size: 15px; overflow-wrap: anywhere; }
.gl-n small { font-weight: 600; font-size: 12.5px; color: var(--mute); }
.gl-x { display: grid; place-items: center; flex: none; width: 38px; height: 38px; border-radius: 50%; color: var(--mute); }
.gl-x:hover { background: #ffe1e8; color: #b02a5a; }
.gl-x .ui { width: 18px; height: 18px; }
.gl-a { display: flex; flex-wrap: wrap; justify-content: flex-end; gap: 6px; }
.gl-a .pill { min-height: 36px; padding: 0 12px; font-size: 13.5px; }
.gl-empty { display: flex; align-items: center; gap: 14px; margin-top: 18px; padding: 16px 18px; border-radius: 22px; border: 1.5px dashed rgba(42, 35, 64, .16); color: var(--mute); font-size: 14.5px; }
.gl-empty .ui { flex: none; width: 26px; height: 26px; }
.gl-empty .pill { margin-left: auto; }
.st-p { flex: none; padding: 6px 12px; border-radius: 999px; font-size: 12.5px; font-weight: 800; white-space: nowrap; }
.st-p.yes { background: #dcf5e8; color: #17744c; }
.st-p.no { background: #ffe3ec; color: #a8264f; }
.st-p.wait { background: rgba(42, 35, 64, .07); color: var(--mute); }
.iv-sub { margin: 26px 0 0; font-family: var(--fd); font-weight: 800; font-size: 19px; }
.iv-sub + p { margin: 4px 0 0; color: var(--mute); font-size: 14px; }
/* ответ гостя */
.iv-rs { display: grid; gap: 12px; padding: 16px; border-radius: 22px; background: color-mix(in srgb, var(--iv-pa) 9%, #fff); }
.iv-rs-t { font-family: var(--fd); font-weight: 800; font-size: 19px; line-height: 1.2; }
.iv-names { display: flex; flex-wrap: wrap; gap: 8px; }
.iv-nm { min-height: 40px; padding: 0 14px; border-radius: 999px; border: 1.5px solid color-mix(in srgb, var(--iv-pa) 35%, transparent); background: #fff; color: var(--iv-pi); font-weight: 700; font-size: 14.5px; transition: background .25s, color .25s; }
.iv-nm.on { background: var(--iv-pa); border-color: var(--iv-pa); color: #fff; }
.iv-rs .inp { height: 50px; }
.iv-done { display: flex; align-items: center; gap: 12px; }
.iv-done-i { display: grid; place-items: center; flex: none; width: 46px; height: 46px; border-radius: 50%; background: var(--iv-pa); color: #fff; }
.iv-done-i .ui { width: 24px; height: 24px; }
.iv-done b { display: block; font-family: var(--fd); font-weight: 800; font-size: 18px; }
.iv-done small { display: block; font-size: 14px; color: color-mix(in srgb, var(--iv-pi) 75%, transparent); }
.iv-rs .lnk { justify-self: start; height: 38px; padding: 0 14px; font-size: 13.5px; }
.iv-q { justify-self: center; font-size: 13.5px; font-weight: 700; color: var(--iv-pa); text-decoration: underline; text-underline-offset: 3px; }
/* кабинет */
.cab-h { display: flex; flex-wrap: wrap; align-items: flex-end; justify-content: space-between; gap: 16px 24px; margin-bottom: 26px; }
.cab-h .pgh-s { max-width: 560px; margin-top: 10px; }
.cab-login { display: grid; justify-items: center; gap: 14px; max-width: 560px; margin: 10px auto 0; padding: 40px 26px; text-align: center; }
.cab-login > .ui { width: 54px; height: 54px; padding: 13px; border-radius: 50%; background: var(--sun); color: var(--ink); }
.cab-sec { display: flex; flex-wrap: wrap; align-items: center; justify-content: space-between; gap: 12px; margin: 6px 0 16px; }
.cab-list { display: grid; gap: 22px; }
.cab-ev { display: grid; grid-template-columns: 300px minmax(0, 1fr); padding: 0; overflow: hidden; }
.cab-cv { position: relative; isolation: isolate; display: grid; align-content: space-between; gap: 22px; padding: 24px; color: var(--iv-tx); background: linear-gradient(160deg, var(--iv-bg1), var(--iv-bg2)); }
.cab-cv::before { content: ""; position: absolute; inset: 0; z-index: -1; background-image: var(--iv-pat); background-size: var(--iv-ps); }
.cab-top { display: flex; align-items: flex-start; justify-content: space-between; gap: 10px; }
.cab-ph { display: grid; place-items: center; width: 92px; aspect-ratio: 1; border-radius: 26px; overflow: hidden; border: 4px solid rgba(255, 255, 255, .88); background: linear-gradient(135deg, var(--iv-acc), var(--iv-acc2)); box-shadow: 0 14px 30px rgba(0, 0, 0, .18); }
.cab-ph img { width: 100%; height: 100%; object-fit: cover; }
.cab-ph b { font-family: var(--fd); font-weight: 900; font-size: 44px; color: #fff; }
.cab-left { padding: 6px 12px; border-radius: 999px; background: rgba(255, 255, 255, .92); color: var(--iv-pi); font-weight: 800; font-size: 13px; white-space: nowrap; }
.cab-cv h3 { margin: 0; font-family: var(--fd); font-weight: 900; font-size: 30px; line-height: 1.05; overflow-wrap: anywhere; }
.cab-cv p { margin: 8px 0 0; font-weight: 700; font-size: 15px; }
.cab-cv p + p { margin-top: 2px; font-weight: 600; opacity: .88; }
.cab-b { display: grid; gap: 16px; align-content: start; min-width: 0; padding: 24px; }
.cab-rh { display: flex; flex-wrap: wrap; align-items: baseline; justify-content: space-between; gap: 6px 12px; }
.cab-rh .sv-t { margin: 0; }
.cab-rh > span { color: var(--mute); font-size: 14px; font-weight: 600; }
.rs-bar { display: flex; height: 14px; border-radius: 999px; overflow: hidden; background: rgba(42, 35, 64, .08); }
.rs-bar i { display: block; height: 100%; transition: width .6s var(--ease, ease); }
.rs-bar .y { background: #2aa874; }
.rs-bar .n { background: #ef6b93; }
.rs-lg { display: flex; flex-wrap: wrap; gap: 8px 22px; }
.rs-lg > span { display: inline-flex; align-items: baseline; gap: 7px; color: var(--ink2); font-weight: 600; font-size: 14.5px; }
.cab-b .rs-lg b { font-family: var(--fd); font-weight: 900; font-size: 26px; color: var(--ink); }
.rs-lg i { align-self: center; width: 10px; height: 10px; border-radius: 50%; background: rgba(42, 35, 64, .22); }
.rs-lg .y i { background: #2aa874; }
.rs-lg .n i { background: #ef6b93; }
.cab-b .tabs { display: flex; flex-wrap: wrap; gap: 8px; }
.cab-b .tab { height: 40px; padding: 0 16px; font-size: 14px; }
.cab-b .tab.on { background: var(--ink); border-color: var(--ink); color: #fff; }
.cab-gl { max-height: 360px; overflow: auto; margin: 0; }
.cab-wl { display: flex; align-items: center; gap: 14px; padding: 14px 16px; border-radius: 22px; background: #f3eefc; color: var(--ink); }
.cab-wl:hover { background: #ebe3fb; }
.cab-wl-i { display: grid; place-items: center; flex: none; width: 44px; height: 44px; border-radius: 50%; background: #fff; color: #6b49f0; }
.cab-wl-t { flex: 1; display: grid; gap: 6px; min-width: 0; }
.cab-wl-t b { font-size: 15px; overflow-wrap: anywhere; }
.cab-wl-t small { color: var(--mute); font-size: 13px; font-weight: 600; }
.cab-wl-t .wl-bar { flex: none; height: 8px; }
.cab-wl > .ui { flex: none; width: 20px; height: 20px; }
.cab-acts { display: flex; flex-wrap: wrap; gap: 10px; padding-top: 16px; border-top: 1px dashed rgba(42, 35, 64, .14); }
.cab-more { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 22px; margin-top: 34px; }
.cab-mini { display: grid; gap: 14px; align-content: start; }
.cab-mini h3 { margin: 0; font-family: var(--fd); font-weight: 800; font-size: 21px; }
.cab-mini p { margin: 0; color: var(--mute); font-size: 14.5px; }
.cab-mini .wl-pr { display: flex; align-items: center; gap: 12px; margin: 0; }
.cab-mini .wl-pr > span { font-size: 13.5px; font-weight: 700; white-space: nowrap; }
.cab-items { display: grid; gap: 8px; margin: 0; padding: 0; list-style: none; }
.cab-items li { display: flex; align-items: center; justify-content: space-between; gap: 10px; padding: 10px 12px; border-radius: 16px; background: rgba(42, 35, 64, .04); font-size: 14.5px; font-weight: 600; }
.cab-items li > span:first-child { min-width: 0; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.cab-mini .btn, .cab-mini .pill { justify-self: start; }
.wl-inv { display: flex; align-items: center; gap: 12px; margin-bottom: 18px; padding: 12px 14px; border-radius: 22px; color: var(--iv-tx); background: linear-gradient(135deg, var(--iv-bg1), var(--iv-bg2)); font-weight: 700; font-size: 14.5px; }
.wl-inv b { font-family: var(--fd); font-weight: 900; font-size: 17px; }
.wl-inv > span { flex: 1; min-width: 0; display: grid; gap: 2px; }
.wl-inv .pill { flex: none; }
.hd-me .bdg { background: var(--sun); color: var(--ink); }
@media (max-width: 900px) {
  .cab-ev { grid-template-columns: minmax(0, 1fr); }
  .cab-more { grid-template-columns: minmax(0, 1fr); }
}
@media (max-width: 560px) {
  .gl-add { flex-direction: column; }
  .gl-add .inp { flex: none; width: 100%; }
  .gl li { flex-wrap: wrap; }
  .gl-a { width: 100%; justify-content: flex-start; padding-left: 52px; }
  .cab-gl .gl-a { padding-left: 0; }
  .cab-b, .cab-cv { padding: 18px; }
  .rs-lg { gap: 6px 16px; }
  .rs-lg b { font-size: 22px; }
  .sv-h-r { justify-content: flex-start; }
}

.iv-rs .iv-b { padding: 0 12px; white-space: nowrap; }

/* v17: вход и регистрация */
.au-seg { justify-self: start; }
.au-seg button.on { background: #fff; color: var(--ink); box-shadow: 0 4px 12px rgba(42, 35, 64, .12); }
.au-c h2 { margin: 2px 0 0; }
.au-sw { margin: 0; text-align: center; font-size: 14.5px; color: var(--mute); }
.au-lk { font-weight: 800; color: var(--ink); text-decoration: underline; text-underline-offset: 3px; }
.au-btns { display: flex; flex-wrap: wrap; justify-content: flex-end; gap: 10px; }
.wl-hero .au-reg-w { background: rgba(58, 28, 150, .3); color: #fff; border: 1.5px solid rgba(255, 255, 255, .6); }
.wl-hero .au-reg-w:hover { background: rgba(255, 255, 255, .26); }
.sv-h-r .au-reg { min-height: 52px; padding: 0 22px; font-size: 15px; }

/* v18: одна кнопка входа в строку с «Новое приглашение» */
.sv-h-r { flex-wrap: nowrap; }
.au-one .ui, .iv-new .ui { width: 18px; height: 18px; }
.sv-h-r .btn, .sv-h-r .pill { min-height: 48px; height: 48px; white-space: nowrap; }
@media (max-width: 560px) {
  .sv-h { flex-direction: column; align-items: stretch; }
  .sv-h-r { justify-content: flex-start; gap: 8px; }
  .sv-h-r .btn, .sv-h-r .pill, .sv-h-r .me-chip { min-height: 46px; height: 46px; padding: 0 14px; font-size: 14px; gap: 6px; }
  .sv-h-r .me-chip { padding: 4px 12px 4px 4px; }
  .sv-h-r .me-av { width: 36px; height: 36px; }
}
@media (max-width: 400px) { .nw-l { display: none; } }
@media (max-width: 340px) { .sv-h-r .btn, .sv-h-r .pill { padding: 0 11px; font-size: 13.5px; } .sv-h-r { gap: 6px; } }

/* v19: предпросмотр как гость */
.sv-nav .iv-pvbtn { margin-left: auto; }
.sv-nav .iv-pvbtn + .sv-go { margin-left: 0; }
.iv-prev { display: flex; align-items: center; gap: 12px; padding: 10px 10px 10px 16px; border-radius: 22px; background: rgba(255, 255, 255, .94); color: var(--ink); box-shadow: 0 12px 30px rgba(0, 0, 0, .16); font-size: 14px; line-height: 1.35; }
.iv-prev span { flex: 1; min-width: 0; }
.iv-prev b { display: block; font-family: var(--fd); font-weight: 800; font-size: 15.5px; }
.iv-prev .pill { flex: none; }
@media (max-width: 560px) {
  .sv-nav { flex-wrap: wrap; }
  .sv-nav .iv-pvbtn { order: -1; width: 100%; justify-content: center; margin-left: 0; }
  .sv-nav .iv-pvbtn + .sv-go { margin-left: auto; }
}
@media (max-width: 560px) {
  .sa .sv-nav .btn-ghost { padding: 0 18px; flex: none; }
  .sa .sv-nav .sv-go { flex: 1; justify-content: center; padding: 0 16px; font-size: 15px; }
}
@media (max-width: 560px) { .sa .sv-nav { gap: 10px 8px; } .sa .sv-nav .sv-go .ui { display: none; } }

/* v20: выбор гостя ≠ кнопки ответа; выделенная кнопка вишлиста; шаг «Вишлист» */
.iv-nm.on { background: var(--iv-pi); border-color: var(--iv-pi); color: #fff; }
.iv-nm.on::before { content: "✓"; margin-right: 6px; font-weight: 900; }
.iv-wl { position: relative; isolation: isolate; overflow: hidden; display: flex; align-items: center; gap: 12px; min-height: 66px; padding: 10px 16px 10px 10px; border-radius: 22px; background: linear-gradient(120deg, var(--iv-acc), var(--iv-acc2)); color: var(--iv-pi); box-shadow: 0 12px 26px color-mix(in srgb, var(--iv-acc2) 45%, transparent); transition: transform .35s var(--spring, ease); }
.iv-wl:hover { transform: translateY(-2px); }
.iv-wl::after { content: ""; position: absolute; inset: 0; z-index: -1; background: linear-gradient(105deg, transparent 30%, rgba(255, 255, 255, .55) 45%, transparent 60%); transform: translateX(-100%); animation: ivsheen 3.6s ease-in-out 1.2s infinite; }
@keyframes ivsheen { 0%, 55% { transform: translateX(-100%); } 85%, 100% { transform: translateX(100%); } }
.iv-wl-i { display: grid; place-items: center; flex: none; width: 46px; height: 46px; border-radius: 16px; background: #fff; color: var(--iv-pa); box-shadow: 0 6px 14px rgba(0, 0, 0, .12); }
.iv-wl-i .ui { width: 24px; height: 24px; }
.iv-wl-t { flex: 1; min-width: 0; display: grid; gap: 1px; }
.iv-wl-t b { font-family: var(--fd); font-weight: 900; font-size: 18px; line-height: 1.15; }
.iv-wl-t small { font-weight: 700; font-size: 13px; opacity: .85; }
.iv-wl > .ui { flex: none; width: 20px; height: 20px; }
.gl-av.gift { background: #ffe6f0; color: #e0256f; }
.gl-av.gift .ui { width: 18px; height: 18px; }
.wl-q { margin-top: 16px; }
.wl-q .wl-q-p { flex: 0 0 130px; }
.wl-ideas { display: flex; flex-wrap: wrap; align-items: center; gap: 8px; margin-top: 12px; }
.wl-ideas > span { color: var(--mute); font-size: 13.5px; font-weight: 700; }
.wl-ideas .chp { min-height: 38px; padding: 0 14px; font-size: 13.5px; }
@media (max-width: 560px) { .wl-q .wl-q-p { flex: none; width: 100%; } }
@media (prefers-reduced-motion: reduce) { .iv-wl::after { animation: none; } }

/* v21: предпросмотр без ползунка, акцентная подсказка, вишлист внутри приглашения, компактный вход */
@media (min-width: 1121px) { .iv-pv { max-height: none; overflow: visible; } }
.iv-note { display: flex; align-items: flex-start; gap: 14px; margin-bottom: 18px; padding: 16px 18px; border-radius: 22px; background: color-mix(in srgb, var(--saA) 12%, #fff); border: 2px solid color-mix(in srgb, var(--saA) 45%, transparent); color: var(--saInk); font-size: 15px; line-height: 1.5; }
.iv-note b { font-weight: 800; }
.iv-note-i { display: grid; place-items: center; flex: none; width: 40px; height: 40px; border-radius: 50%; background: var(--saA); color: #fff; }
.iv-note-i .ui { width: 22px; height: 22px; }
.sv-row .pill { flex: none; }
.iv-wlf { margin-top: 0; }
.iv-wlf-r { display: flex; flex-wrap: wrap; align-items: center; justify-content: space-between; gap: 10px; }
.iv-gfs { margin-top: 12px; }
.iv-wl-st { color: var(--mute); font-size: 14px; font-weight: 600; }
.wl-demo { margin-bottom: 18px; padding: 14px 16px; border-radius: 20px; background: #fff6d6; border: 1.5px dashed #f1c64a; color: #6a4b00; font-size: 14.5px; line-height: 1.5; }
.cab-nowl { border-color: color-mix(in srgb, #e0256f 35%, transparent); color: #8a2350; background: #fff5f9; }
.wlm { padding: 12px; }
.au-c { gap: 10px; width: min(440px, 100%); max-height: calc(100vh - 24px); max-height: calc(100dvh - 24px); overflow: auto; padding: 20px 22px 18px; }
.au-c h2 { position: absolute; width: 1px; height: 1px; overflow: hidden; clip: rect(0 0 0 0); }
.au-c > p { margin: 0; font-size: 14.5px; line-height: 1.45; }
.au-c .fld { gap: 5px; }
.au-c .inp { height: 46px; }
.au-c .ck { margin-top: 0; font-size: 13.5px; line-height: 1.35; }
.au-c .btn { min-height: 50px; height: 50px; }
.au-c small { font-size: 12px; line-height: 1.35; color: var(--mute); }
.au-seg { margin-right: 44px; }
@media (max-width: 560px) { .sv-row { flex-direction: column; } .iv-wlf-r .btn { width: 100%; justify-content: center; } }

/* поля даты и времени: ширина как у остальных, текст по центру по высоте (iOS) */
.fgrid>*{min-width:0}
input[type=date].inp,input[type=time].inp,input[type=datetime-local].inp,input[type=month].inp{display:block;width:100%;min-width:0;max-width:100%;box-sizing:border-box;-webkit-appearance:none;appearance:none;height:52px;padding:0 16px;line-height:50px;text-align:left}
input[type=date].inp::-webkit-date-and-time-value,input[type=time].inp::-webkit-date-and-time-value,input[type=datetime-local].inp::-webkit-date-and-time-value,input[type=month].inp::-webkit-date-and-time-value{display:block;height:50px;line-height:50px;margin:0;text-align:left}
input[type=date].inp::-webkit-datetime-edit,input[type=time].inp::-webkit-datetime-edit{padding:0;line-height:50px}
select.inp{line-height:normal}

.bc-invite .bc-cv{background:linear-gradient(135deg,#ff9bd0,#ffc52e)}
.sa-lk .pill{white-space:nowrap}
@media (min-width:761px){.fg{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media (min-width:1120px){.fg{grid-template-columns:repeat(4,minmax(0,1fr))}}
/* v23: на телефоне карточки в каталогах идут сеткой по две в ряд и листаются вниз */
@media (max-width:760px){
.pgrid,.pgrid.c3,.pgrid.c2{grid-auto-flow:row;grid-template-columns:repeat(2,minmax(0,1fr));grid-auto-columns:auto;gap:12px 10px;margin:0;padding:4px 0 8px;overflow:visible;scroll-snap-type:none;overscroll-behavior-x:auto}
.pgrid>*{scroll-snap-align:none;min-width:0}
.pgrid:has(.nores){display:grid;margin:0;padding:4px 0 8px}
.pgrid>.nores,.pgrid>.empty{grid-column:1/-1}
.pgrid .pc,.pgrid .ev,.pgrid .kp,.pgrid .ac{border-radius:22px}
.pgrid .pc:hover,.pgrid .ev:hover,.pgrid .kp:hover,.pgrid .ac:hover{transform:none}
.pgrid .pc-cv,.pgrid .ev-hd{margin:6px 6px 0;border-radius:17px}
.pgrid .ev-hd{aspect-ratio:1/1;padding:8px}
.pgrid .pc-cv{aspect-ratio:1/1}
.pgrid .pc-pop{left:8px;top:8px;height:22px;padding:0 8px;font-size:11px}
.pgrid .pc .fav,.pgrid .ev .fav,.pgrid .kp .fav,.pgrid .ac .fav{top:12px;right:12px;width:34px;height:34px}
.pgrid .pc .fav .ui,.pgrid .ev .fav .ui,.pgrid .kp .fav .ui{width:17px;height:17px}
.pgrid .ev-date{width:44px;height:50px;border-radius:13px}
.pgrid .ev-day{font-size:19px}
.pgrid .ev-mon{margin-top:3px;font-size:9.5px;letter-spacing:.04em}
.pgrid .pc-b,.pgrid .ev-b{gap:6px;padding:10px 10px 12px}
.pgrid .pc-top{font-size:11.5px;gap:2px 6px}
.pgrid .pc-top>span:last-child{flex-basis:100%;overflow:hidden;white-space:nowrap;text-overflow:ellipsis}
.pgrid .pc-r .ui{width:13px;height:13px}
.pgrid .pc-t,.pgrid .ev-t,.pgrid .kp-t,.pgrid .ac-t{font-size:14.5px;line-height:1.22;overflow-wrap:anywhere;hyphens:auto;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden}
.pgrid .pc-ad{font-size:12px;gap:4px;align-items:flex-start}
.pgrid .pc-ad .ui{width:13px;height:13px;flex:none;margin-top:1px}
.pgrid .pc-ad,.pgrid .ev-v,.pgrid .kp-s{display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}
.pgrid .ev-v,.pgrid .kp-s{font-size:12px}
.pgrid .pc-ft{flex-direction:column;align-items:stretch;gap:8px;padding-top:10px}
.pgrid .pc-meta{display:flex;flex-wrap:wrap;justify-content:space-between;align-items:baseline;gap:2px 6px}
.pgrid .pc-pr{white-space:nowrap}
.pgrid .pc-age{font-size:12px}
.pgrid .pc-pr{font-size:13.5px}
.pgrid .pc .cmp{justify-content:center;height:36px;padding:0 10px;font-size:13px}
.pgrid .ev-tags{gap:4px}
.pgrid .tg{height:22px;padding:0 7px;font-size:11px}
.pgrid .ev-tags .tg:nth-child(n+3):not(.hot){display:none}
.pgrid .ev-ft{flex-direction:column;align-items:flex-start;gap:4px;padding-top:9px;font-size:12px}
.pgrid .ev-tm{gap:4px}
.pgrid .ev-tm .ui{width:13px;height:13px}
.pgrid .ev-pr{font-size:13.5px}
.pgrid .kp-top{min-height:108px;padding:12px 12px 10px 12px}
.pgrid .kp-d{font-size:30px}
.pgrid .kp-top.has-ph .kp-d{text-shadow:0 2px 10px rgba(42,35,64,.55)}
.pgrid .kp-top.has-ph::after{background:linear-gradient(180deg,rgba(42,35,64,0) 10%,rgba(42,35,64,.78))}
.pgrid .kp-ic,.pgrid .kp-top.has-ph .kp-ic{position:absolute;z-index:2;left:10px;top:10px;width:34px;height:34px}
.pgrid .kp-top.has-ph .kp-ic{padding:5px;border-radius:11px}
.pgrid .kp-b{gap:4px;padding:10px 12px 12px}
.pgrid .kp-ft{flex-direction:column;align-items:stretch;gap:8px;padding-top:8px}
.pgrid .kp-ex{font-size:12px}
.pgrid .kp-go{justify-content:center;height:36px;padding:0 12px;font-size:13.5px}
.pgrid .ac-b{gap:6px;padding:10px 12px 14px}
.pgrid .ac-d{font-size:12px}
.pgrid .ac .tag2{font-size:11px}
}
@media (max-width:340px){
.pgrid,.pgrid.c3,.pgrid.c2{gap:10px 8px}
.pgrid .pc-t,.pgrid .ev-t,.pgrid .kp-t,.pgrid .ac-t{font-size:13.5px}
.pgrid .pc-b,.pgrid .ev-b{padding:9px 8px 10px}
.pgrid .kp-d{font-size:26px}
.pgrid .pc-t,.pgrid .ev-t,.pgrid .kp-t,.pgrid .ac-t{font-size:13px}
}

/* v25: вишлист — карточка подарка: фото слева, текст справа */
.gf{flex-direction:row;align-items:stretch;border-radius:22px}
.gf-cv{flex:none;align-self:stretch;width:108px;height:auto;min-height:108px;margin:8px 0 8px 8px;border-radius:16px;overflow:hidden}
.gf-cv svg{width:48px;height:48px}
.gf-ph{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}
.gf-pri{right:6px;top:6px;width:26px;height:26px;box-shadow:0 2px 6px rgba(42,35,64,.18)}
.gf-pri .ui{width:14px;height:14px}
.gf-b{min-width:0;gap:5px;padding:12px 12px 12px 14px}
.gf-st{position:static;align-self:flex-start;padding:3px 10px;border-radius:99px;background:rgba(42,35,64,.06);font-size:12px;font-weight:800;line-height:1.3}
.gf.free .gf-st{background:#e2f6ec;color:#16805c}
.gf.taken .gf-st{background:#fff1d1;color:#8a6100}
.gf.mine .gf-st{background:#7b5cff;color:#fff}
.gf-b h3{font-size:16px;line-height:1.25;overflow-wrap:anywhere}
.gf-n{font-size:13px;line-height:1.35}
.gf-m b{font-size:16px}
.gf-a{flex-wrap:wrap;gap:6px;padding-top:4px}
.gf-a .gf-lock:empty{display:none}
.gf-btn{height:38px;min-height:38px;padding:0 14px;font-size:13.5px}
.gf-ed{display:inline-flex;align-items:center;gap:6px;height:36px;margin-left:auto;padding:0 12px 0 10px;border-radius:999px;background:rgba(42,35,64,.06);color:var(--ink);font-weight:700;font-size:13.5px;transition:background .25s}
.gf-ed:hover{background:#ece6ff}
.gf-ed .ui{width:16px;height:16px}
.gf-rm,.iv-gfs .gf-rm{width:36px;height:36px;margin-left:0}
.gf-rm .ui{width:17px;height:17px}
.gf-ed:focus-visible,.gf-rm:focus-visible{outline:3px solid #7b5cff;outline-offset:2px}
@media (max-width:420px){
.gf-cv{width:92px;min-height:96px}
.gf-cv svg{width:40px;height:40px}
.gf-b{padding:10px 10px 10px 12px}
.gf-ed{padding:0 10px 0 8px;font-size:13px}
}
/* v25: форма подарка — фото и режим правки */
.wl-phf{display:flex;align-items:center;gap:14px}
.wl-ph-b{position:relative;flex:none;display:grid;place-items:center;width:84px;height:84px;border-radius:18px;border:2px dashed #c9b8ff;background:#f4efff;color:#7b5cff;overflow:hidden;cursor:pointer;transition:border-color .25s,background .25s}
.wl-ph-b:hover{border-color:#7b5cff;background:#efe8ff}
.wl-ph-b.on{border-style:solid;border-color:#e7defc}
.wl-ph-b input{position:absolute;inset:0;z-index:2;width:100%;height:100%;opacity:0;cursor:pointer}
.wl-ph-b img{width:100%;height:100%;object-fit:cover}
.wl-ph-b .ui{width:28px;height:28px}
.wl-ph-b:focus-within{outline:3px solid #7b5cff;outline-offset:3px}
.wl-ph-t{display:grid;gap:2px;min-width:0;color:var(--mute);font-size:13.5px;line-height:1.35}
.wl-ph-t b{color:var(--ink);font-size:15px}
.wl-ph-x{justify-self:start;margin-top:4px;padding:0;background:none;border:0;color:#d23a5f;font-weight:700;font-size:13.5px;cursor:pointer}
.wl-edh{display:flex;align-items:center;gap:8px;margin:0;font-weight:800;font-size:15px;color:#5b43c2}
.wl-edh .ui{width:18px;height:18px}
.wl-f .sv-act{display:flex;flex-wrap:wrap;align-items:center;gap:10px;margin-top:4px}
.iv-wlf .wl-phf{margin:2px 0 12px}
.wl-f{scroll-margin-top:96px}
/* v25: кабинет — фильтр гостей ровной сеткой */
.cab-b{container-type:inline-size}
.cab-b .tabs{display:grid !important;grid-template-columns:repeat(2,minmax(0,1fr));gap:6px;margin:0 !important;padding:0 !important;overflow:visible !important}
.cab-b .tabs .tab{display:inline-flex;align-items:center;justify-content:center;gap:6px;min-width:0;height:40px;padding:0 8px;font-size:14px}
.cab-b .tabs .tab:hover{transform:none}
.cab-b .tabs .tab-n{margin-left:0;padding:0 7px;font-size:12px}
@container (min-width:470px){.cab-b .tabs{grid-template-columns:repeat(4,minmax(0,1fr))}}
@container (max-width:469px){.cab-b .rs-lg{flex-wrap:nowrap;gap:4px 14px}.cab-b .rs-lg>span{gap:5px;font-size:13.5px;white-space:nowrap}.cab-b .rs-lg b{font-size:21px}}
/* v25: текст во вкладках (в том числе ссылках) по центру по вертикали */
.tab{display:inline-flex;align-items:center;justify-content:center;line-height:1.2}

/* v27: выбор города */
.city{display:flex;align-items:center;gap:6px;flex:0 1 auto;min-width:0;height:40px;padding:0 12px 0 12px;border-radius:999px;background:rgba(42,35,64,.06);font-weight:600;font-size:14px;color:var(--ink);transition:background .3s}
.city:hover{background:rgba(42,35,64,.11)}
.city:focus-visible{outline:3px solid var(--ink);outline-offset:2px}
.city .ui{flex:none;width:16px;height:16px}
.city .city-ch{width:14px;height:14px;opacity:.55}
.city-n{min-width:0;overflow:hidden;white-space:nowrap;text-overflow:ellipsis}
.mnav-city{display:flex;align-items:center;justify-content:space-between;gap:12px;width:100%;min-height:52px;margin-bottom:4px;padding:0 16px;border-radius:18px;background:rgba(42,35,64,.06);font-weight:600;font-size:16px;color:var(--ink);text-align:left}
.mnav-cl{display:inline-flex;align-items:center;gap:8px;color:var(--mute)}
.mnav-cl .ui{width:18px;height:18px}
.mnav-cv{font-weight:800}
.cty{position:fixed;inset:0;z-index:90;display:grid;place-items:start center;padding:96px 16px 24px;background:rgba(42,35,64,.32);-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);opacity:0;visibility:hidden;transition:opacity .25s,visibility .25s}
.cty.on{opacity:1;visibility:visible}
.cty-c{display:grid;grid-template-rows:auto auto minmax(0,1fr) auto;gap:14px;width:min(640px,100%);max-height:calc(100vh - 140px);max-height:calc(100dvh - 140px);padding:22px;border-radius:30px;background:#fff;box-shadow:0 30px 80px rgba(42,35,64,.28);transform:translateY(-10px) scale(.98);transition:transform .35s var(--spring)}
.cty.on .cty-c{transform:none}
.cty-h{display:flex;align-items:flex-start;justify-content:space-between;gap:12px}
.cty-h h2{margin:0;font-family:var(--fd);font-weight:800;font-size:26px;line-height:1.1}
.cty-h p{margin:6px 0 0;color:var(--mute);font-size:14.5px}
.cty-h .hbtn{flex:none;margin:-6px -6px 0 0;background:rgba(42,35,64,.06)}
.cty-s{display:flex;align-items:center;gap:10px;height:52px;padding:0 18px;border-radius:999px;border:1.5px solid var(--line);background:#faf8f5;transition:border-color .25s}
.cty-s:focus-within{border-color:var(--ink)}
.cty-s .ui{flex:none;width:20px;height:20px;color:var(--mute)}
.cty-s input{flex:1;min-width:0;height:100%;margin:0;padding:0;border:0 !important;border-radius:0;background:transparent !important;box-shadow:none !important;outline:none !important;font:inherit;font-size:16px;color:var(--ink);-webkit-appearance:none;appearance:none}
.cty-l{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:4px;overflow:auto;overscroll-behavior:contain;margin:0 -6px;padding:0 6px 4px}
.cty-i{display:flex;align-items:center;justify-content:space-between;gap:8px;min-width:0;min-height:44px;padding:0 12px;border-radius:14px;font-weight:600;font-size:15px;color:var(--ink);text-align:left;transition:background .2s}
.cty-i>span{min-width:0;padding:8px 0;line-height:1.2;overflow-wrap:anywhere}
.cty-i:hover{background:rgba(42,35,64,.06)}
.cty-i .ui{flex:none;width:18px;height:18px;opacity:0}
.cty-i.on{background:var(--ink);color:#fff}
.cty-i.on .ui{opacity:1}
.cty-i:focus-visible{outline:3px solid var(--ink);outline-offset:1px}
.cty-e{margin:0;padding:14px 16px;border-radius:18px;background:#fff5dc;font-size:14.5px;line-height:1.4}
@media (max-width:760px){
.hd-in{gap:6px}
.logo-img{height:40px}
.city{display:flex;height:36px;padding:0 9px 0 8px;gap:4px;font-size:13.5px}
.city .city-ch{display:none}
.hd-act{gap:0}
.cty{place-items:end center;padding:0}
.cty-c{width:100%;max-height:86vh;max-height:86dvh;padding:20px 16px calc(16px + env(safe-area-inset-bottom,0px));border-radius:28px 28px 0 0;transform:translateY(24px)}
.cty-l{grid-template-columns:repeat(2,minmax(0,1fr))}
.cty-h h2{font-size:23px}
}
@media (max-width:380px){
.hbtn{width:38px;height:38px}
.logo-img{height:36px}
.city{max-width:104px}
}
@media (max-width:340px){
.city{width:36px;padding:0;justify-content:center}
.city-n{display:none}
}
@media (prefers-reduced-motion:reduce){.cty,.cty-c{transition:none}}

/* v28: каталог — категории, подкатегории, возраст, фильтры */
.cx-mode{display:inline-flex;gap:2px;margin-bottom:14px;padding:4px;border-radius:999px;background:rgba(42,35,64,.07)}
.cx-mode a{display:inline-flex;align-items:center;gap:7px;height:40px;padding:0 18px;border-radius:999px;font-weight:700;font-size:15px;color:var(--ink2);transition:background .25s,box-shadow .25s}
.cx-mode a.on{background:#fff;color:var(--ink);box-shadow:0 4px 14px rgba(42,35,64,.14)}
.cx-mode .ui{width:17px;height:17px}
.cx{position:relative;display:grid;gap:14px;margin-top:22px}
.cx-cats,.cx-subs,.cx-ag{display:flex;flex-wrap:wrap;gap:6px}
.cx-cat{display:inline-flex;align-items:center;gap:7px;height:42px;padding:0 14px 0 5px;border-radius:999px;background:rgba(255,255,255,.82);border:1px solid var(--line);font-weight:700;font-size:14px;color:var(--ink);white-space:nowrap;transition:background .25s,border-color .25s,box-shadow .25s}
.cx-cat:first-child{padding:0 18px}
.cx-cat:hover{background:#fff;border-color:color-mix(in srgb,var(--cA) 45%,var(--line))}
.cx-ci{display:grid;place-items:center;width:32px;height:32px;border-radius:50%;background:color-mix(in srgb,var(--cA) 16%,#fff)}
.cx-ci svg{width:24px;height:24px}
.cx-cat.on{background:var(--ink);border-color:var(--ink);color:#fff;box-shadow:0 10px 22px rgba(42,35,64,.22)}
.cx-cat.on .cx-ci{background:#fff}
.cx-subs{position:relative;padding:12px;border-radius:22px;background:color-mix(in srgb,var(--cA) 10%,#fff);border:1px solid color-mix(in srgb,var(--cA) 22%,#fff)}
.cx-sub{height:36px;padding:0 14px;border-radius:999px;background:#fff;font-weight:600;font-size:14px;color:var(--ink);white-space:nowrap;border:1px solid transparent;transition:border-color .2s,background .2s}
.cx-sub:hover{border-color:color-mix(in srgb,var(--cA) 50%,#fff)}
.cx-sub.on{background:color-mix(in srgb,var(--cA) 82%,#2a2340);color:#fff}
.cx-age{display:flex;align-items:center;gap:12px;flex-wrap:wrap}
.cx-l{font-size:13px;font-weight:700;color:var(--mute)}
.cx-a{min-width:52px;height:38px;padding:0 12px;border-radius:12px;background:rgba(255,255,255,.82);border:1px solid var(--line);font-weight:700;font-size:14px;color:var(--ink);transition:background .2s}
.cx-a:hover{background:#fff}
.cx-a.on{background:var(--sun);border-color:var(--sun)}
.cx-bar{display:flex;align-items:center;gap:8px}
.cx-q{display:flex;align-items:center;gap:10px;flex:1;min-width:0;height:50px;padding:0 18px;border-radius:999px;background:#fff;border:1px solid var(--line);transition:border-color .2s}
.cx-q:focus-within{border-color:var(--ink)}
.cx-q .ui{flex:none;width:19px;height:19px;color:var(--mute)}
.cx-q input{flex:1;min-width:0;height:100%;margin:0;padding:0;border:0 !important;background:transparent !important;box-shadow:none !important;outline:none !important;font:inherit;font-size:15.5px;color:var(--ink)}
.cx-fb{position:relative;display:inline-flex;align-items:center;gap:8px;flex:none;height:50px;padding:0 18px;border-radius:999px;background:#fff;border:1px solid var(--line);font-weight:700;font-size:14.5px;color:var(--ink)}
.cx-fb .ui{width:18px;height:18px}
.cx-fb b{display:inline-grid;place-items:center;min-width:22px;height:22px;padding:0 6px;border-radius:999px;background:var(--ink);color:#fff;font-size:12px}
.cx-fb.open,.cx-fb.has{border-color:var(--ink)}
.cx-sort{flex:none;width:230px}
.cx-sort .inp{height:50px}
.cx-bd{display:none}
.cx-fp{display:grid;gap:16px;padding:20px;border-radius:26px;background:#fff;border:1px solid var(--line);box-shadow:var(--sh1)}
.cx-fh{display:none}
.cx-fgs{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:16px 22px}
.cx-g{display:grid;gap:8px;align-content:start}
.cx-gc{display:flex;flex-wrap:wrap;gap:6px}
.cx-f{display:inline-flex;align-items:center;gap:6px;height:36px;padding:0 13px 0 10px;border-radius:999px;background:rgba(42,35,64,.05);font-weight:600;font-size:14px;color:var(--ink);transition:background .2s}
.cx-f .ui{width:15px;height:15px;opacity:.28}
.cx-f:hover{background:rgba(42,35,64,.09)}
.cx-f.on{background:var(--ink);color:#fff}
.cx-f.on .ui{opacity:1}
.cx-soon{margin:0;font-size:13px;color:var(--mute)}
.cx-fa{display:flex;align-items:center;justify-content:flex-end;gap:16px}
.cx-act{display:flex;flex-wrap:wrap;gap:6px}
.cx-x{display:inline-flex;align-items:center;gap:6px;height:32px;padding:0 8px 0 12px;border-radius:999px;background:var(--ink);color:#fff;font-weight:600;font-size:13px}
.cx-x .ui{width:14px;height:14px;opacity:.75}
.cx button:focus-visible,.cx a:focus-visible{outline:3px solid var(--ink);outline-offset:2px}
.cx-path{margin:6px 0 0;font-weight:700;font-size:14px;color:var(--mute)}
.cp-mode{margin-top:12px}
.cp-mode button{min-height:38px;font-size:14px}
@media (max-width:760px){
.cx{gap:12px;margin-top:16px}
.cx-cats,.cx-subs,.cx-ag{flex-wrap:nowrap;overflow-x:auto;scrollbar-width:none;margin:0 -16px;padding:2px 16px;scroll-padding:0 16px}
.cx-cats::-webkit-scrollbar,.cx-subs::-webkit-scrollbar,.cx-ag::-webkit-scrollbar{display:none}
.cx-cat,.cx-sub,.cx-a{flex:none}
.cx-cat{height:42px;font-size:14px}
.cx-ci{width:30px;height:30px}
.cx-ci svg{width:23px;height:23px}
.cx-subs{margin:0 -16px;padding:10px 16px;border-radius:0;border-width:1px 0}
.cx-age{display:grid;gap:6px}
.cx-ag{gap:6px}
.cx-a{min-width:48px;height:36px}
.cx-bar{flex-wrap:wrap}
.cx-q{flex:1 1 100%;height:48px}
.cx-fb,.cx-sort{flex:1 1 0;width:auto;min-width:0;height:44px}
.cx-fb{justify-content:center}
.cx-sort .inp{height:44px;font-size:14px}
.cx-bd{display:block;position:fixed;inset:0;z-index:80;background:rgba(42,35,64,.32)}
.cx-fp{position:fixed;left:0;right:0;bottom:0;z-index:81;max-height:84vh;max-height:84dvh;overflow:auto;padding:18px 16px calc(16px + env(safe-area-inset-bottom,0px));border-radius:28px 28px 0 0;border:0;box-shadow:0 -20px 60px rgba(42,35,64,.25)}
.cx-fh{display:flex;align-items:center;justify-content:space-between}
.cx-fh b{font-family:var(--fd);font-size:22px}
.cx-fh .hbtn{background:rgba(42,35,64,.06)}
.cx-fgs{grid-template-columns:minmax(0,1fr)}
.cx-fa{position:sticky;bottom:-16px;justify-content:space-between;margin:0 -16px -16px;padding:12px 16px calc(12px + env(safe-area-inset-bottom,0px));background:#fff;border-top:1px solid var(--line)}
.cx-fa .btn{flex:1}
.cp-mode{margin-top:8px}
.cx-mode{margin-bottom:10px}
.cx-mode a{height:36px;padding:0 14px;font-size:14px}
}
/* v28: главная — категории мест и событий */
.cg.cg-x{grid-template-columns:repeat(4,minmax(0,1fr))}
@media (max-width:760px){
.cg.cg-x{grid-template-columns:repeat(3,minmax(0,1fr));gap:6px}
.cg-x .cat{flex-direction:column;justify-content:center;gap:6px;min-height:88px;padding:10px 4px;text-align:center}
.cg-x .cat-n{flex:none;font-size:12.5px;line-height:1.15}
}

/* v29: премиум-приглашение */
.pm-cr{width:18px;height:18px;flex:none;fill:currentColor;stroke:currentColor;stroke-width:1.6;stroke-linejoin:round;stroke-linecap:round}
.pm-cr path+path{fill:none}
.pm-gold{position:relative;isolation:isolate;display:inline-flex;align-items:center;justify-content:center;gap:9px;height:52px;padding:0 24px 0 20px;border-radius:999px;overflow:hidden;color:#3a2604;font-family:var(--fd);font-weight:900;font-size:16px;letter-spacing:.01em;white-space:nowrap;text-decoration:none;
  background:linear-gradient(135deg,#fff3c9 0%,#f4d27a 22%,#d9a646 46%,#f8df93 66%,#b98530 100%);
  box-shadow:inset 0 1px 0 rgba(255,255,255,.85),inset 0 -2px 0 rgba(120,78,8,.35),0 0 0 1px #a7782c,0 12px 26px rgba(185,133,48,.38);transition:transform .35s var(--spring),box-shadow .3s}
.pm-gold::after{content:"";position:absolute;inset:-40% auto -40% -60%;z-index:-1;width:42%;transform:skewX(-20deg);background:linear-gradient(90deg,transparent,rgba(255,255,255,.85),transparent);animation:pmSheen 3.8s ease-in-out 1s infinite}
.pm-gold:hover{transform:translateY(-2px);box-shadow:inset 0 1px 0 rgba(255,255,255,.85),inset 0 -2px 0 rgba(120,78,8,.35),0 0 0 1px #a7782c,0 18px 34px rgba(185,133,48,.5)}
.pm-gold:active{transform:scale(.98)}
.pm-gold:focus-visible{outline:3px solid #2a2340;outline-offset:3px}
.pm-gold .pm-cr{width:20px;height:20px}
.pm-gold-l{height:58px;padding:0 30px 0 24px;font-size:17px}
.pm-gold-s{height:40px;padding:0 16px;font-size:14px}
@keyframes pmSheen{0%,55%{left:-60%}85%,100%{left:130%}}
@media (prefers-reduced-motion:reduce){.pm-gold::after{animation:none}}
.pm-badge{display:inline-flex;align-items:center;gap:6px;height:28px;padding:0 12px 0 10px;border-radius:999px;background:linear-gradient(135deg,#f8df93,#d9a646);color:#3a2604;font-weight:800;font-size:13px;box-shadow:0 0 0 1px #b98530}
.pm-badge .pm-cr{width:15px;height:15px}
/* баннер на странице обычного приглашения */
.pm-cta{position:relative;overflow:hidden;display:flex;align-items:center;justify-content:space-between;gap:16px 24px;margin:0 0 18px;padding:20px 22px 20px 24px;border-radius:28px;color:#fff7e3;
  background:radial-gradient(120% 140% at 100% 0%,rgba(217,166,70,.32),transparent 55%),linear-gradient(120deg,#1d1534,#3a2560)}
.pm-cta::before{content:"";position:absolute;inset:0;border-radius:inherit;padding:1.5px;background:linear-gradient(135deg,#f8df93,rgba(217,166,70,.15),#d9a646);-webkit-mask:linear-gradient(#000 0 0) content-box,linear-gradient(#000 0 0);-webkit-mask-composite:xor;mask-composite:exclude;pointer-events:none}
.pm-cta-t{display:grid;gap:6px;min-width:0}
.pm-cta-t .pm-badge{justify-self:start}
.pm-cta-t b{font-family:var(--fd);font-weight:900;font-size:20px;line-height:1.2;text-wrap:balance}
.pm-cta-t>span:last-child{font-size:14.5px;color:#e5d8ff}
/* конструктор */
.pm{background:linear-gradient(180deg,#fbf5ea,#fff 40%)}
.pm-h{display:flex;align-items:flex-end;justify-content:space-between;gap:20px 32px;flex-wrap:wrap}
.pm-h>div:first-child{max-width:680px}
.pm-t{margin:12px 0 10px;font-family:var(--fd);font-weight:900;font-size:clamp(32px,4.6vw,54px);line-height:1.02;letter-spacing:-.015em;color:#1d1534;text-wrap:balance}
.pm-s{margin:0;color:var(--ink2);font-size:17px;line-height:1.5}
.pm-pr{display:grid;gap:2px;padding:16px 22px;border-radius:24px;background:#1d1534;color:#fff7e3}
.pm-pr b{font-family:var(--fd);font-weight:900;font-size:34px;line-height:1;background:linear-gradient(135deg,#fff3c9,#e7bb5c 55%,#fff0b8);-webkit-background-clip:text;background-clip:text;color:transparent}
.pm-pr>span{font-size:13.5px;color:#d8ccf2}
.pm-st{display:flex;gap:6px;margin:26px 0 18px;padding:0;list-style:none;overflow-x:auto;scrollbar-width:none}
.pm-st::-webkit-scrollbar{display:none}
.pm-si{display:inline-flex;align-items:center;gap:8px;height:44px;padding:0 16px 0 6px;border-radius:999px;background:#fff;border:1px solid #eadfca;font-weight:700;font-size:14px;color:var(--mute);white-space:nowrap}
.pm-si b{display:grid;place-items:center;width:32px;height:32px;border-radius:50%;background:#f4ecdc;color:#8a6a2a;font-size:14px}
.pm-si.ok{color:var(--ink)}
.pm-si.ok b{background:#f4d27a;color:#3a2604}
.pm-si.on{background:#1d1534;border-color:#1d1534;color:#fff7e3}
.pm-si.on b{background:linear-gradient(135deg,#fff3c9,#d9a646);color:#3a2604}
.pm-grid{display:grid;grid-template-columns:minmax(0,1fr) 340px;gap:22px;align-items:start}
.pm-card{display:grid;gap:16px;padding:28px;border-radius:30px;background:#fff;border:1px solid #efe5d2;box-shadow:0 18px 50px rgba(60,40,10,.07)}
.pm-ct{margin:0;font-family:var(--fd);font-weight:900;font-size:26px;line-height:1.15;color:#1d1534}
.pm-cs{margin:-8px 0 0;color:var(--mute);font-size:15px;line-height:1.45}
.pm-th{display:grid;grid-template-columns:repeat(auto-fill,minmax(190px,1fr));gap:10px}
.pm-tc{display:flex;align-items:center;gap:12px;padding:10px 14px 10px 10px;border-radius:22px;background:#fffaf1;border:1.5px solid #efe5d2;text-align:left;transition:border-color .2s,transform .3s var(--spring),box-shadow .2s}
.pm-tc:hover{transform:translateY(-2px);border-color:#e3c983}
.pm-tc.on{border-color:#c99536;box-shadow:0 0 0 3px rgba(217,166,70,.25);background:#fff}
.pm-tm{flex:none;display:grid;place-items:center;width:64px;height:64px;border-radius:18px;background:linear-gradient(140deg,var(--b1),var(--b2))}
.pm-tm svg{width:54px;height:58px}
.pm-tb{display:grid;gap:2px;min-width:0}
.pm-tb b{font-weight:800;font-size:15.5px;color:#1d1534}
.pm-tb>span{font-size:13px;line-height:1.3;color:var(--mute)}
.pm-up{display:flex;align-items:center;gap:16px}
.pm-upb{position:relative;flex:none;display:grid;place-items:center;width:110px;height:110px;border-radius:50%;overflow:hidden;border:2px dashed #d9b86a;background:#fff7e6;color:#b98530;cursor:pointer}
.pm-upb.on{border:3px solid #d9a646}
.pm-upb input{position:absolute;inset:0;z-index:2;opacity:0;cursor:pointer}
.pm-upb img{width:100%;height:100%;object-fit:cover}
.pm-upb .ui{width:32px;height:32px}
.pm-upb:focus-within{outline:3px solid #1d1534;outline-offset:3px}
.pm-upt{display:grid;gap:4px;min-width:0;font-size:14px;color:var(--mute);line-height:1.4}
.pm-upt b{font-size:16px;color:#1d1534}
.pm-gen{display:inline-flex;align-items:center;gap:8px;margin-top:4px;font-weight:700;color:#8a5a00}
.pm-gen i{width:14px;height:14px;border-radius:50%;border:2.5px solid #e7bb5c;border-top-color:transparent;animation:pmSpin .8s linear infinite}
.pm-ok{display:inline-flex;align-items:center;gap:6px;margin-top:4px;font-weight:700;color:#16805c}
.pm-ok .ui{width:16px;height:16px}
.pm-note{margin:0;padding:12px 14px;border-radius:16px;background:#fbf5ea;color:#6b5a3a;font-size:13.5px;line-height:1.45}
.pm-g{display:grid;gap:10px}
.pm-l{font-weight:700;font-size:14px;color:var(--ink2)}
.pm-sw{display:flex;flex-wrap:wrap;gap:10px}
.pm-c{width:40px;height:40px;border-radius:50%;background:var(--c);box-shadow:inset 0 0 0 2px rgba(0,0,0,.08);transition:transform .25s var(--spring)}
.pm-c:hover{transform:scale(1.08)}
.pm-c.on{box-shadow:0 0 0 3px #fff,0 0 0 5px #1d1534}
.pm-chs{display:flex;flex-wrap:wrap;gap:6px}
.pm-ch{height:38px;padding:0 14px;border-radius:999px;background:#fbf5ea;border:1px solid #efe5d2;font-weight:600;font-size:14px;color:#1d1534}
.pm-ch.on{background:#1d1534;border-color:#1d1534;color:#fff7e3}
.pm-prg{display:grid;gap:8px}
.pm-pr1{display:grid;grid-template-columns:120px minmax(0,1fr);gap:8px}
.pm-fs{display:grid;grid-template-columns:repeat(auto-fill,minmax(250px,1fr));gap:8px}
.pm-f{display:flex;align-items:flex-start;gap:12px;padding:14px;border-radius:20px;background:#fbf5ea;border:1px solid #efe5d2;text-align:left}
.pm-f>span:last-child{display:grid;gap:2px}
.pm-f b{font-size:15px;color:#1d1534}
.pm-f>span:last-child>span{font-size:13px;color:var(--mute);line-height:1.35}
.pm-sw1{flex:none;position:relative;width:40px;height:24px;margin-top:2px;border-radius:999px;background:#d9d2c3;transition:background .2s}
.pm-sw1 i{position:absolute;left:3px;top:3px;width:18px;height:18px;border-radius:50%;background:#fff;box-shadow:0 1px 3px rgba(0,0,0,.2);transition:transform .25s var(--spring)}
.pm-f.on{background:#fff;border-color:#e3c983}
.pm-f.on .pm-sw1{background:#c99536}
.pm-f.on .pm-sw1 i{transform:translateX(16px)}
.pm-sum{display:grid;gap:0;margin:0;border-radius:20px;border:1px solid #efe5d2;overflow:hidden}
.pm-sum>div{display:grid;grid-template-columns:150px minmax(0,1fr);gap:12px;padding:12px 16px;border-top:1px solid #f3ead9}
.pm-sum>div:first-child{border-top:0}
.pm-sum dt{color:var(--mute);font-size:14px}
.pm-sum dd{margin:0;font-weight:700;font-size:14.5px;color:#1d1534}
.pm-buy{display:flex;align-items:center;justify-content:space-between;gap:14px 20px;flex-wrap:wrap;padding:18px 20px;border-radius:24px;background:#1d1534;color:#fff7e3}
.pm-buy>div{display:grid;gap:2px}
.pm-buy b{font-family:var(--fd);font-weight:900;font-size:30px;line-height:1}
.pm-buy>div>span{font-size:13.5px;color:#d8ccf2}
.pm-nav{display:flex;justify-content:space-between;gap:10px}
.pm-next{margin-left:auto;min-width:160px}
/* предпросмотр */
.pm-pv{position:sticky;top:96px;display:grid;gap:10px}
.pm-phn{padding:10px;border-radius:40px;background:#1d1534;box-shadow:0 24px 60px rgba(29,21,52,.28)}
.pm-phn-in{display:grid;justify-items:center;gap:6px;padding:26px 18px 30px;border-radius:32px;color:var(--tx);text-align:center;background:radial-gradient(90% 60% at 50% 28%,rgba(255,255,255,.22),transparent 70%),linear-gradient(160deg,var(--b1),var(--b2))}
.pm-pvk{font-weight:800;font-size:13px;opacity:.85}
.pm-pvn{font-family:var(--fd);font-weight:900;font-size:30px;line-height:1.05;text-wrap:balance}
.pm-pva{font-weight:700;font-size:15px}
.pm-pvd{margin-top:4px;padding:6px 14px;border-radius:999px;background:rgba(255,255,255,.18);font-weight:700;font-size:13.5px}
.pm-pvh{margin:0;font-size:13px;line-height:1.4;color:var(--mute);text-align:center}
/* медальон */
.pmm{position:relative;width:min(220px,64vw);aspect-ratio:200/220}
.pm-phn .pmm{width:190px}
.pmm-b,.pmm-f{position:absolute;inset:0;width:100%;height:100%;overflow:visible}
.pmm-f{pointer-events:none}
.pmm-ph{position:absolute;left:15%;top:18.18%;width:70%;height:63.64%;border-radius:50%;overflow:hidden;display:grid;place-items:center;background:radial-gradient(circle at 35% 30%,#fff,var(--acc));box-shadow:0 0 0 5px #f3cd6b,0 0 0 8px #2a2340,0 14px 30px rgba(0,0,0,.25)}
.pmm-ph img{width:100%;height:100%;object-fit:cover}
.pmm-ph span{font-family:var(--fd);font-weight:900;font-size:64px;color:#2a2340}
.pmm.gen .pmm-ph::after{content:"";position:absolute;inset:0;background:linear-gradient(110deg,transparent 30%,rgba(255,240,190,.75) 50%,transparent 70%);background-size:250% 100%;animation:pmScan 1.1s linear infinite}
@keyframes pmScan{from{background-position:120% 0}to{background-position:-120% 0}}
@keyframes pmSpin{to{transform:rotate(360deg)}}
.pm-guestv{display:flex;align-items:center;gap:14px;width:100%;padding:14px 16px;border-radius:22px;background:linear-gradient(120deg,#1d1534,#3a2560);color:#fff7e3;text-align:left;box-shadow:0 0 0 1.5px #d9a646}
.pm-guestv>span:nth-child(2){display:grid;gap:2px;flex:1;min-width:0}
.pm-guestv b{font-size:16.5px}
.pm-guestv>span:nth-child(2)>span{font-size:13.5px;color:#d8ccf2}
.pm-guestv>.ui{width:20px;height:20px;color:#f3cd6b}
.pm-gv-i{display:grid;place-items:center;flex:none;width:44px;height:44px;border-radius:50%;background:linear-gradient(135deg,#fff3c9,#d9a646);color:#3a2604}
.pm-gv-i .ui{width:22px;height:22px}
.pm-guestv:focus-visible,.pm-pvb:focus-visible{outline:3px solid #1d1534;outline-offset:3px}
.pm-pvb{justify-self:center}
.pm-gs{display:grid;gap:12px;margin-top:8px;padding-top:18px;border-top:1px dashed #e6dac3}
.pm-ct-s{font-size:20px}
.pm-gadd{display:flex;gap:8px}
.pm-gadd .inp{flex:1;min-width:0}
.pm-gl{display:flex;flex-wrap:wrap;gap:6px}
.pm-gc{display:inline-flex;align-items:center;gap:4px;height:36px;padding:0 6px 0 14px;border-radius:999px;background:#fbf5ea;border:1px solid #efe5d2;font-weight:700;font-size:14px}
.pm-gc button{display:grid;place-items:center;width:26px;height:26px;border-radius:50%}
.pm-gc .ui{width:14px;height:14px}
.pm-hint{margin:0;font-size:13px;color:var(--mute)}
.pm-grs{display:flex;flex-wrap:wrap;gap:6px;width:100%}
.pm-gr{display:inline-flex;align-items:center;gap:6px;height:32px;padding:0 6px 0 12px;border-radius:999px;background:#f6f2ea;font-size:13px}
.pm-gr i{font-style:normal;font-weight:700;color:var(--mute)}
.pm-gr.yes{background:#e5f6ee}.pm-gr.yes i{color:#16805c}
.pm-gr.no{background:#fdeaea}.pm-gr.no i{color:#b42318}
.pm-gr button{display:grid;place-items:center;width:24px;height:24px;border-radius:50%;background:#fff}
.pm-gr .ui{width:13px;height:13px}
.pg-v.prev{padding-top:96px}
.pg-pbar{position:fixed;left:0;right:0;top:0;z-index:60;display:flex;align-items:center;justify-content:space-between;gap:10px 16px;flex-wrap:wrap;padding:12px max(16px,env(safe-area-inset-left,0px));background:rgba(20,14,38,.88);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);color:#fff7e3;box-shadow:0 1px 0 rgba(243,205,107,.4)}
.pg-pbt{display:grid;gap:1px;min-width:0}
.pg-pbt b{font-size:15px;color:#f3cd6b}
.pg-pbt>span{font-size:13px;opacity:.85}
.pg-pba{display:flex;gap:8px;align-items:center}
.pg-pba .pill{justify-content:center;background:rgba(255,255,255,.12);color:#fff7e3;border-color:rgba(255,255,255,.25)}
@media (max-width:760px){.pg-v.prev{padding-top:132px}.pg-pba{width:100%}.pg-pba>*{flex:1}.pm-gadd{flex-direction:column}}
/* мои премиум */
.pm-my{display:grid;gap:12px;margin-top:30px}
.pm-ml{display:grid;gap:8px}
.pm-mi{display:flex;align-items:center;gap:10px 14px;flex-wrap:wrap;padding:14px 16px;border-radius:22px;background:#fff;border:1px solid #efe5d2}
.pm-mt{display:grid;gap:2px;flex:1;min-width:180px}
.pm-mt b{font-size:16px;color:#1d1534}
.pm-mt>span{font-size:13.5px;color:var(--mute)}
.pm-stt{padding:4px 12px;border-radius:999px;font-weight:800;font-size:12.5px;background:#f2eee6;color:#6b5a3a}
.pm-stt.paid{background:linear-gradient(135deg,#fff3c9,#f0c96a);color:#3a2604}
.pm-stt.pending{background:#fff1d1;color:#8a5a00}
.pm-stt.burned{background:#ffe3e3;color:#b42318}
.pm-ma{display:flex;gap:6px;flex-wrap:wrap;align-items:center}
.pm-an{font-size:13.5px;font-weight:700;color:var(--ink2)}
.pm-my-cab{margin:0 0 22px}
.cab-sec{flex-wrap:wrap;gap:10px}
.cab-sec .pm-gold-s{height:48px;padding:0 18px}
/* оплата */
.pm-pay{position:fixed;inset:0;z-index:95;display:grid;place-items:center;padding:16px;background:rgba(20,14,38,.62);-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);opacity:0;visibility:hidden;transition:opacity .25s,visibility .25s}
.pm-pay.on{opacity:1;visibility:visible}
.pm-pc{display:grid;justify-items:center;gap:12px;width:min(440px,100%);padding:30px 26px 24px;border-radius:32px;background:#fffaf1;text-align:center;box-shadow:0 30px 80px rgba(0,0,0,.35)}
.pm-pc h2{margin:0;font-family:var(--fd);font-weight:900;font-size:26px;color:#1d1534}
.pm-pc p{margin:0;color:var(--ink2);font-size:15px;line-height:1.45}
.pm-ring{position:relative;display:grid;place-items:center;width:120px;height:120px}
.pm-ring svg{position:absolute;inset:0;transform:rotate(-90deg)}
.pm-ring circle{fill:none;stroke:#efe5d2;stroke-width:8}
.pm-ring .pm-rp{stroke:#c99536;stroke-linecap:round;stroke-dasharray:339.3;stroke-dashoffset:calc(339.3px * (1 - var(--p)));transition:stroke-dashoffset 1s linear}
.pm-ring b{font-family:var(--fd);font-weight:900;font-size:30px;color:#1d1534;font-variant-numeric:tabular-nums}
.pm-payb{width:100%}
.pm-spin{width:18px;height:18px;border-radius:50%;border:3px solid rgba(58,38,4,.35);border-top-color:#3a2604;animation:pmSpin .8s linear infinite}
.pm-demo{font-size:12.5px !important;color:var(--mute) !important}
.pm-done,.pm-burn{display:grid;place-items:center;width:76px;height:76px;border-radius:50%;background:linear-gradient(135deg,#fff3c9,#d9a646);color:#3a2604;box-shadow:0 0 0 1px #b98530}
.pm-done .pm-cr{width:36px;height:36px}
.pm-burn{background:#ffe3e3;color:#b42318;box-shadow:none}
.pm-burn .ui{width:34px;height:34px}
.pm-pda{display:flex;flex-wrap:wrap;justify-content:center;gap:8px;width:100%}
/* приглашение для гостя */
.pg-v{position:relative;min-height:100vh;min-height:100dvh;overflow:hidden;color:var(--tx);background:radial-gradient(120% 70% at 50% 0%,rgba(255,255,255,.25),transparent 60%),linear-gradient(170deg,var(--b1),var(--b2) 120%);padding:28px 16px 60px}
.pg-sky{position:absolute;inset:0;pointer-events:none}
.pg-z{position:absolute;fill:var(--acc);opacity:.0;animation:pgTw 3.4s ease-in-out infinite}
@keyframes pgTw{0%,100%{opacity:.1;transform:scale(.6)}50%{opacity:.9;transform:scale(1)}}
.pg-msg,.pg-seal{position:relative;display:grid;justify-items:center;gap:14px;max-width:440px;margin:12vh auto 0;text-align:center}
.pg-msg h1{margin:0;font-family:var(--fd);font-weight:900;font-size:30px}
.pg-msg p{margin:0;opacity:.85}
.pg-for{margin:0;font-weight:800;font-size:16px;opacity:.9}
.pg-env{position:relative;width:min(320px,82vw);aspect-ratio:1.45;border-radius:18px;background:linear-gradient(160deg,#fffaf0,#f1e3c4);box-shadow:0 30px 60px rgba(0,0,0,.35);overflow:hidden;cursor:pointer;transition:transform .4s var(--spring)}
.pg-env:hover{transform:translateY(-4px) rotate(-1deg)}
.pg-flap{position:absolute;left:0;right:0;top:0;height:62%;background:linear-gradient(180deg,#f6ead0,#e8d5ad);clip-path:polygon(0 0,100% 0,50% 100%);filter:drop-shadow(0 4px 4px rgba(0,0,0,.12))}
.pg-wax{position:absolute;left:50%;top:62%;display:grid;place-items:center;width:74px;height:74px;margin:-37px 0 0 -37px;border-radius:50%;font-family:var(--fd);font-weight:900;font-size:32px;color:#3a2604;background:radial-gradient(circle at 35% 30%,#fff3c9,#d9a646 60%,#9c6a1e);box-shadow:0 0 0 4px rgba(156,106,30,.35),0 8px 18px rgba(0,0,0,.3);animation:pgPulse 2.2s ease-in-out infinite}
@keyframes pgPulse{0%,100%{transform:scale(1)}50%{transform:scale(1.06)}}
.pg-tap{margin:0;font-weight:700;opacity:.8}
.pg-in{position:relative;display:grid;gap:14px;max-width:560px;margin:0 auto;animation:pgIn .9s var(--ease) both}
@keyframes pgIn{from{opacity:0;transform:translateY(30px) scale(.97)}}
.pg-hero{display:grid;justify-items:center;gap:6px;padding:10px 0 4px;text-align:center}
.pg-head{font-weight:800;font-size:15px;opacity:.9}
.pg-hero .pmm{width:min(250px,70vw);margin:6px 0 4px;animation:pgFloat 5s ease-in-out infinite}
@keyframes pgFloat{0%,100%{transform:translateY(0)}50%{transform:translateY(-8px)}}
.pg-name{margin:0;font-family:var(--fd);font-weight:900;font-size:clamp(40px,11vw,64px);line-height:1;letter-spacing:-.02em;text-shadow:0 4px 18px rgba(0,0,0,.2)}
.pg-age{display:flex;align-items:baseline;gap:8px}
.pg-age b{font-family:var(--fd);font-weight:900;font-size:76px;line-height:.9;background:linear-gradient(180deg,#fff7d6,#f3cd6b 55%,#c99536);-webkit-background-clip:text;background-clip:text;color:transparent;filter:drop-shadow(0 4px 10px rgba(0,0,0,.25))}
.pg-age>span{font-weight:800;font-size:22px}
.pg-lead{margin:2px 0 0;max-width:420px;font-size:17px;line-height:1.45;opacity:.95}
.pg-cd{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:8px}
.pg-cd>div{display:grid;justify-items:center;gap:2px;padding:12px 4px;border-radius:20px;background:rgba(255,255,255,.14);border:1px solid rgba(255,255,255,.22);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}
.pg-cd b{font-family:var(--fd);font-weight:900;font-size:30px;line-height:1;font-variant-numeric:tabular-nums}
.pg-cd>div>span{font-size:12.5px;font-weight:700;opacity:.85}
.pg-card{display:grid;gap:12px;padding:20px;border-radius:28px;background:#fffaf1;color:#1d1534;box-shadow:0 18px 40px rgba(0,0,0,.18)}
.pg-card h2{margin:0;font-family:var(--fd);font-weight:900;font-size:22px;line-height:1.15}
.pg-k{font-size:13px;font-weight:700;color:#8a7a5a}
.pg-when{grid-template-columns:repeat(2,minmax(0,1fr))}
.pg-when>div{display:grid;gap:2px;align-content:start}
.pg-when b{font-size:17px}
.pg-when>div>span:last-child{font-size:14px;color:#5b5070}
.pg-btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;height:48px;padding:0 18px;border-radius:999px;background:#1d1534;color:#fff7e3;font-weight:800;font-size:15px}
.pg-btn .ui{width:18px;height:18px}
.pg-when .pg-btn{grid-column:1/-1}
.pg-facts{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}
.pg-f{display:grid;gap:2px;padding:12px 14px;border-radius:18px;background:#fff;border:1px solid #efe5d2}
.pg-f b{font-size:15.5px;line-height:1.3}
.pg-f:first-child{border-left:4px solid var(--fav)}
.pg-q{margin:0;padding:14px 16px;border-radius:18px;background:#f6efe1;font-size:16px;line-height:1.5}
.pg-tl{display:grid;gap:0;margin:0;padding:0;list-style:none}
.pg-tl li{display:grid;grid-template-columns:64px minmax(0,1fr);gap:12px;padding:10px 0;border-top:1px dashed #e3d7bd}
.pg-tl li:first-child{border-top:0}
.pg-tl b{font-family:var(--fd);font-weight:900;color:#a7782c}
.pg-qq{display:grid;gap:8px}
.pg-qo{display:flex;flex-wrap:wrap;gap:6px}
.pg-o{min-height:42px;padding:8px 16px;border-radius:999px;background:#fff;border:1.5px solid #e6dac3;font-weight:700;font-size:14.5px;color:#1d1534;transition:background .2s,border-color .2s,transform .25s var(--spring)}
.pg-o:hover{transform:translateY(-1px)}
.pg-o.ok{background:#16a36a;border-color:#16a36a;color:#fff}
.pg-o.no{background:#ef6b6b;border-color:#ef6b6b;color:#fff}
.pg-o.dim{opacity:.5}
.pg-qr{margin:0;padding:12px 14px;border-radius:16px;background:linear-gradient(135deg,#fff3c9,#f4d27a);font-weight:800}
.pg-dc{gap:4px}
.pg-dc b{font-family:var(--fd);font-weight:900;font-size:20px}
.pg-dc>span:last-child{font-size:14px;color:#5b5070}
.pg-stp{display:flex;align-items:center;justify-content:space-between;height:52px;padding:0 6px;border-radius:999px;background:#fff;border:1px solid #e6dac3}
.pg-stp button{display:grid;place-items:center;width:40px;height:40px;border-radius:50%;background:#f6efe1}
.pg-stp .ui{width:18px;height:18px}
.pg-stp b{font-family:var(--fd);font-weight:900;font-size:22px}
.pg-ans{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}
.pg-yes,.pg-no{height:56px;border-radius:999px;font-family:var(--fd);font-weight:900;font-size:17px}
.pg-yes{background:linear-gradient(135deg,#fff3c9,#f4d27a 30%,#d9a646 60%,#f8df93);color:#3a2604;box-shadow:0 0 0 1px #b98530,0 10px 22px rgba(185,133,48,.35)}
.pg-no{background:#fff;border:1.5px solid #e6dac3;color:#1d1534}
.pg-done{display:grid;gap:4px;padding:16px;border-radius:20px;background:#eaf8f1}
.pg-done.no{background:#f6efe1}
.pg-done b{font-family:var(--fd);font-weight:900;font-size:20px}
.pg-done .lnk{justify-self:start;padding:0}
.pg-sec{display:grid;gap:6px;padding:16px;border-radius:20px;background:#1d1534;color:#fff7e3;animation:pgIn .7s var(--ease) both}
.pg-sec .pg-k{color:#f3cd6b}
.pg-sec p{margin:0;font-size:16.5px;line-height:1.45}
.pg-wl{background:#fffaf1;color:#1d1534}
.pg-foot{margin:6px 0 0;text-align:center;font-size:13px;opacity:.8}
@media (max-width:900px){
.pm-grid{grid-template-columns:minmax(0,1fr)}
.pm-pv{position:static;order:-1}
.pm-phn{max-width:340px;margin:0 auto}
}
@media (max-width:760px){
.pm-cta{flex-direction:column;align-items:stretch;padding:18px}
.pm-cta .pm-gold{width:100%}
.pm-pr{width:100%;grid-template-columns:auto 1fr;align-items:center;column-gap:12px}
.pm-pr>span:last-child{grid-column:1/-1}
.pm-card{padding:20px 16px;border-radius:26px}
.pm-ct{font-size:22px}
.pm-th{grid-template-columns:minmax(0,1fr)}
.pm-tm{width:56px;height:56px}
.pm-up{align-items:flex-start}
.pm-upb{width:92px;height:92px}
.pm-sum>div{grid-template-columns:minmax(0,1fr);gap:2px}
.pm-buy .pm-gold{width:100%}
.pm-pv .pmm{width:160px}
.pm-phn-in{padding:20px 14px 22px}
.pm-pvn{font-size:26px}
.pg-when,.pg-facts{grid-template-columns:minmax(0,1fr)}
.pg-cd b{font-size:26px}
.pm-mi .pm-ma{width:100%}
}
@media (prefers-reduced-motion:reduce){.pg-z,.pg-wax,.pg-hero .pmm,.pmm.gen .pmm-ph::after{animation:none}.pg-z{opacity:.5}}
/* v31: премиум — примерка образов, эффекты, золотое покрытие, стекло и золото */
.pm-fxc{position:fixed;inset:0;z-index:150;width:100vw;height:100vh;pointer-events:none}
.pm-th{grid-template-columns:repeat(auto-fill,minmax(178px,1fr));gap:12px}
.pm-tc{position:relative;isolation:isolate;display:grid;justify-items:center;gap:6px;padding:16px 12px 14px;border-radius:26px;border:0;overflow:hidden;color:var(--tx,#fff);text-align:center;background:radial-gradient(90% 70% at 50% 30%,rgba(255,255,255,.28),transparent 70%),linear-gradient(160deg,var(--b1),var(--b2));box-shadow:0 10px 26px rgba(29,21,52,.18);transition:transform .45s var(--spring),box-shadow .3s}
.pm-tc:hover{transform:translateY(-4px) rotate(-1deg);border:0;box-shadow:0 18px 36px rgba(29,21,52,.28)}
.pm-tc.on{box-shadow:0 0 0 3px #fff,0 0 0 6px #d9a646,0 18px 40px rgba(185,133,48,.45);background:radial-gradient(90% 70% at 50% 30%,rgba(255,255,255,.34),transparent 70%),linear-gradient(160deg,var(--b1),var(--b2))}
.pm-tc:focus-visible{outline:3px solid #1d1534;outline-offset:4px}
.pm-tsky{position:absolute;inset:0;z-index:-1;pointer-events:none}
.pm-tsky i{position:absolute;width:6px;height:6px;border-radius:50%;background:var(--acc);opacity:.0;animation:pmTw 2.8s ease-in-out infinite}
.pm-tsky i:nth-child(1){left:12%;top:18%}.pm-tsky i:nth-child(2){left:82%;top:12%;animation-delay:.6s}.pm-tsky i:nth-child(3){left:76%;top:58%;animation-delay:1.2s;width:4px;height:4px}.pm-tsky i:nth-child(4){left:16%;top:62%;animation-delay:1.7s;width:4px;height:4px}.pm-tsky i:nth-child(5){left:50%;top:8%;animation-delay:2.2s}
@keyframes pmTw{0%,100%{opacity:0;transform:scale(.4)}50%{opacity:.95;transform:scale(1)}}
.pm-tmed{position:relative;width:118px;aspect-ratio:200/220;transition:transform .5s var(--spring)}
.pm-tc:hover .pm-tmed,.pm-tc.on .pm-tmed{transform:translateY(-3px) scale(1.05)}
.pm-tmed svg{position:absolute;inset:0;width:100%;height:100%;overflow:visible}
.pm-tph{position:absolute;left:15%;top:18.18%;width:70%;height:63.64%;border-radius:50%;overflow:hidden;display:grid;place-items:center;background:radial-gradient(circle at 35% 30%,#fff,var(--acc));box-shadow:0 0 0 3px #f3cd6b,0 0 0 5px #2a2340}
.pm-tph img{width:100%;height:100%;object-fit:cover}
.pm-tph b{font-family:var(--fd);font-weight:900;font-size:34px;color:#2a2340}
.pm-tn{display:grid;gap:2px}
.pm-tn b{font-family:var(--fd);font-weight:900;font-size:16.5px;line-height:1.15;text-shadow:0 2px 8px rgba(0,0,0,.25)}
.pm-tn>span{font-size:12.5px;line-height:1.3;opacity:.88}
.pm-tok{position:absolute;right:10px;top:10px;display:grid;place-items:center;width:28px;height:28px;border-radius:50%;background:linear-gradient(135deg,#fff3c9,#d9a646);color:#3a2604;opacity:0;transform:scale(.5);transition:opacity .2s,transform .35s var(--spring)}
.pm-tok .ui{width:16px;height:16px}
.pm-tc.on .pm-tok{opacity:1;transform:none}
.pm-fxs{display:grid;grid-template-columns:repeat(auto-fill,minmax(150px,1fr));gap:10px}
.pm-fx{display:grid;justify-items:start;gap:4px;padding:12px 14px 14px;border-radius:22px;background:#1d1534;color:#fff7e3;text-align:left;box-shadow:0 0 0 1px rgba(217,166,70,.35);transition:transform .35s var(--spring),box-shadow .25s}
.pm-fx:hover{transform:translateY(-3px)}
.pm-fx.on{box-shadow:0 0 0 2px #f3cd6b,0 12px 26px rgba(185,133,48,.35)}
.pm-fx b{font-size:15.5px}
.pm-fx>span:last-child{font-size:12.5px;line-height:1.3;color:#d8ccf2}
.pm-fxi{position:relative;width:100%;height:54px;margin-bottom:4px;border-radius:14px;overflow:hidden;background:radial-gradient(120% 120% at 50% 100%,#3a2560,#140e26)}
.pm-fxi i{position:absolute;display:block}
.fx-balloons i{bottom:-30px;width:16px;height:20px;border-radius:50%;animation:fxUp 2.6s ease-in infinite}
.fx-balloons i:nth-child(1){left:10%;background:#ff6fae}.fx-balloons i:nth-child(2){left:28%;background:#f3c64f;animation-delay:.5s}.fx-balloons i:nth-child(3){left:46%;background:#4fb8ff;animation-delay:1s}.fx-balloons i:nth-child(4){left:64%;background:#3fd1a2;animation-delay:.25s}.fx-balloons i:nth-child(5){left:80%;background:#a37bff;animation-delay:1.4s}.fx-balloons i:nth-child(6){left:56%;background:#ff5a5a;animation-delay:1.9s}
@keyframes fxUp{to{transform:translateY(-100px)}}
.fx-salute i{left:50%;top:50%;width:4px;height:4px;border-radius:50%;background:#f3cd6b;animation:fxBoom 1.6s ease-out infinite}
.fx-salute i:nth-child(2){--a:60deg;background:#ff6fae}.fx-salute i:nth-child(3){--a:120deg}.fx-salute i:nth-child(4){--a:180deg;background:#4fb8ff}.fx-salute i:nth-child(5){--a:240deg}.fx-salute i:nth-child(6){--a:300deg;background:#3fd1a2}
@keyframes fxBoom{0%{transform:rotate(var(--a,0deg)) translateX(0);opacity:1}80%{opacity:1}100%{transform:rotate(var(--a,0deg)) translateX(26px);opacity:0}}
.fx-popper i{bottom:4px;width:6px;height:9px;animation:fxPop 1.4s ease-out infinite}
.fx-popper i:nth-child(odd){left:6px;--x:60px;background:#f3cd6b}.fx-popper i:nth-child(even){right:6px;--x:-60px;background:#ff6fae}.fx-popper i:nth-child(3),.fx-popper i:nth-child(4){animation-delay:.3s;background:#4fb8ff}.fx-popper i:nth-child(5),.fx-popper i:nth-child(6){animation-delay:.6s}
@keyframes fxPop{0%{transform:translate(0,0) rotate(0)}60%{transform:translate(var(--x),-38px) rotate(200deg)}100%{transform:translate(var(--x),-10px) rotate(320deg);opacity:0}}
.fx-stars i{top:-10px;width:7px;height:7px;background:#fff3c9;clip-path:polygon(50% 0,62% 38%,100% 50%,62% 62%,50% 100%,38% 62%,0 50%,38% 38%);animation:fxFall 1.8s linear infinite}
.fx-stars i:nth-child(1){left:12%}.fx-stars i:nth-child(2){left:30%;animation-delay:.4s}.fx-stars i:nth-child(3){left:50%;animation-delay:.9s}.fx-stars i:nth-child(4){left:68%;animation-delay:.2s}.fx-stars i:nth-child(5){left:84%;animation-delay:1.2s}.fx-stars i:nth-child(6){left:40%;animation-delay:1.5s}
@keyframes fxFall{to{transform:translate(-14px,72px)}}
.fx-bubbles i{bottom:-24px;width:18px;height:18px;border-radius:50%;border:1.5px solid rgba(255,255,255,.8);background:radial-gradient(circle at 30% 30%,rgba(255,255,255,.6),transparent 60%);animation:fxUp 3s ease-in infinite}
.fx-bubbles i:nth-child(1){left:10%}.fx-bubbles i:nth-child(2){left:30%;animation-delay:.7s;width:12px;height:12px}.fx-bubbles i:nth-child(3){left:52%;animation-delay:1.3s}.fx-bubbles i:nth-child(4){left:70%;animation-delay:.3s;width:10px;height:10px}.fx-bubbles i:nth-child(5){left:84%;animation-delay:2s}.fx-bubbles i:nth-child(6){left:42%;animation-delay:2.4s;width:9px;height:9px}
.pm-wlf{display:grid;gap:8px}
.pm-wlr{display:grid;grid-template-columns:minmax(0,2fr) minmax(0,1fr);gap:8px}
.pm-wlr .inp:nth-child(3),.pm-wlr .inp:nth-child(4){grid-column:1/-1}
.pm-wlf .btn{justify-self:start}
.pm-gift{background:#fff8e6;border-color:#ecd59a}
.pm-gift>.ui{width:15px;height:15px;color:#c99536}
.pm-gift i{margin-left:6px;font-style:normal;font-weight:600;color:var(--mute)}
/* гостевая: стекло и золото */
.pg-v{background:radial-gradient(120% 60% at 50% 0%,rgba(255,255,255,.22),transparent 60%),radial-gradient(80% 50% at 100% 100%,rgba(243,205,107,.18),transparent 60%),linear-gradient(170deg,var(--b1),var(--b2) 120%)}
.pg-card{position:relative;background:rgba(14,9,30,.5);color:#fff7e8;border:1px solid rgba(243,205,107,.38);-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);box-shadow:0 24px 50px rgba(0,0,0,.28),inset 0 1px 0 rgba(255,255,255,.08)}
.pg-card::before{content:"";position:absolute;left:50%;top:-1px;width:64px;height:3px;margin-left:-32px;border-radius:0 0 3px 3px;background:linear-gradient(90deg,transparent,#f3cd6b,transparent)}
.pg-card h2{background:linear-gradient(90deg,#fff3c9,#f3cd6b 55%,#fff0c0);-webkit-background-clip:text;background-clip:text;color:transparent}
.pg-k{color:#f3cd6b;opacity:.9}
.pg-sub{margin:-4px 0 0;font-size:14.5px;line-height:1.45;color:rgba(255,247,232,.78)}
.pg-when>div>span:last-child,.pg-dc>span:last-child{color:rgba(255,247,232,.72)}
.pg-f{background:rgba(255,255,255,.06);border-color:rgba(243,205,107,.22)}
.pg-q{background:rgba(255,255,255,.07);border-left:3px solid #f3cd6b;font-style:italic}
.pg-tl li{border-top-color:rgba(243,205,107,.28)}
.pg-tl b{color:#f3cd6b}
.pg-btn{background:linear-gradient(135deg,#fff3c9,#f0c96a 30%,#c99536 65%,#f8df93);color:#3a2604;box-shadow:0 0 0 1px #b98530}
.pg-card .fld>span{color:rgba(255,247,232,.82)}
.pg-card .inp{background:rgba(255,255,255,.08);border-color:rgba(255,255,255,.22);color:#fff7e8}
.pg-card .inp::placeholder{color:rgba(255,247,232,.5)}
.pg-stp{background:rgba(255,255,255,.08);border-color:rgba(255,255,255,.22)}
.pg-stp button{background:rgba(255,255,255,.12);color:#fff7e8}
.pg-no{background:transparent;border-color:rgba(255,255,255,.4);color:#fff7e8}
.pg-done{background:rgba(63,209,162,.16);border:1px solid rgba(63,209,162,.4)}
.pg-done.no{background:rgba(255,255,255,.07);border-color:rgba(255,255,255,.2)}
.pg-done .lnk{color:#f3cd6b}
.pg-sec{background:linear-gradient(135deg,rgba(243,205,107,.2),rgba(255,255,255,.05));border:1px solid rgba(243,205,107,.5)}
.pg-cd>div{background:rgba(14,9,30,.42);border-color:rgba(243,205,107,.35)}
.pg-cd b{background:linear-gradient(180deg,#fff7d6,#f3cd6b);-webkit-background-clip:text;background-clip:text;color:transparent}
/* золотое покрытие */
.pg-stage{position:relative;display:grid;justify-items:center;gap:6px;padding:16px 18px 18px;border-radius:32px;width:min(100%,380px)}
.pg-stage.foil{background:rgba(255,255,255,.06)}
.pg-foil{position:absolute;inset:0;z-index:5;width:100%;height:100%;border-radius:32px;touch-action:none;cursor:grab;box-shadow:0 20px 50px rgba(0,0,0,.35),inset 0 0 0 1px rgba(255,255,255,.4);transition:opacity .45s}
.pg-stage.wiped .pg-foil{opacity:0}
.pg-foil-h{position:absolute;left:50%;top:50%;z-index:6;display:grid;justify-items:center;gap:4px;width:80%;transform:translate(-50%,-50%);text-align:center;color:#3a2604;pointer-events:none;transition:opacity .3s}
.pg-foil-h b{font-family:var(--fd);font-weight:900;font-size:22px;line-height:1.15}
.pg-foil-h>span:last-child{font-weight:700;font-size:15px;opacity:.85}
.pg-fh-i{display:grid;place-items:center;width:54px;height:54px;border-radius:50%;background:rgba(255,255,255,.55);animation:pgPulse 1.8s ease-in-out infinite}
.pg-fh-i .ui{width:28px;height:28px}
.pg-stage.touch .pg-foil-h{opacity:0}
.pg-skip{margin-top:10px;padding:8px 14px;border-radius:999px;background:rgba(255,255,255,.12);color:inherit;font-weight:700;font-size:13.5px}
.pg-again{display:inline-flex;align-items:center;gap:8px;margin-top:8px;height:42px;padding:0 16px;border-radius:999px;background:rgba(14,9,30,.45);border:1px solid rgba(243,205,107,.5);color:#fff3c9;font-weight:800;font-size:14px}
.pg-again .ui{width:16px;height:16px;color:#f3cd6b}
.pg-rest{display:grid;gap:14px;animation:pgIn .8s var(--ease) both}
/* вишлист в приглашении */
.pg-gl{display:grid;gap:10px}
.pg-gift{position:relative;display:grid;grid-template-columns:76px minmax(0,1fr);grid-template-areas:"p b" "p a";gap:4px 14px;padding:12px 14px 12px 12px;border-radius:22px;background:linear-gradient(135deg,rgba(255,247,226,.96),rgba(250,231,190,.94));color:#2b1d05;box-shadow:0 10px 24px rgba(0,0,0,.2);overflow:hidden}
.pg-rib{position:absolute;right:26px;top:0;bottom:0;width:12px;background:linear-gradient(180deg,#e2556f,#b8344f);box-shadow:0 0 0 1px rgba(0,0,0,.08)}
.pg-rib::after{content:"";position:absolute;left:-10px;top:12px;width:32px;height:18px;border-radius:50%;border:5px solid #c63e59;border-bottom-color:transparent}
.pg-gph{grid-area:p;display:grid;place-items:center;width:76px;height:76px;border-radius:16px;overflow:hidden;background:#fff;box-shadow:inset 0 0 0 1px #ecd59a}
.pg-gph img{width:100%;height:100%;object-fit:cover}
.pg-gph svg{width:46px;height:46px}
.pg-gb{grid-area:b;display:grid;gap:2px;padding-right:40px;min-width:0}
.pg-gb b{font-size:16px;line-height:1.25}
.pg-gb>span{font-weight:800;color:#8a5a00}
.pg-gb small{font-size:12.5px;color:#6b5a3a}
.pg-gb a{font-size:13px;font-weight:700;color:#7a4fd6}
.pg-ga{grid-area:a;display:flex;align-items:center;gap:8px;flex-wrap:wrap;padding-right:40px}
.pg-gbtn{display:inline-flex;align-items:center;gap:6px;height:38px;padding:0 14px;border-radius:999px;background:#1d1534;color:#fff3c9;font-weight:800;font-size:14px}
.pg-gbtn .ui{width:16px;height:16px;color:#ff8fb6}
.pg-gm{display:inline-flex;align-items:center;gap:5px;height:32px;padding:0 12px;border-radius:999px;background:#1d9e6a;color:#fff;font-weight:800;font-size:13px}
.pg-gm .ui{width:15px;height:15px}
.pg-glnk{font-weight:700;font-size:13px;color:#6b5a3a;text-decoration:underline}
.pg-gt{height:30px;display:inline-flex;align-items:center;padding:0 12px;border-radius:999px;background:rgba(43,29,5,.08);font-weight:700;font-size:13px;color:#6b5a3a}
.pg-gift.taken{opacity:.72}
/* шарики с пожеланиями */
.pg-sky2{display:grid;grid-template-columns:repeat(auto-fill,minmax(140px,1fr));gap:12px 10px;min-height:90px;padding:14px;border-radius:22px;background:radial-gradient(100% 80% at 50% 100%,rgba(243,205,107,.16),transparent 70%),rgba(255,255,255,.05)}
.pg-ball{display:grid;justify-items:center;gap:6px;text-align:center;animation:pgFloat 4s ease-in-out infinite;animation-delay:var(--d)}
.pg-bl{position:relative;width:42px;height:50px;border-radius:50% 50% 48% 48%;background:radial-gradient(circle at 32% 28%,rgba(255,255,255,.6),transparent 30%),var(--c);box-shadow:inset -4px -6px 10px rgba(0,0,0,.18)}
.pg-bl::after{content:"";position:absolute;left:50%;top:100%;width:1.5px;height:16px;background:rgba(255,255,255,.7)}
.pg-bt{display:grid;gap:2px;margin-top:12px;padding:8px 10px;border-radius:14px;background:rgba(255,255,255,.1);font-size:13.5px;line-height:1.35}
.pg-bt b{font-weight:700}
.pg-bt>span{font-size:12px;color:#f3cd6b}
.pg-empty{grid-column:1/-1;margin:auto;font-size:14px;color:rgba(255,247,232,.7);text-align:center}
.pg-wrow{display:flex;align-items:center;justify-content:space-between;gap:10px;flex-wrap:wrap}
.pg-bcs{display:flex;gap:8px}
.pg-bc{width:32px;height:38px;border-radius:50% 50% 46% 46%;background:radial-gradient(circle at 32% 28%,rgba(255,255,255,.55),transparent 32%),var(--c);transition:transform .25s var(--spring)}
.pg-bc.on{transform:translateY(-4px) scale(1.12);box-shadow:0 0 0 2px #fff,0 0 0 4px #f3cd6b}
.pg-launch{flex:1;min-width:180px}
@media (max-width:760px){.pm-th{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}.pm-tmed{width:96px}.pm-tc{padding:12px 8px}.pm-fxs{grid-template-columns:repeat(2,minmax(0,1fr))}.pm-wlr{grid-template-columns:minmax(0,1fr)}.pg-sky2{grid-template-columns:repeat(2,minmax(0,1fr))}.pg-stage{width:100%}}
@media (prefers-reduced-motion:reduce){.pm-tsky i,.pm-fxi i,.pg-ball,.pg-fh-i{animation:none}.pm-tsky i{opacity:.6}}

/* v32: конверт, вспышка, поле гостей, шаг «Вишлист» */
.pm-flash{position:fixed;inset:0;z-index:149;pointer-events:none;background:radial-gradient(circle at 50% 40%,rgba(255,250,225,.95),rgba(255,236,170,.55) 35%,transparent 70%);animation:pmFlash 1s ease-out forwards}
@keyframes pmFlash{0%{opacity:0}12%{opacity:1}100%{opacity:0}}
.pm-gadd{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:8px}
.pm-gadd .inp{width:100%;height:56px;min-height:56px}
.pm-gadd .btn{height:56px}
@media (max-width:760px){.pm-gadd{grid-template-columns:minmax(0,1fr)}.pm-gadd .btn{width:100%}}
.pm-wl0{display:grid;justify-items:center;gap:10px;padding:26px 20px 24px;border-radius:26px;text-align:center;background:radial-gradient(90% 80% at 50% 0%,rgba(243,205,107,.35),transparent 70%),linear-gradient(160deg,#fffaf0,#fbefd6);border:1px solid #efdcae}
.pm-wl0 .pm-cs{margin:0;max-width:520px}
.pm-wl0-art{display:grid;place-items:center;width:84px;height:84px;border-radius:50%;background:#fff;box-shadow:0 0 0 4px #f3cd6b,0 14px 30px rgba(185,133,48,.3);animation:pgFloat 4s ease-in-out infinite}
.pm-wl0-art svg{width:56px;height:56px}
.pm-wl0-a{display:flex;flex-wrap:wrap;justify-content:center;gap:10px;margin-top:6px}
.pm-wlf .wl-ph-b{border-color:#d9b86a;background:#fff7e6;color:#b98530}
.pm-wlf .wl-ph-b:hover{border-color:#b98530;background:#fff1d6}
.pm-wlg{display:grid;grid-template-columns:repeat(auto-fill,minmax(220px,1fr));gap:8px}
.pm-wlc{display:flex;align-items:center;gap:12px;padding:8px 8px 8px 8px;border-radius:18px;background:#fffaf0;border:1px solid #efdcae}
.pm-wlc-p{flex:none;display:grid;place-items:center;width:56px;height:56px;border-radius:14px;overflow:hidden;background:#fff;box-shadow:inset 0 0 0 1px #efdcae}
.pm-wlc-p img{width:100%;height:100%;object-fit:cover}.pm-wlc-p svg{width:36px;height:36px}
.pm-wlc-t{display:grid;gap:2px;flex:1;min-width:0}
.pm-wlc-t b{font-size:14.5px;line-height:1.25}.pm-wlc-t>span{font-size:13px;font-weight:700;color:#8a5a00}
.pm-wlc button{display:grid;place-items:center;flex:none;width:32px;height:32px;border-radius:50%;background:rgba(42,35,64,.06)}
.pm-wlc button .ui{width:14px;height:14px}
/* конверт */
.pg-seal{position:relative;display:grid;justify-items:center;align-content:center;gap:18px;width:100%;max-width:560px;min-height:calc(100vh - 88px);min-height:calc(100dvh - 88px);margin:0 auto;text-align:center;perspective:1400px}
.pg-spot{position:absolute;left:50%;top:50%;width:min(760px,150vw);aspect-ratio:1;transform:translate(-50%,-50%);border-radius:50%;pointer-events:none;
  background:radial-gradient(circle,rgba(255,240,190,.55) 0%,rgba(255,226,140,.18) 28%,transparent 60%),repeating-conic-gradient(from 0deg,rgba(255,236,170,.16) 0deg 6deg,transparent 6deg 18deg);
  -webkit-mask:radial-gradient(circle,#000 20%,transparent 66%);mask:radial-gradient(circle,#000 20%,transparent 66%);animation:pgRays 40s linear infinite}
@keyframes pgRays{to{transform:translate(-50%,-50%) rotate(360deg)}}
.pg-sb{position:absolute;inset:0;pointer-events:none}
.pg-sbl{position:absolute;width:calc(58px * var(--s));height:calc(70px * var(--s));border-radius:50% 50% 47% 47%;background:radial-gradient(circle at 32% 28%,rgba(255,255,255,.75),transparent 26%),var(--c);box-shadow:inset -6px -8px 14px rgba(0,0,0,.18);animation:pgBob 5s ease-in-out infinite}
.pg-sbl::after{content:"";position:absolute;left:50%;top:100%;width:1.5px;height:calc(60px * var(--s));background:linear-gradient(rgba(255,255,255,.8),rgba(255,255,255,0))}
.pg-sbl::before{content:"";position:absolute;left:50%;bottom:-5px;width:8px;height:7px;margin-left:-4px;background:var(--c);clip-path:polygon(50% 0,100% 100%,0 100%)}
@keyframes pgBob{0%,100%{transform:translateY(0) rotate(-3deg)}50%{transform:translateY(-16px) rotate(3deg)}}
.pg-for{position:relative;margin:0;font-family:var(--fd);font-weight:900;font-size:22px;line-height:1.2;text-shadow:0 3px 14px rgba(0,0,0,.3);text-wrap:balance}
.pg-env{position:relative;width:min(360px,86vw);aspect-ratio:1.42;border-radius:18px;background:none;transform-style:preserve-3d;cursor:pointer;animation:pgEnvIn 1s var(--spring) both,pgEnvFloat 5s ease-in-out 1s infinite;filter:drop-shadow(0 36px 40px rgba(0,0,0,.4))}
@keyframes pgEnvIn{from{opacity:0;transform:translateY(40px) scale(.85) rotate(-4deg)}}
@keyframes pgEnvFloat{0%,100%{transform:translateY(0) rotate(-1.5deg)}50%{transform:translateY(-10px) rotate(1.5deg)}}
.pg-env:focus-visible{outline:3px solid #fff3c9;outline-offset:8px;border-radius:20px}
.pg-back{position:absolute;inset:0;border-radius:18px;background:linear-gradient(160deg,#fffaf0,#f1dfb6);box-shadow:inset 0 0 0 1.5px rgba(201,149,54,.55)}
.pg-letter{position:absolute;left:7%;right:7%;top:7%;bottom:12%;z-index:1;display:grid;align-content:center;justify-items:center;gap:4px;padding:12px;border-radius:12px;background:#fff;box-shadow:0 0 0 1.5px #e6c579,inset 0 0 0 5px #fff,inset 0 0 0 6px #f0dca8;color:#1d1534;transition:transform .9s var(--ease) .45s}
.pg-lt-k{font-size:12px;font-weight:800;color:#a7782c}
.pg-letter b{font-family:var(--fd);font-weight:900;font-size:26px;line-height:1.05}
.pg-letter>span:last-child{font-size:13.5px;font-weight:700;color:#5b5070}
.pg-pocket{position:absolute;inset:0;z-index:2;border-radius:18px;background:linear-gradient(170deg,#f8ebcd,#ecd39b);clip-path:polygon(0 0,50% 56%,100% 0,100% 100%,0 100%);box-shadow:inset 0 -4px 10px rgba(150,100,20,.15)}
.pg-flap{position:absolute;left:0;right:0;top:0;z-index:3;height:60%;border-radius:18px 18px 0 0;background:linear-gradient(180deg,#fbf0d6,#ead098);clip-path:polygon(0 0,100% 0,50% 100%);transform-origin:50% 0;filter:drop-shadow(0 3px 3px rgba(0,0,0,.12))}
.pg-ribv,.pg-ribh{position:absolute;z-index:4;background:linear-gradient(90deg,#9e2a44,#e2556f 45%,#ff8fa9 52%,#c63e59);box-shadow:0 1px 3px rgba(0,0,0,.2);transition:opacity .3s}
.pg-ribv{top:0;bottom:0;left:50%;width:20px;margin-left:-10px}
.pg-ribh{left:0;right:0;top:56%;height:20px;margin-top:-10px;background:linear-gradient(180deg,#9e2a44,#e2556f 45%,#ff8fa9 52%,#c63e59)}
.pg-wax{position:absolute;left:50%;top:56%;z-index:5;display:grid;place-items:center;width:92px;height:92px;margin:-46px 0 0 -46px;border-radius:50%;overflow:hidden;background:radial-gradient(circle at 34% 28%,#fff6d2,#e8bf5c 45%,#a8742a 100%);box-shadow:0 0 0 5px rgba(168,116,42,.35),0 0 0 9px rgba(255,236,170,.25),0 10px 22px rgba(0,0,0,.35);animation:pgPulse 2.2s ease-in-out infinite}
.pg-wax::before{content:"";position:absolute;inset:9px;border-radius:50%;border:2px dashed rgba(90,58,10,.45)}
.pg-wax::after{content:"";position:absolute;top:-30%;left:-60%;width:40%;height:160%;transform:rotate(25deg);background:linear-gradient(90deg,transparent,rgba(255,255,255,.75),transparent);animation:pgShine 3s ease-in-out 1.2s infinite}
@keyframes pgShine{0%,60%{left:-60%}100%{left:130%}}
.pg-wax b{position:relative;font-family:var(--fd);font-weight:900;font-size:38px;color:#4a2f06;text-shadow:0 1px 0 rgba(255,255,255,.55)}
.pg-tap{display:inline-flex;align-items:center;gap:8px;margin:0;padding:10px 18px;border-radius:999px;background:rgba(14,9,30,.4);border:1px solid rgba(243,205,107,.45);font-weight:800;font-size:15px;color:#fff3c9;animation:pgTap 1.8s ease-in-out infinite}
.pg-tap-i{display:grid;place-items:center}.pg-tap-i .ui{width:18px;height:18px;color:#f3cd6b}
@keyframes pgTap{0%,100%{transform:scale(1)}50%{transform:scale(1.06)}}
/* открытие */
.pg-seal.opening .pg-env{animation:none;transform:translateY(30px) scale(1.04);transition:transform .8s var(--ease)}
.pg-seal.opening .pg-wax{animation:pgSealPop .5s ease-out forwards}
@keyframes pgSealPop{40%{transform:scale(1.25);opacity:1}100%{transform:scale(.2) rotate(40deg);opacity:0}}
.pg-seal.opening .pg-ribv,.pg-seal.opening .pg-ribh{opacity:0}
.pg-seal.opening .pg-flap{animation:pgFlap .7s var(--ease) .25s forwards}
@keyframes pgFlap{0%{transform:rotateX(0)}49%{z-index:3}50%{z-index:0}100%{transform:rotateX(180deg);z-index:0}}
.pg-seal.opening .pg-letter{transform:translateY(-62%);z-index:6;transition:transform .9s var(--ease) .55s}
.pg-seal.opening .pg-tap,.pg-seal.opening .pg-for{opacity:0;transition:opacity .3s}
@media (max-width:760px){.pg-seal{min-height:calc(100dvh - 60px)}.pg-for{font-size:19px;padding:0 10px}.pg-wax{width:80px;height:80px;margin:-40px 0 0 -40px}.pg-wax b{font-size:32px}.pg-letter b{font-size:22px}}
@media (prefers-reduced-motion:reduce){.pg-spot,.pg-sbl,.pg-env,.pg-wax,.pg-wax::after,.pg-tap,.pm-wl0-art{animation:none}}

/* v33: у каждого образа своё оформление; квадратное фото */
.pmm-ph,.pm-tph{border-radius:22%}
.pmm-ph{box-shadow:0 0 0 5px var(--acc),0 0 0 8px #2a2340,0 18px 36px rgba(0,0,0,.28)}
.pm-tph{box-shadow:0 0 0 3px var(--acc),0 0 0 5px #2a2340}
.pg-hero .pmm{width:min(330px,82vw)}
.pg-v{color:var(--pg-tx);background:var(--pg-pat),var(--pg-bg)}
.pg-z{fill:var(--pg-k)}
.pg-name{color:var(--pg-tx);text-shadow:var(--pg-nsh)}
.pg-age b{background:var(--pg-age);-webkit-background-clip:text;background-clip:text;color:transparent;filter:none;text-shadow:none}
.pg-age>span{color:var(--pg-tx)}
.pg-lead,.pg-foot{color:var(--pg-sub);opacity:1}
.pg-stage.foil{background:color-mix(in srgb,var(--pg-tx) 8%,transparent)}
.pg-foil-h{color:var(--pg-ftx)}
.pg-card{background:var(--pg-card);color:var(--pg-ctx);border:var(--pg-cb);box-shadow:var(--pg-csh);border-radius:var(--pg-r)}
.pg-card::before{background:linear-gradient(90deg,transparent,var(--pg-k),transparent)}
.pg-card h2{background:var(--pg-h);-webkit-background-clip:text;background-clip:text;color:transparent}
.pg-k{color:var(--pg-k)}
.pg-sub,.pg-when>div>span:last-child,.pg-dc>span:last-child,.pg-empty{color:var(--pg-csub)}
.pg-f{background:color-mix(in srgb,var(--pg-ctx) 6%,transparent);border-color:color-mix(in srgb,var(--pg-k) 40%,transparent)}
.pg-f:first-child{border-left:4px solid var(--fav)}
.pg-q{background:color-mix(in srgb,var(--pg-ctx) 7%,transparent);border-left-color:var(--pg-k)}
.pg-tl li{border-top-color:color-mix(in srgb,var(--pg-k) 40%,transparent)}
.pg-tl b{color:var(--pg-k)}
.pg-btn,.pg-yes{background:var(--pg-btn);color:var(--pg-btx);border:var(--pg-bb);box-shadow:var(--pg-bsh)}
.pg-no{background:transparent;border:1.5px solid color-mix(in srgb,var(--pg-ctx) 45%,transparent);color:var(--pg-ctx)}
.pg-card .fld>span{color:var(--pg-csub)}
.pg-card .inp{background:var(--pg-inp);color:var(--pg-inptx);border-color:var(--pg-inpl)}
.pg-card .inp::placeholder{color:color-mix(in srgb,var(--pg-inptx) 50%,transparent)}
.pg-stp{background:var(--pg-inp);border-color:var(--pg-inpl)}
.pg-stp b{color:var(--pg-inptx)}
.pg-stp button{background:color-mix(in srgb,var(--pg-ctx) 12%,transparent);color:var(--pg-ctx)}
.pg-done{background:color-mix(in srgb,#2fbf86 16%,transparent);border:1px solid color-mix(in srgb,#2fbf86 50%,transparent);color:var(--pg-ctx);gap:6px}
.pg-done.no{background:color-mix(in srgb,var(--pg-ctx) 7%,transparent);border-color:color-mix(in srgb,var(--pg-ctx) 22%,transparent)}
.pg-chg{display:inline-flex;align-items:center;justify-content:center;gap:8px;justify-self:start;height:44px;margin-top:6px;padding:0 18px;border-radius:999px;background:var(--pg-btn);color:var(--pg-btx);border:var(--pg-bb);box-shadow:var(--pg-bsh);font-weight:800;font-size:14.5px;line-height:1}
.pg-chg .ui{width:17px;height:17px}
.pg-chg:focus-visible{outline:3px solid var(--pg-k);outline-offset:3px}
.pg-sec{background:var(--pg-btn);color:var(--pg-btx);border:var(--pg-bb)}
.pg-sec .pg-k{color:var(--pg-btx);opacity:.8}
.pg-cd>div{background:var(--pg-tile);border:var(--pg-cb);box-shadow:var(--pg-csh);border-radius:18px}
.pg-cd b{background:none;-webkit-background-clip:border-box;background-clip:border-box;color:var(--pg-tilet)}
.pg-cd>div>span{color:var(--pg-tilet);opacity:.8}
.pg-again{background:var(--pg-card);border:var(--pg-cb);color:var(--pg-ctx);box-shadow:var(--pg-csh)}
.pg-again .ui{color:var(--pg-k)}
.pg-skip{background:color-mix(in srgb,var(--pg-tx) 14%,transparent);color:var(--pg-tx)}
.pg-rib{background:linear-gradient(180deg,var(--pg-rib2),var(--pg-rib1))}
.pg-rib::after{border-color:var(--pg-rib1);border-bottom-color:transparent}
.pg-sky2{background:color-mix(in srgb,var(--pg-ctx) 6%,transparent)}
.pg-bt{background:color-mix(in srgb,var(--pg-ctx) 10%,transparent);color:var(--pg-ctx)}
.pg-bt>span{color:var(--pg-k)}
.pg-bc.on{box-shadow:0 0 0 2px #fff,0 0 0 4px var(--pg-k)}
.pg-for{color:var(--pg-tx);text-shadow:var(--pg-nsh)}
.pg-tap{background:var(--pg-card);border:var(--pg-cb);color:var(--pg-ctx);box-shadow:var(--pg-csh)}
.pg-tap-i .ui{color:var(--pg-k)}
.pg-spot{background:radial-gradient(circle,var(--pg-glow) 0%,transparent 58%),repeating-conic-gradient(from 0deg,color-mix(in srgb,var(--pg-glow) 45%,transparent) 0deg 6deg,transparent 6deg 18deg)}
.pg-back{background:linear-gradient(160deg,var(--pg-env1),var(--pg-env2));box-shadow:inset 0 0 0 1.5px color-mix(in srgb,var(--pg-rib1) 45%,transparent)}
.pg-pocket{background:linear-gradient(170deg,color-mix(in srgb,var(--pg-env2) 75%,var(--pg-env1)),var(--pg-env2))}
.pg-flap{background:linear-gradient(180deg,var(--pg-env1),var(--pg-env2))}
.pg-ribv{background:linear-gradient(90deg,var(--pg-rib1),var(--pg-rib2) 50%,var(--pg-rib1))}
.pg-ribh{background:linear-gradient(180deg,var(--pg-rib1),var(--pg-rib2) 50%,var(--pg-rib1))}
.pg-wax{background:radial-gradient(circle at 34% 28%,var(--pg-seal1),var(--pg-seal2) 45%,var(--pg-seal3) 100%);box-shadow:0 0 0 5px color-mix(in srgb,var(--pg-seal3) 40%,transparent),0 0 0 9px color-mix(in srgb,var(--pg-seal1) 30%,transparent),0 10px 22px rgba(0,0,0,.35)}
.pg-wax::before{border-color:color-mix(in srgb,var(--pg-sealtx) 45%,transparent)}
.pg-wax b{color:var(--pg-sealtx);text-shadow:none}
.pg-letter{box-shadow:0 0 0 1.5px var(--pg-rib2),inset 0 0 0 5px #fff,inset 0 0 0 6px color-mix(in srgb,var(--pg-rib1) 35%,#fff)}
.pg-lt-k{color:var(--pg-rib1)}
.pg-msg h1{color:var(--pg-tx)}

/* v34: виды приглашений */
.ivk{display:grid;gap:12px}
.ivk-c{position:relative;display:grid;grid-template-columns:76px minmax(0,1fr) auto;align-items:center;gap:18px;width:100%;padding:18px 20px 18px 18px;border-radius:28px;text-align:left;transition:transform .35s var(--spring),box-shadow .3s}
.ivk-c:hover{transform:translateY(-2px)}
.ivk-c:focus-visible{outline:3px solid #2a2340;outline-offset:3px}
.ivk-art{display:grid;place-items:center;width:76px;height:76px;border-radius:22px}
.ivk-art svg{width:56px;height:56px}
.ivk-tx{display:grid;gap:5px;min-width:0}
.ivk-tx b{font-family:var(--fd);font-weight:900;font-size:21px;line-height:1.15;text-wrap:balance}
.ivk-tx>span{font-size:14.5px;line-height:1.4;opacity:.85}
.ivk-p{display:flex;align-items:center;gap:8px;white-space:nowrap}
.ivk-p b{font-family:var(--fd);font-weight:900;font-size:20px}
.ivk-p .ui{width:20px;height:20px;transform:rotate(-90deg)}
.ivk-b{color:#fff7e3;background:radial-gradient(120% 140% at 100% 0%,rgba(217,166,70,.32),transparent 55%),linear-gradient(120deg,#1d1534,#3a2560);box-shadow:0 0 0 1.5px #b98530,0 16px 34px rgba(40,25,80,.22)}
.ivk-b .ivk-art{background:rgba(255,255,255,.1)}
.ivk-b .ivk-p b{color:#f3cd6b}
.ivk-g{color:#2f3a5c;background:radial-gradient(70px 26px at 82% 22%,rgba(255,255,255,.95),transparent 70%),linear-gradient(120deg,#e3eaff,#f3e6ff 55%,#fff0ea);box-shadow:0 0 0 1px #dfe3f5,0 16px 34px rgba(110,110,190,.16)}
.ivk-g .ivk-art{background:rgba(255,255,255,.7)}
.ivk-x{color:#3b3328;background:radial-gradient(80% 120% at 0% 0%,#fff,transparent 60%),linear-gradient(120deg,#fbf8f1,#f1e7d1);box-shadow:0 0 0 1px #e3d3ad,0 16px 34px rgba(150,120,60,.14)}
.ivk-x .ivk-art{background:#fff;box-shadow:inset 0 0 0 1px #ead9b0}
.ivk-x .ivk-tx b{font-weight:800;letter-spacing:.005em}
.ivk-bk,.pm-bk{display:inline-flex;align-items:center;gap:6px;justify-self:start;height:40px;padding:0 14px 0 8px;border-radius:999px;background:rgba(42,35,64,.06);font-weight:700;font-size:14.5px;color:var(--ink);text-decoration:none}
.ivk-bk .ui,.pm-bk .ui{width:18px;height:18px;transform:rotate(90deg)}
.pm-bk{margin-bottom:14px}
@media (max-width:760px){.ivk-c{grid-template-columns:60px minmax(0,1fr);gap:14px;padding:16px}.ivk-art{width:60px;height:60px;border-radius:18px}.ivk-art svg{width:46px;height:46px}.ivk-tx b{font-size:18.5px}.ivk-p{grid-column:2;justify-self:start}.ivk-p b{font-size:18px}}
/* конструктор: голосование и переключатели */
.pm-vos{display:flex;flex-wrap:wrap;gap:8px}
.pm-vo{display:inline-flex;align-items:center;gap:9px;height:46px;padding:0 18px 0 14px;border-radius:999px;background:#fff;border:1.5px solid #eadfca;font-weight:700;font-size:15px;color:var(--ink)}
.pm-vod{width:14px;height:14px;border-radius:50%;background:var(--c);box-shadow:inset 0 0 0 2px rgba(255,255,255,.6)}
.pm-vo.on{border-color:#1d1534;background:#1d1534;color:#fff7e3}
.pm-vo:focus-visible{outline:3px solid #2a2340;outline-offset:2px}
/* гостевая: виды */
.pg-hs{margin:6px 0 0;font-size:17px;font-weight:700;color:var(--pg-sub);text-align:center;text-shadow:var(--pg-nsh)}
.pg-name,.pg-card h2{font-weight:var(--pg-hw,900);letter-spacing:var(--pg-hls,normal)}
.pg-orn{display:flex;align-items:center;justify-content:center;gap:12px;margin:2px 0 6px;color:var(--pg-k)}
.pg-orn i{width:56px;height:1px;background:linear-gradient(90deg,transparent,currentColor)}
.pg-orn i:last-child{transform:scaleX(-1)}
.pg-orn svg{width:20px;height:20px;fill:currentColor}
.k-christ .pg-sb,.k-christ .pg-z{display:none}
.k-christ .pg-name{font-size:clamp(34px,8vw,52px)}
.k-christ .pg-card{text-align:left}
.pg-when .pg-wh{grid-column:1/-1;margin:0}
.pg-vo{display:grid;gap:10px}
.pg-vb{position:relative;overflow:hidden;display:flex;align-items:center;gap:12px;width:100%;min-height:56px;padding:0 18px;border-radius:18px;background:var(--pg-inp);border:1.5px solid var(--pg-inpl);color:var(--pg-inptx);font-size:16.5px;text-align:left;transition:border-color .25s,transform .3s var(--spring)}
.pg-vb:active{transform:scale(.98)}
.pg-vb.on{border-color:var(--pg-k);box-shadow:0 0 0 2px var(--pg-k)}
.pg-vb:focus-visible{outline:3px solid var(--pg-k);outline-offset:2px}
.pg-vbar{position:absolute;inset:0 auto 0 0;background:color-mix(in srgb,var(--c) 30%,transparent);transition:width .8s var(--spring)}
.pg-vd{position:relative;flex:none;width:16px;height:16px;border-radius:50%;background:var(--c);box-shadow:0 0 0 3px color-mix(in srgb,var(--c) 30%,transparent)}
.pg-vb b{position:relative;flex:1;font-weight:800}
.pg-vp{position:relative;font-weight:900;font-size:16px}
.pg-vote:not(.res) .pg-vbar,.pg-vote:not(.res) .pg-vp{display:none}
.pg-vt{margin:2px 0 0;font-size:14px;color:var(--pg-csub)}
.pg-vn{display:grid;gap:10px;margin-top:6px;padding-top:16px;border-top:1px dashed color-mix(in srgb,var(--pg-ctx) 22%,transparent)}
.pg-vn h3{margin:0;font-size:17px;font-weight:800;color:var(--pg-ctx)}
.pg-vnl{display:flex;flex-wrap:wrap;gap:8px}
.pg-vnc{display:inline-flex;align-items:baseline;gap:6px;padding:8px 14px;border-radius:999px;background:color-mix(in srgb,var(--pg-ctx) 8%,transparent);color:var(--pg-ctx)}
.pg-vnc i{font-style:normal;font-size:13px;color:var(--pg-csub)}
.pg-vnf{display:flex;gap:8px}
.pg-vnf .inp{flex:1 1 auto;min-width:0;min-height:52px}
.pg-vnf .pg-btn{flex:none;margin:0}
.pg-pts{display:flex;flex-wrap:wrap;gap:8px}
.pg-pt{display:inline-flex;align-items:center;gap:7px;height:46px;padding:0 16px;border-radius:999px;background:var(--pg-inp);border:1.5px solid var(--pg-inpl);color:var(--pg-inptx);font-weight:700;font-size:15px}
.pg-pt .ui{width:16px;height:16px;opacity:0}
.pg-pt.on{border-color:var(--pg-k);box-shadow:0 0 0 1px var(--pg-k)}
.pg-pt.on .ui{opacity:1;color:var(--pg-k)}
@media (max-width:420px){.pg-vnf{flex-direction:column}}

/* v35: правки гендер-пати и Крещения */
.pmm-ph{box-shadow:0 0 0 5px var(--acc),0 0 0 8px var(--mol,#2a2340),0 18px 36px rgba(0,0,0,.2)}
.pm-tph{box-shadow:0 0 0 3px var(--acc),0 0 0 5px var(--mol,#2a2340)}
.pmm-ph span{color:var(--mol,#2a2340)}
.pm-phn{background:var(--phn,#1d1534);box-shadow:inset 0 0 0 1.5px color-mix(in srgb,var(--phnb,#1d1534) 45%,transparent),0 24px 60px rgba(29,21,52,.2)}
.hd-act a.hbtn[href="#favorites"]>.ui{color:#f0384a}
.mnav-in a.mnav-iv{display:flex;align-items:center;justify-content:flex-start;text-align:left;gap:10px;margin-top:6px;min-height:56px;padding:0 18px;border-radius:18px;color:#fff7e3;font-weight:800;background:radial-gradient(120% 160% at 100% 0%,rgba(217,166,70,.35),transparent 55%),linear-gradient(120deg,#1d1534,#3a2560);box-shadow:0 0 0 1.5px #b98530}
.mnav-in a.mnav-iv .pm-cr{width:20px;height:20px;color:#f3cd6b}
.k-gender .pg-f:first-child,.k-christ .pg-f:first-child{border-left:1px solid color-mix(in srgb,var(--pg-k) 40%,transparent)}
.fx-storks i,.fx-doves i{top:30%;left:-24px;width:18px;height:9px;background:#fff;clip-path:polygon(0 30%,35% 55%,50% 0,62% 55%,100% 30%,60% 100%,40% 100%);animation:fxFly 3s linear infinite}
.fx-storks i:nth-child(2),.fx-doves i:nth-child(2){top:12%;animation-delay:1s;transform:scale(.8)}.fx-storks i:nth-child(3),.fx-doves i:nth-child(3){top:52%;animation-delay:2s}.fx-storks i:nth-child(n+4),.fx-doves i:nth-child(n+4){display:none}
.fx-storks i:nth-child(1)::after{content:"";position:absolute}
@keyframes fxFly{to{left:110%;transform:translateY(-8px)}}
.fx-smoke i{bottom:-30px;width:34px;height:34px;border-radius:50%;filter:blur(5px);opacity:.85;animation:fxUp 3.2s ease-out infinite}
.fx-smoke i:nth-child(odd){background:#ffb3cf}.fx-smoke i:nth-child(even){background:#a9cfff}
.fx-smoke i:nth-child(1){left:4%}.fx-smoke i:nth-child(2){left:24%;animation-delay:.5s}.fx-smoke i:nth-child(3){left:44%;animation-delay:1.1s}.fx-smoke i:nth-child(4){left:64%;animation-delay:.3s}.fx-smoke i:nth-child(5){left:80%;animation-delay:1.6s}.fx-smoke i:nth-child(6){left:34%;animation-delay:2.2s}
.fx-pbballoons i{bottom:-30px;width:16px;height:20px;border-radius:50%;animation:fxUp 2.6s ease-in infinite}
.fx-pbballoons i:nth-child(odd){background:#ff9ec7}.fx-pbballoons i:nth-child(even){background:#7fb4ff}
.fx-pbballoons i:nth-child(1){left:10%}.fx-pbballoons i:nth-child(2){left:28%;animation-delay:.5s}.fx-pbballoons i:nth-child(3){left:46%;animation-delay:1s}.fx-pbballoons i:nth-child(4){left:64%;animation-delay:.25s}.fx-pbballoons i:nth-child(5){left:82%;animation-delay:.75s}.fx-pbballoons i:nth-child(6){left:37%;animation-delay:1.6s}
.fx-hearts i{bottom:-20px;width:14px;height:13px;clip-path:polygon(50% 100%,0 42%,6% 12%,26% 0,50% 16%,74% 0,94% 12%,100% 42%);animation:fxUp 2.8s ease-in infinite}
.fx-hearts i:nth-child(odd){background:#ffb8d9}.fx-hearts i:nth-child(even){background:#9fd0ff}
.fx-hearts i:nth-child(1){left:12%}.fx-hearts i:nth-child(2){left:30%;animation-delay:.6s}.fx-hearts i:nth-child(3){left:50%;animation-delay:1.2s}.fx-hearts i:nth-child(4){left:68%;animation-delay:.3s}.fx-hearts i:nth-child(5){left:84%;animation-delay:1.8s}.fx-hearts i:nth-child(6){left:40%;animation-delay:2.2s}
.fx-petals i{top:-12px;width:8px;height:11px;border-radius:50% 50% 50% 0;background:#fff;animation:fxFall 2.6s linear infinite}
.fx-petals i:nth-child(1){left:12%}.fx-petals i:nth-child(2){left:30%;animation-delay:.5s}.fx-petals i:nth-child(3){left:50%;animation-delay:1s}.fx-petals i:nth-child(4){left:68%;animation-delay:.3s}.fx-petals i:nth-child(5){left:84%;animation-delay:1.5s}.fx-petals i:nth-child(6){left:40%;animation-delay:2s}
.fx-light i:nth-child(1){left:50%;top:50%;width:70px;height:70px;margin:-35px 0 0 -35px;border-radius:50%;background:radial-gradient(circle,rgba(255,240,200,.9),transparent 65%);animation:fxGlow 2.4s ease-in-out infinite}
.fx-light i:nth-child(n+2){bottom:-6px;width:4px;height:4px;border-radius:50%;background:#f3e3b8;animation:fxUp 2.4s ease-out infinite}
.fx-light i:nth-child(2){left:20%}.fx-light i:nth-child(3){left:40%;animation-delay:.6s}.fx-light i:nth-child(4){left:60%;animation-delay:1.2s}.fx-light i:nth-child(5){left:78%;animation-delay:.3s}.fx-light i:nth-child(6){left:30%;animation-delay:1.8s}
@keyframes fxGlow{50%{transform:scale(1.35);opacity:.6}}

/* v30: выбор приглашения */
.ivch{display:grid;gap:16px;margin:4px 0 8px}
.ivch-t{margin:0;font-family:var(--fd);font-weight:900;font-size:26px;color:#1d1534}
.ivch-g{display:grid;grid-template-columns:minmax(0,1.15fr) minmax(0,1fr);gap:14px;align-items:stretch}
.ivch-c{display:grid;grid-template-rows:auto auto 1fr auto;gap:12px;padding:24px;border-radius:30px}
.ivch-c h3{margin:0;font-family:var(--fd);font-weight:900;font-size:22px;line-height:1.2;text-wrap:balance}
.ivch-h{display:flex;align-items:center;justify-content:space-between;gap:10px}
.ivch-p{font-family:var(--fd);font-weight:900;font-size:30px;line-height:1}
.ivch-pm{position:relative;color:#fff7e3;background:radial-gradient(120% 90% at 100% 0%,rgba(217,166,70,.3),transparent 55%),linear-gradient(140deg,#1d1534,#3a2560)}
.ivch-pm::before{content:"";position:absolute;inset:0;border-radius:inherit;padding:1.5px;background:linear-gradient(135deg,#f8df93,rgba(217,166,70,.15),#d9a646);-webkit-mask:linear-gradient(#000 0 0) content-box,linear-gradient(#000 0 0);-webkit-mask-composite:xor;mask-composite:exclude;pointer-events:none}
.ivch-pm .ivch-p{background:linear-gradient(135deg,#fff3c9,#e7bb5c 55%,#fff0b8);-webkit-background-clip:text;background-clip:text;color:transparent}
.ivch-fr{background:#fff;border:1px solid var(--line);color:var(--ink)}
.ivch-b{display:inline-flex;align-items:center;height:28px;padding:0 12px;border-radius:999px;background:rgba(42,35,64,.07);font-weight:800;font-size:13px}
.ivch-l{display:grid;gap:9px;margin:0;padding:0;list-style:none;align-content:start}
.ivch-l li{display:flex;align-items:flex-start;gap:9px;font-size:15px;line-height:1.35}
.ivch-l .ui{flex:none;width:18px;height:18px;margin-top:1px}
.ivch-pm .ivch-l .ui{color:#f3cd6b}
.ivch-fr .ivch-l .ui{color:#16a36a}
.ivch-l li.no{color:var(--mute)}
.ivch-fr .ivch-l li.no .ui{color:#c2b8cf}
.ivch .pm-gold,.ivch-free{width:100%}
.ivch-free{height:58px;font-size:16px}
.iv-ch-on .pg-a>*:not(.sv-h):not(.ivch){display:none !important}
.pm-up1{display:flex;align-items:center;justify-content:space-between;gap:12px 16px;flex-wrap:wrap;padding:16px 18px;border-radius:22px;background:linear-gradient(120deg,#1d1534,#3a2560);color:#fff7e3}
.pm-up1-t{display:grid;gap:3px;flex:1;min-width:200px}
.pm-up1-t b{font-size:16px;color:#f3cd6b}
.pm-up1-t>span{font-size:14px;color:#e5d8ff;line-height:1.4}
@media (max-width:760px){.ivch-g{grid-template-columns:minmax(0,1fr)}.ivch-c{padding:20px 18px}.ivch-t{font-size:22px}}

/* v40 */
.nv a.nv-iv{color:#6b4a12}
@media (min-width:981px){.ft-g{grid-template-columns:1.4fr repeat(4,1fr)}}
.pm-ct2{display:grid;gap:10px;width:100%;text-align:left}
.pm-ct2 .fld>span{color:var(--ink2)}
.pm-agree{display:flex;align-items:flex-start;gap:10px;padding:4px 0;text-align:left;font-size:13.5px;line-height:1.35;color:var(--ink2)}
.pm-agree-b{flex:none;display:grid;place-items:center;width:22px;height:22px;border-radius:7px;border:1.5px solid #cbbfa6;background:#fff}
.pm-agree-b .ui{width:14px;height:14px;opacity:0}
.pm-agree.on .pm-agree-b{background:#1d1534;border-color:#1d1534;color:#f3cd6b}
.pm-agree.on .pm-agree-b .ui{opacity:1}
.pm-ctk{display:flex;align-items:center;gap:8px;margin:0;padding:10px 14px;border-radius:14px;background:#f6f1e6;font-size:14px}
.pm-ctk .ui{width:18px;height:18px;flex:none}
.pm-promo{display:flex;gap:8px}
.pm-promo .inp{flex:1;min-width:0}
.pm-promo-ok{display:flex;align-items:center;gap:6px;margin:0;color:#16794f;font-weight:700;font-size:14px}
.pm-promo-ok .ui{width:16px;height:16px}
.pm-pc{max-height:calc(100dvh - 32px);overflow:auto}
.sh{display:grid;gap:10px;width:100%}
.sh-g{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px}
.sh-b{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:6px;min-height:72px;padding:10px 6px;border-radius:18px;background:#fff;border:1px solid #eadfca;color:#1d1534;font-weight:700;font-size:13px;text-decoration:none;text-align:center}
.sh-b .ui{width:22px;height:22px;padding:7px;box-sizing:content-box;border-radius:50%;color:#fff;background:#1d1534}
.sh-wa .ui{background:#1fa855}.sh-tg .ui{background:#2a9fd8}.sh-mx .ui{background:linear-gradient(135deg,#4b6bff,#a53cf0)}.sh-vk .ui{background:#2a6fdb}.sh-cp .ui{background:#8a7a5c}.sh-qrb .ui{background:#1d1534;color:#f3cd6b}
.sh-b:focus-visible{outline:3px solid #1d1534;outline-offset:2px}
.sh-qrb.on{border-color:#1d1534;box-shadow:0 0 0 1px #1d1534}
.sh-qr{display:flex;align-items:center;gap:14px;padding:12px;border-radius:18px;background:#fff;border:1px solid #eadfca;text-align:left}
.sh-qr img{flex:none;width:132px;height:132px;border-radius:10px}
.sh-qr>span{display:grid;gap:4px;font-size:13.5px;line-height:1.4;color:var(--ink2)}
.sh-qr b{color:#1d1534;font-size:15px}
@media (max-width:420px){.sh-qr{flex-direction:column;text-align:center}.sh-qr img{width:180px;height:180px}}
.pg-mk{display:grid;gap:6px;justify-items:start}
.pg-mk>b{font-size:19px;font-weight:800;color:var(--pg-ctx)}
.pg-mk>span:not(.pg-k){color:var(--pg-csub);font-size:15px;line-height:1.4}
.pg-mk i{font-style:normal;font-weight:800;color:var(--pg-ctx)}
.pg-mk .pg-btn{margin-top:6px}
.mp-near{position:absolute;left:14px;top:14px;z-index:4;display:inline-flex;align-items:center;gap:8px;height:42px;padding:0 16px 0 12px;border-radius:999px;background:#fff;box-shadow:0 8px 20px rgba(42,35,64,.16);font-weight:700;font-size:14px;color:var(--ink)}
.mp-near .ui{width:18px;height:18px;color:#2a6fdb}
.mp-near.on{background:#2a6fdb;color:#fff}.mp-near.on .ui{color:#fff}
.mp-near:focus-visible{outline:3px solid var(--ink);outline-offset:2px}
.me-pin{position:absolute;z-index:3;transform:translate(-50%,-50%);display:grid;justify-items:center;gap:4px;pointer-events:none}
.me-pin i{width:18px;height:18px;border-radius:50%;background:#2a6fdb;border:3px solid #fff;box-shadow:0 0 0 8px rgba(42,111,219,.22),0 4px 10px rgba(0,0,0,.2)}
.me-pin b{padding:3px 8px;border-radius:999px;background:#fff;font-size:12px;color:#2a6fdb;box-shadow:0 4px 10px rgba(0,0,0,.12)}
.ce{display:grid;gap:14px;margin:18px 0 24px}
.ce-c{position:relative;display:grid;gap:14px;padding:20px;border-radius:28px;background:#fff;border:1px solid #efe5d2;box-shadow:0 14px 40px rgba(60,40,10,.07)}
.ce-c.next{padding-top:44px;border:1.5px solid #d9a646;box-shadow:0 18px 50px rgba(185,133,48,.18)}
.ce-k{position:absolute;left:20px;top:14px;font-weight:800;font-size:13px;color:#8a6a2a}
.ce-h{display:flex;align-items:flex-start;gap:14px}
.ce-d{flex:none;display:grid;place-items:center;align-content:center;width:72px;height:72px;border-radius:20px;background:#1d1534;color:#fff7e3}
.ce-c.next .ce-d{background:var(--pg-btn,#1d1534);color:var(--pg-btx,#fff7e3)}
.ce-d>b{font-family:var(--fd);font-weight:900;font-size:26px;line-height:1}
.ce-d.td>b{font-size:15px}
.ce-d>span{font-size:12px;font-weight:700;opacity:.85}
.ce-t{flex:1;min-width:0}
.ce-t h2{margin:0;font-family:var(--fd);font-weight:900;font-size:21px;line-height:1.15;color:#1d1534;text-wrap:balance}
.ce-t p{margin:4px 0 0;color:var(--ink2);font-size:14.5px}
.ce-pl{display:flex;align-items:center;gap:5px}
.ce-pl .ui{width:15px;height:15px;flex:none}
.ce-h .pm-stt{flex:none}
.ce-s{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:8px}
.ce-n{display:grid;gap:2px;padding:10px 12px;border-radius:16px;background:rgba(255,255,255,.75);border:1px solid #efe5d2}
.ce-n>b{font-family:var(--fd);font-weight:900;font-size:22px;line-height:1.05}
.ce-n>span{font-size:12.5px;color:var(--ink2)}
.ce-n.ok>b{color:#16794f}.ce-n.no>b{color:#b4462f}.ce-n.wt>b{color:#8a6a2a}.ce-n.gf>b{color:#5b3fb0}
.ce-w{margin:0;font-size:14px;color:var(--ink2)}
.ce-a{display:flex;flex-wrap:wrap;gap:8px}
.ce-a .pill.on{background:#1d1534;color:#fff7e3}
.pm-my-cab{display:none}
.pm-phn{position:relative;background:var(--phn,linear-gradient(145deg,#fff3c9,#e7bb5c 28%,#fff0b8 52%,#d9a646 76%,#fff3c9));box-shadow:inset 0 1px 0 rgba(255,255,255,.8),0 0 0 1px #c9952f,0 22px 50px rgba(185,133,48,.3)}
.pm-phn{overflow:hidden;isolation:isolate}
.pm-phn::after{content:"";position:absolute;inset:-20% auto -20% -60%;z-index:3;width:40%;transform:skewX(-20deg);background:linear-gradient(90deg,transparent,rgba(255,255,255,.55),transparent);animation:pmSheen 5s ease-in-out 1.5s infinite;pointer-events:none}
@media (prefers-reduced-motion:reduce){.pm-phn::after{animation:none;display:none}}
.pmm-ph{box-shadow:0 0 0 5px var(--acc),0 0 0 8px var(--mol,#c9952f),0 18px 36px rgba(0,0,0,.2)}
.pm-tph{box-shadow:0 0 0 3px var(--acc),0 0 0 5px var(--mol,#c9952f)}
.pmm-ph span{color:#2a2340}
@media (max-width:560px){.ce-s{grid-template-columns:repeat(2,minmax(0,1fr))}.ce-c{padding:16px}.ce-c.next{padding-top:40px}.ce-d{width:60px;height:60px}.ce-t h2{font-size:19px}.ce-h{flex-wrap:wrap}}

/* v41: выбор фото */
.pm-pm{display:grid;gap:10px;margin-top:4px}
.pm-pmg{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}
.pm-pmo{position:relative;display:flex;align-items:center;gap:12px;padding:12px;border-radius:20px;background:#fff;border:1.5px solid #eadfca;text-align:left;transition:border-color .2s,box-shadow .2s}
.pm-pmo.on{border-color:#d9a646;box-shadow:0 0 0 3px rgba(217,166,70,.22);background:#fffaf0}
.pm-pmo:focus-visible{outline:3px solid #1d1534;outline-offset:2px}
.pm-pmi{position:relative;flex:none;width:58px;height:58px;border-radius:16px;overflow:hidden;background:#f4ecdc}
.pm-pmi img{width:100%;height:100%;object-fit:cover}
.pm-pmi-g img{filter:saturate(1.35) contrast(1.05) sepia(.18) hue-rotate(-8deg)}
.pm-pmi-g::after{content:"";position:absolute;inset:0;background:radial-gradient(70% 60% at 30% 20%,rgba(255,240,190,.55),transparent 60%),linear-gradient(160deg,rgba(123,92,255,.25),rgba(255,111,174,.2))}
.pm-pmi-g i{position:absolute;right:4px;top:4px;z-index:1;display:grid;place-items:center;width:20px;height:20px;border-radius:50%;background:#1d1534;color:#f3cd6b}
.pm-pmi-g i .ui{width:12px;height:12px}
.pm-pmt{display:grid;gap:3px;min-width:0}
.pm-pmt b{font-size:15px;font-weight:800;color:#1d1534}
.pm-pmt>span{font-size:13px;line-height:1.35;color:var(--ink2)}
.pm-pmt em{justify-self:start;margin-top:2px;padding:2px 8px;border-radius:999px;background:linear-gradient(135deg,#fff3c9,#f4d27a);font-style:normal;font-weight:800;font-size:11.5px;color:#5a3d08}
.pm-pmc{position:absolute;right:10px;top:10px;display:grid;place-items:center;width:22px;height:22px;border-radius:50%;border:1.5px solid #d8ccb4;background:#fff}
.pm-pmc .ui{width:13px;height:13px;opacity:0}
.pm-pmo.on .pm-pmc{background:#1d1534;border-color:#1d1534;color:#f3cd6b}
.pm-pmo.on .pm-pmc .ui{opacity:1}
.pm-pmo .pm-pmt{padding-right:22px}
@media (max-width:560px){.pm-pmg{grid-template-columns:minmax(0,1fr)}}
.pmm.orig .pmm-b,.pmm.orig .pmm-f{display:none}
.pm-th.orig .pm-tmed .pmm-b,.pm-th.orig .pm-tmed .pmm-f{display:none}

/* v42: окно оплаты в один экран */
.pm-pc.pq{position:relative;display:grid;gap:10px;justify-items:stretch;width:min(420px,100%);max-height:calc(100dvh - 24px);overflow:auto;padding:18px 18px 16px;text-align:left}
.pq-x{position:absolute;right:10px;top:10px;z-index:2;display:grid;place-items:center;width:40px;height:40px;border-radius:50%;background:rgba(42,35,64,.07);color:#1d1534}
.pq-x .ui{width:20px;height:20px}
.pq-x:focus-visible{outline:3px solid #1d1534;outline-offset:2px}
.pq-tm{display:flex;align-items:center;gap:10px;justify-self:start;padding-right:48px}
.pq-tm svg{width:40px;height:40px;transform:rotate(-90deg)}
.pq-tm circle{fill:none;stroke:#f1e6cf;stroke-width:4}
.pq-tm .pq-rp{stroke:#d9a646;stroke-linecap:round;stroke-dasharray:106.8;stroke-dashoffset:calc(106.8 * (1 - var(--p)))}
.pq-tm span{display:grid;line-height:1.1;font-size:12.5px;color:var(--ink2)}
.pq-tm b{font-family:var(--fd);font-weight:900;font-size:20px;color:#1d1534}
.pq-t{margin:2px 48px 0 0;font-family:var(--fd);font-weight:900;font-size:22px;line-height:1.15;color:#1d1534}
.pq-ok+.pq-t{margin-right:0}
.pq-s{margin:0;font-size:14px;line-height:1.4;color:var(--ink2)}
.pq-f{display:grid;gap:8px}
.pq-f .inp{height:48px}
.pq .pm-agree{padding:2px 0;font-size:13px}
.pq-pl{justify-self:start;padding:2px 0;font-weight:700;font-size:14px;color:#8a6a2a;text-decoration:underline;text-underline-offset:3px}
.pq-e{margin:0}
.pq .pm-payb{width:100%;height:54px}
.pq-ft{display:flex;align-items:center;justify-content:space-between;gap:10px;font-size:12px;color:var(--mute)}
.pq-ft .lnk{font-size:14px}
.pq-ok{justify-self:start;display:grid;place-items:center;width:48px;height:48px;border-radius:50%;background:linear-gradient(135deg,#fff3c9,#d9a646);color:#3a2604}
.pq-ok .pm-cr,.pq-ok .ui{width:24px;height:24px}
.pq-burn{background:#f4ecdc;color:#8a6a2a}
.pq .sh-b{min-height:62px;padding:8px 4px}
.pq .sh-b .ui{width:18px;height:18px}
.pq-a{display:flex;flex-wrap:wrap;gap:8px}
.pq-a>*{flex:1 1 auto;justify-content:center}
.wl-sug{display:flex;align-items:center;gap:14px;flex-wrap:wrap;margin-bottom:14px;padding:14px 16px;border-radius:22px;color:#fff7e3;background:radial-gradient(120% 160% at 100% 0%,rgba(217,166,70,.32),transparent 55%),linear-gradient(120deg,#1d1534,#3a2560);box-shadow:0 0 0 1.5px #b98530}
.wl-sug-i{flex:none;display:grid;place-items:center;width:44px;height:44px;border-radius:14px;background:rgba(255,255,255,.1);color:#f3cd6b}
.wl-sug-i .pm-cr{width:22px;height:22px}
.wl-sug-t{flex:1;min-width:200px;display:grid;gap:3px}
.wl-sug-t b{font-size:16px;color:#f3cd6b}
.wl-sug-t>span{font-size:14px;line-height:1.4;color:#e5d8ff}

/* v43: начать заново — в углу карточки шага */
.rs-host{position:relative}
.rs-host>.rs{position:absolute;right:22px;top:24px;z-index:3}
.rs-host h2.pm-ct,.rs-host h2.sv-t{padding-right:190px}
.rs-b{display:inline-flex;align-items:center;gap:8px;height:42px;padding:0 18px 0 14px;border-radius:999px;background:linear-gradient(135deg,#fff0f4,#ffe2ea);border:1.5px solid #ff8fb0;box-shadow:0 6px 16px rgba(255,92,154,.18);font-weight:800;font-size:14.5px;color:#b0245a;white-space:nowrap;transition:transform .3s var(--spring),box-shadow .25s}
.rs-b .ui{width:18px;height:18px;transition:transform .5s var(--spring)}
.rs-b:hover{transform:translateY(-1px);box-shadow:0 10px 22px rgba(255,92,154,.26)}
.rs-b:hover .ui{transform:rotate(-200deg)}
.rs-b:focus-visible,.rs-y:focus-visible,.rs-n:focus-visible{outline:3px solid #b0245a;outline-offset:2px}
.rs-q{position:absolute;right:0;top:0;display:grid;gap:10px;width:min(280px,calc(100vw - 48px));padding:14px;border-radius:20px;background:#fff;border:1.5px solid #ff8fb0;box-shadow:0 18px 40px rgba(42,35,64,.18);font-size:14.5px;font-weight:700;color:#1d1534}
.rs-q>span{line-height:1.35}
.rs-b .rs-sh{display:none}
.rs-q>button{height:40px;border-radius:999px;font-weight:800;font-size:14px}
.rs-y{background:#b0245a;color:#fff}
.rs-n{background:rgba(42,35,64,.06);color:#1d1534}
@media (prefers-reduced-motion:reduce){.rs-b,.rs-b .ui{transition:none}}
@media (max-width:760px){
.rs-host>.rs{right:14px;top:16px}
.rs-host h2.pm-ct,.rs-host h2.sv-t{padding-right:118px}
.rs-b{height:38px;padding:0 13px 0 10px;gap:6px;font-size:13.5px}
.rs-b .rs-l{display:none}
.rs-b .rs-sh{display:inline}
}

/* v44: посмотреть как гость — акцент */
.pm-pvb{position:relative;isolation:isolate;overflow:hidden;display:inline-flex;align-items:center;gap:10px;height:54px;padding:0 24px 0 18px;border-radius:999px;border:0;background:linear-gradient(115deg,#7b5cff 0%,#b25cff 45%,#ff5c9a 100%);color:#fff;font-weight:800;font-size:16px;box-shadow:0 12px 28px rgba(140,80,255,.35),inset 0 1px 0 rgba(255,255,255,.35);transition:transform .35s var(--spring),box-shadow .3s}
.pm-pvb .ui{width:20px;height:20px;color:#fff3c9}
.pm-pvb::after{content:"";position:absolute;inset:-40% auto -40% -60%;z-index:-1;width:40%;transform:skewX(-20deg);background:linear-gradient(90deg,transparent,rgba(255,255,255,.55),transparent);animation:pmSheen 4.5s ease-in-out 2s infinite}
.pm-pvb:hover{transform:translateY(-2px);box-shadow:0 16px 34px rgba(140,80,255,.45)}
.pm-pvb:focus-visible{outline:3px solid #1d1534;outline-offset:3px}
.pm-pvh{max-width:280px;margin-inline:auto;text-align:center}
.pm-guestv{background:linear-gradient(115deg,#7b5cff 0%,#b25cff 45%,#ff5c9a 100%);box-shadow:0 12px 28px rgba(140,80,255,.3);color:#fff}
.pm-guestv .pm-gv-i{background:rgba(255,255,255,.2);color:#fff3c9}
.pm-guestv span span{color:rgba(255,255,255,.88)}
@media (prefers-reduced-motion:reduce){.pm-pvb::after{animation:none;display:none}}
@media (max-width:760px){.pm-pvb{width:100%;justify-content:center}}
/* черновики */
.pm-see .ui,.pm-del .ui{width:16px;height:16px}
.pm-del{color:#b0245a}
.pm-delq{display:inline-flex;align-items:center;gap:6px;flex-wrap:wrap;padding:4px 4px 4px 12px;border-radius:999px;background:#fff0f4;border:1px solid #ff8fb0;font-size:13.5px;font-weight:700;color:#7a1640}
.pm-dely{height:32px;padding:0 12px;border-radius:999px;background:#b0245a;color:#fff;font-weight:800;font-size:13px}
.pm-deln{height:32px;padding:0 10px;border-radius:999px;font-weight:700;font-size:13px;color:#7a1640}
.pm-dely:focus-visible,.pm-deln:focus-visible{outline:3px solid #b0245a;outline-offset:2px}

/* v45: экскурсии */
.tcard .ev-hd{overflow:hidden}
.tr-path{position:absolute;inset:0;z-index:0;width:100%;height:100%;pointer-events:none}
.tr-path path{fill:none;stroke:#fff;stroke-width:3;stroke-linecap:round;stroke-dasharray:2 9;opacity:.9;vector-effect:non-scaling-stroke}
.tr-dur .ev-day{font-size:24px;letter-spacing:-.02em}
.tr-fm.ind{background:color-mix(in srgb,var(--cA) 16%,#fff);color:color-mix(in srgb,var(--cA) 70%,#2a2340)}
.tr-rt{font-weight:800;color:var(--ink)}
.tr-rt .ui{width:15px;height:15px;color:#ffb400}
.tr-rt small{margin-left:2px;font-weight:600;color:var(--mute);font-size:12.5px}
.tr-pu{font-weight:600;font-size:12.5px;color:var(--mute)}
.tr-ptn{display:inline-flex;align-items:center;gap:8px;max-width:300px;padding:10px 14px;border-radius:18px;background:rgba(255,255,255,.75);border:1px solid var(--line);font-size:13.5px;font-weight:700;line-height:1.3;color:var(--ink2)}
.tr-ptn .ui{flex:none;width:18px;height:18px;color:#2f9e6a}
.tr-ptn.sm{padding:4px 10px;border-radius:999px;font-size:12.5px;background:#eaf7ef;border-color:#cdebd8;color:#1e7a4f}
.tr-disc{margin-top:22px;font-size:13px;color:var(--mute)}
.tr-hs{margin-top:6px;color:var(--ink2);font-weight:600}
.cx-mode{flex-wrap:wrap}
/* герой страницы экскурсии: маршрут */
.tr-hero{position:relative;isolation:isolate;aspect-ratio:16/7;border-radius:32px;overflow:hidden;background:linear-gradient(135deg,var(--c1),var(--c2))}
.tr-map{position:absolute;inset:0;width:100%;height:100%}
.tr-road{fill:none;stroke:rgba(255,255,255,.55);stroke-width:26;stroke-linecap:round;vector-effect:non-scaling-stroke}
.tr-dash{fill:none;stroke:#fff;stroke-width:4;stroke-linecap:round;stroke-dasharray:3 12;vector-effect:non-scaling-stroke;animation:trDash 14s linear infinite}
@keyframes trDash{to{stroke-dashoffset:-300}}
.tr-dot{position:absolute;z-index:2;display:grid;place-items:center;width:38px;height:38px;margin:-19px 0 0 -19px;border-radius:50%;background:#fff;box-shadow:0 8px 18px rgba(42,35,64,.18);font-weight:800;font-size:15px;color:var(--ink)}
.tr-dot.first{background:var(--ink);color:#fff}
.tr-dot.last{background:var(--cA);color:#fff}
.tr-hic{position:absolute;z-index:1;right:4%;bottom:6%;width:26%;max-width:190px;aspect-ratio:1;height:auto;transform:rotate(8deg);filter:drop-shadow(0 12px 16px rgba(42,35,64,.2))}
.tr-hl{position:absolute;z-index:3;left:18px;top:18px;display:flex;flex-wrap:wrap;gap:8px;max-width:70%}
.tr-hl span{display:inline-flex;align-items:center;gap:6px;height:34px;padding:0 13px;border-radius:999px;background:rgba(255,255,255,.88);font-weight:700;font-size:14px}
.tr-hl .ui{width:16px;height:16px}
/* программа */
.tr-steps{display:grid;gap:0;margin:0;padding:0;list-style:none}
.tr-st{position:relative;display:grid;grid-template-columns:44px minmax(0,1fr);gap:16px;padding-bottom:22px}
.tr-st::before{content:"";position:absolute;left:21px;top:44px;bottom:0;border-left:3px dotted color-mix(in srgb,var(--ink) 25%,transparent)}
.tr-st:last-child{padding-bottom:0}
.tr-st:last-child::before{display:none}
.tr-sn{display:grid;place-items:center;width:44px;height:44px;border-radius:50%;background:#fff;border:2px solid var(--ink);font-weight:800;font-size:16px}
.tr-st:first-child .tr-sn{background:var(--ink);color:#fff}
.tr-st:last-child .tr-sn{background:var(--sun);border-color:var(--sun)}
.tr-sb{display:grid;gap:3px;padding-top:2px;min-width:0}
.tr-sb b{font-size:17px}
.tr-sb p{margin:0;color:var(--ink2)}
.tr-tm{font-size:13px;font-weight:700;color:var(--mute)}
.tr-nt{display:flex;gap:10px;align-items:flex-start;margin:0;font-size:14px;color:var(--ink2)}
.tr-nt .ui{flex:none;width:18px;height:18px;margin-top:2px;color:var(--mute)}
.tr-wn{margin:0;color:var(--ink2)}
.dch.off{opacity:.38;cursor:not-allowed}
.tr-times{display:flex;flex-wrap:wrap;align-items:center;gap:8px}
.tr-tl{flex-basis:100%;font-weight:700;font-size:14px;color:var(--ink2)}
.trf{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:0;margin:0;border-radius:28px;background:rgba(255,255,255,.82);border:1px solid rgba(255,255,255,.95);overflow:hidden}
.trf-i{display:grid;grid-template-columns:40px minmax(0,1fr);grid-template-rows:auto auto;column-gap:12px;row-gap:4px;align-content:start;padding:20px 20px 22px;border-right:1px dashed rgba(42,35,64,.12);border-bottom:1px dashed rgba(42,35,64,.12)}
.trf-i:nth-child(3n){border-right:0}
.trf-i:nth-last-child(-n+3){border-bottom:0}
.trf-ic{grid-row:1/3;display:grid;place-items:center;width:40px;height:40px;border-radius:14px;background:var(--c1);color:color-mix(in srgb,var(--cA) 75%,#2a2340)}
.trf-ic .ui{width:20px;height:20px}
.trf dt{margin:0;font-size:13px;font-weight:600;line-height:1.3;color:var(--mute)}
.trf dd{margin:0;font-family:var(--fd);font-size:19px;font-weight:800;line-height:1.2;letter-spacing:-.005em;color:var(--ink);overflow-wrap:break-word;hyphens:auto}
@media (max-width:760px){
.trf{grid-template-columns:repeat(2,minmax(0,1fr));border-radius:22px}
.trf-i{padding:16px 14px 18px;grid-template-columns:minmax(0,1fr);row-gap:6px}
.trf-ic{grid-row:auto;width:34px;height:34px;border-radius:12px;margin-bottom:4px}
.trf-i:nth-child(3n){border-right:1px dashed rgba(42,35,64,.12)}
.trf-i:nth-child(2n){border-right:0}
.trf-i:nth-last-child(-n+3){border-bottom:1px dashed rgba(42,35,64,.12)}
.trf-i:nth-last-child(-n+2){border-bottom:0}
.trf dd{font-size:17px}
}
/* отзывы */
.tr-rv{display:flex;flex-wrap:wrap;align-items:center;gap:14px 20px;padding:20px 22px;border-radius:26px;background:rgba(255,255,255,.78);border:1px solid rgba(255,255,255,.95)}
.tr-rvb{display:grid;gap:4px;flex:1;min-width:180px;font-weight:600;color:var(--ink2)}
.tr-rv .pill .ui{width:15px;height:15px}
/* бронь */
.tr-bk{gap:14px}
.tr-row{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:12px 0;border-bottom:1px dashed rgba(42,35,64,.14)}
.tr-row>span{color:var(--ink2);font-weight:600}
.tr-row>b{text-align:right}
.tr-qty{display:inline-flex;align-items:center;gap:6px;padding:4px;border-radius:999px;background:rgba(42,35,64,.06)}
.tr-qty b{min-width:30px;text-align:center;font-size:17px}
.tr-qty button{display:grid;place-items:center;width:36px;height:36px;border-radius:50%;background:#fff;box-shadow:0 2px 6px rgba(42,35,64,.12)}
.tr-qty button:disabled{opacity:.4;box-shadow:none}
.tr-qty .ui{width:16px;height:16px}
.tr-warn{margin:0;padding:10px 12px;border-radius:14px;background:#fff6dc;font-size:13.5px;font-weight:600;color:#7a5600}
.tr-tot{display:flex;align-items:baseline;justify-content:space-between;gap:12px}
.tr-tot span{color:var(--ink2);font-weight:600}
.tr-tot b{font-family:var(--fd);font-size:26px;letter-spacing:-.01em}
.tr-bk .btn-b .ui,.tr-bar .btn .ui{width:17px;height:17px}
.tr-bar{display:none}
.tr-page .dch:focus-visible,.tr-qty button:focus-visible,.tcard .rc-a:focus-visible{outline:3px solid var(--ink);outline-offset:2px}
@media (prefers-reduced-motion:reduce){.tr-dash{animation:none}}
@media (max-width:760px){
.tr-hero{aspect-ratio:4/3;border-radius:24px}
.tr-hic{width:34%}
.tr-hl{left:12px;top:12px;max-width:calc(100% - 24px)}
.tr-hl span{height:30px;font-size:13px}
.tr-dot{width:32px;height:32px;margin:-16px 0 0 -16px;font-size:13px}
.tr-ptn{max-width:none}
.pgh-act .tr-ptn{display:none}
.tr-page{padding-bottom:96px}
.tr-bar{position:fixed;left:0;right:0;bottom:0;z-index:60;display:flex;align-items:center;justify-content:space-between;gap:12px;padding:12px max(16px,env(safe-area-inset-right,0px)) calc(12px + env(safe-area-inset-bottom,0px)) max(16px,env(safe-area-inset-left,0px));background:rgba(255,255,255,.96);box-shadow:0 -10px 30px rgba(42,35,64,.14);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}
.tr-bar>div{display:grid;min-width:0}
.tr-bar b{font-family:var(--fd);font-size:20px}
.tr-bar span{font-size:12.5px;font-weight:600;color:var(--mute)}
.tr-bar .btn{flex:none;height:48px;padding:0 18px}
.pgrid .tr-dur .ev-day{font-size:18px}
.pgrid .tr-pu{display:block;font-size:11px}
.pgrid .tr-rt small{font-size:11px}
}

/* v46: разделы на телефоне — без прокрутки вбок */
.cx-pick,.cx-more{display:none}
@media (max-width:760px){
.cx-pick{position:relative;z-index:42;display:flex;align-items:center;gap:12px;width:100%;min-height:56px;padding:0 9px 0 20px;border-radius:18px;background:var(--ink);border:0;box-shadow:0 12px 26px rgba(42,35,64,.24);text-align:left;color:#fff;transition:box-shadow .25s,border-radius .25s}
.cx-pick .cx-ci{display:none}
.cx-pt{display:flex;align-items:center;flex:1;min-width:0}
.cx-pt small{display:none}
.cx-pt b{font-size:17px;font-weight:800;line-height:1.2;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.cx-pc{flex:none;display:flex;align-items:center;justify-content:center;width:38px;height:38px;border-radius:12px;background:rgba(255,255,255,.14);font-size:0;line-height:0;color:#fff}
.cx-pc .ui{display:block;width:18px;height:18px;margin:0;transition:transform .3s var(--spring)}
.cx-pick.open{border-radius:18px 18px 0 0;box-shadow:0 10px 26px rgba(42,35,64,.2)}
.cx-pick.open .cx-pc .ui{transform:rotate(180deg)}
.cx-pick:focus-visible{outline:3px solid var(--sun);outline-offset:2px}
.cx-more:focus-visible,.cx .cx-cats.open .cx-cat:focus-visible{outline:3px solid var(--ink);outline-offset:-3px}
.cx-ddb{display:none}
.cx-ddb.open{display:block;position:fixed;inset:0;z-index:40;background:rgba(42,35,64,.18)}
.cx .cx-cats{display:none}
.cx .cx-cats.open{position:absolute;left:0;right:0;top:56px;z-index:41;display:flex;flex-direction:column;flex-wrap:nowrap;gap:0;margin:0;padding:6px;max-height:min(62vh,460px);overflow-y:auto;overscroll-behavior:contain;background:#fff;border:2px solid var(--ink);border-top:0;border-radius:0 0 18px 18px;box-shadow:0 22px 40px rgba(42,35,64,.2);animation:cxDd .22s ease-out both}
@keyframes cxDd{from{opacity:0;transform:translateY(-6px)}}
.cx .cx-cats.open .cx-cat{position:relative;flex:none;justify-content:flex-start;gap:0;width:100%;height:46px;min-height:0;padding:0 44px 0 12px;border:0;border-radius:12px;background:transparent;box-shadow:none;color:var(--ink);font-size:15.5px;font-weight:600;white-space:nowrap;text-align:left}
.cx .cx-cats.open .cx-cat:first-child{padding:0 44px 0 12px}
.cx .cx-cats.open .cx-ci{display:none}
.cx .cx-cats.open .cx-cn{overflow:hidden;text-overflow:ellipsis}
.cx .cx-cats.open .cx-cat:active{background:rgba(42,35,64,.06)}
.cx .cx-cats.open .cx-cat.on{background:color-mix(in srgb,var(--cA) 13%,#fff);font-weight:800}
.cx .cx-cats.open .cx-cat.on::after{content:"";position:absolute;right:18px;top:50%;width:6px;height:12px;margin-top:-8px;border:solid var(--ink);border-width:0 2.5px 2.5px 0;transform:rotate(45deg)}
.cx .cx-cats.open .cx-cat+.cx-cat{margin-top:1px}
.cx .cx-subs{flex-wrap:wrap;overflow:visible;margin:0;padding:12px;border-radius:22px;border-width:1px;gap:6px}
.cx .cx-sub{height:36px;padding:0 13px;font-size:13.5px}
.cx .cx-sub.x{display:none}
.cx-more{display:inline-flex;align-items:center;gap:4px;height:36px;padding:0 12px 0 14px;border-radius:999px;border:1.5px dashed color-mix(in srgb,var(--cA) 55%,#fff);background:transparent;font-weight:700;font-size:13.5px;color:color-mix(in srgb,var(--cA) 70%,#2a2340)}
.cx-more .ui{width:15px;height:15px;transition:transform .35s var(--spring)}
.cx-subs.all .cx-more .ui{transform:rotate(180deg)}
/* возраст — тоже без прокрутки */
.cx .cx-ag{flex-wrap:wrap;overflow:visible;margin:0;padding:0}
@media (prefers-reduced-motion:reduce){.cx .cx-cats.open{animation:none}}
}

/* v47: «Почему нам доверяют» — одна спокойная плашка, отличная от карточек */
.tr{grid-template-columns:repeat(4,minmax(0,1fr));gap:0;padding:8px;border-radius:28px;background:color-mix(in srgb,#8b6cff 7%,#fffaf2);border:1.5px dashed color-mix(in srgb,#8b6cff 30%,transparent)}
.tr .ti{gap:12px;padding:16px 18px;border-radius:0;background:transparent;border:0;box-shadow:none}
.tr .ti:hover{transform:none;background:transparent;box-shadow:none}
.tr .ti+.ti{border-left:1px dashed color-mix(in srgb,#8b6cff 26%,transparent)}
.tr .ti-ic{width:40px;height:40px;border-radius:13px;flex:none}
.tr .ti-ic .ui{width:20px;height:20px}
.tr .ti-t{font-size:15.5px;margin:0 0 3px}
.tr .ti-s{font-size:13px;line-height:1.35}
/* v47: телефон — без прокрутки вбок */
.res-act{display:grid;grid-template-columns:repeat(3,auto);gap:10px}
.res-act .lnk{justify-content:center}
@media (max-width:760px){
.chips{flex-wrap:wrap;overflow:visible;margin:0;padding:0;scroll-snap-type:none}
.chips>*{flex:0 1 auto}
.tabs{flex-wrap:wrap;overflow:visible;margin:0 0 18px !important;padding:0}
.rg,.pg,.kg,.eg{grid-auto-flow:row;grid-template-columns:repeat(2,minmax(0,1fr));grid-auto-columns:auto;gap:12px 10px;margin:0;padding:4px 0 8px;overflow:visible;scroll-snap-type:none}
.rg>*,.pg>*,.kg>*,.eg>*,.fg>*{scroll-snap-align:none;min-width:0}
.fg{grid-auto-flow:row;grid-template-columns:repeat(2,minmax(0,1fr));grid-auto-columns:auto;gap:10px;margin:0;padding:4px 0 8px;overflow:visible;scroll-snap-type:none}
.mp-list{flex-direction:column;max-height:none;overflow:visible;padding:4px 0 6px;scroll-snap-type:none}
.seg button{font-size:13px;padding:0 2px;letter-spacing:-.01em}
.pg .pc-ft .pc-age{display:none}
.pg .pc-ft .cmp{width:100%;justify-content:center}
.mp-list .mi{min-height:0}
.fg .bc{border-radius:22px}
.fg .bc-cv{margin:6px 6px 0;aspect-ratio:4/3;border-radius:17px}
.fg .bc-b{display:block;padding:10px 12px 14px}
.fg .bc-t{font-size:15px;line-height:1.2;margin:0 0 4px;overflow-wrap:break-word;hyphens:auto}
.fg .bc-d{font-size:12.5px;line-height:1.35;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden}
.fg .fc-go{position:absolute;right:12px;top:12px;width:34px;height:34px;margin:0;box-shadow:0 6px 14px rgba(42,35,64,.25)}
.fg .fc-go .ui{width:16px;height:16px}
.eg .ev,.rg .ev{border-radius:22px}
.eg .ev-hd{margin:6px 6px 0;border-radius:17px;aspect-ratio:1/1;padding:8px}
.eg .ev-date{width:44px;height:50px;border-radius:13px}
.eg .ev-day{font-size:19px}
.eg .ev-mon{margin-top:3px;font-size:9.5px;letter-spacing:.04em}
.eg .ev .fav{top:12px;right:12px;width:34px;height:34px}
.eg .ev .fav .ui{width:17px;height:17px}
.eg .ev-b{gap:6px;padding:10px 10px 12px}
.eg .ev-tags{gap:4px}
.eg .tg{height:22px;padding:0 7px;font-size:11px}
.eg .ev-t{font-size:14.5px;line-height:1.22;overflow-wrap:break-word;hyphens:auto;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden}
.eg .ev-v{font-size:12px;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}
.eg .ev-ft{flex-direction:column;align-items:flex-start;gap:4px;padding-top:9px;font-size:12.5px}
.eg .ev-tm{gap:5px;white-space:nowrap;max-width:100%;overflow:hidden;text-overflow:ellipsis;display:block}
.eg .ev-tm .ui{display:inline-block;vertical-align:-2px;margin-right:4px}
.rg:has(.empty[hidden]),.pg:has(.empty[hidden]),.eg:has(.empty[hidden]){display:grid}
.eg .ev-tm .ui{width:13px;height:13px;flex:none}
.eg .ev-pr{font-size:14.5px}
.rg .rc-tag{display:block;line-height:26px;height:26px;left:8px;top:8px;padding:0 9px;max-width:calc(100% - 16px);overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:11px}
.rg .rc-t{font-size:14px;line-height:1.22;letter-spacing:-.01em;overflow-wrap:break-word;hyphens:manual}
.rg .rc-b{min-width:0;padding:10px 10px 14px}
.rg .rc-m{font-size:12.5px}
.res-act{grid-template-columns:repeat(3,minmax(0,1fr));gap:8px;width:100%}
.res-act .lnk{height:44px;padding:0 8px;gap:4px;font-size:14px;white-space:nowrap}
.res-act .lnk .ui{width:15px;height:15px}
.tr{grid-template-columns:repeat(2,minmax(0,1fr));padding:4px;border-radius:24px}
.tr .ti{flex-direction:column;gap:8px;padding:14px 12px}
.tr .ti+.ti{border-left:0}
.tr .ti:nth-child(2n){border-left:1px dashed color-mix(in srgb,#8b6cff 26%,transparent)}
.tr .ti:nth-child(n+3){border-top:1px dashed color-mix(in srgb,#8b6cff 26%,transparent)}
.tr .ti-ic{width:34px;height:34px;border-radius:11px}
.tr .ti-ic .ui{width:17px;height:17px}
.tr .ti-t{font-size:14px;line-height:1.2}
.tr .ti-s{font-size:12px}
.cp-mode{display:flex;width:100%}
.cp-mode button{flex:1;padding:0 8px}
}

/* v48: книги для детей */
@media (max-width:1320px) and (min-width:761px){.nv a{padding:0 10px;font-size:14.5px}.nv{gap:0}.nv a.nv-iv{white-space:nowrap}}
/* обложка, нарисованная нами */
.kc{position:relative;isolation:isolate;display:flex;flex-direction:column;width:100%;aspect-ratio:2/3;padding:12% 10% 10% 15%;border-radius:6px 14px 14px 6px;overflow:hidden;background:var(--kb);color:var(--kf);box-shadow:inset 7px 0 0 rgba(0,0,0,.12),inset 9px 0 0 rgba(255,255,255,.12),0 10px 22px rgba(42,35,64,.22);text-align:left}
.kc::after{content:"";position:absolute;inset:0;z-index:-1;background:radial-gradient(120% 70% at 100% 100%,rgba(255,255,255,.28),transparent 60%),linear-gradient(180deg,rgba(255,255,255,.12),transparent 40%)}
.kc-a{font-size:.62em;font-weight:700;line-height:1.2;opacity:.82;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}
.kc-t{margin-top:.45em;font-family:var(--fd);font-weight:800;font-size:1.02em;line-height:1.08;letter-spacing:-.01em;overflow-wrap:break-word;hyphens:auto;display:-webkit-box;-webkit-line-clamp:5;-webkit-box-orient:vertical;overflow:hidden}
.kc-m{position:absolute;z-index:-1;right:-8%;bottom:-6%;width:62%;aspect-ratio:1;height:auto;opacity:.9;transform:rotate(-8deg)}
.kc img{position:absolute;inset:0;z-index:1;width:100%;height:100%;object-fit:cover}
/* полка на главной */
.kshelf-sec .wrap{position:relative}
.kshelf{position:relative;isolation:isolate;padding:34px 34px 26px;border-radius:36px;background:#2a2340;color:#fff;overflow:hidden}
.kshelf::before{content:"";position:absolute;inset:0;z-index:-1;background:radial-gradient(1.5px 1.5px at 12% 18%,#fff8,transparent 60%),radial-gradient(1.5px 1.5px at 38% 9%,#fff6,transparent 60%),radial-gradient(2px 2px at 71% 14%,#ffe27f,transparent 60%),radial-gradient(1.5px 1.5px at 88% 30%,#fff7,transparent 60%),radial-gradient(60% 80% at 100% 0%,rgba(139,108,255,.35),transparent 70%)}
.ks-h{display:flex;align-items:flex-end;justify-content:space-between;gap:16px;flex-wrap:wrap}
.kshelf .sec-t{color:#fff}
.ks-s{margin:6px 0 0;color:rgba(255,255,255,.72);font-weight:600}
.ks-all{background:rgba(255,255,255,.1);color:#fff;border-color:rgba(255,255,255,.2)}
.ks-mode{margin-top:18px;background:rgba(255,255,255,.1)}
.ks-mode button{color:rgba(255,255,255,.8)}
.ks-mode button.on{background:#fff;color:var(--ink)}
.ks-row{position:relative;display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:26px 22px;margin-top:26px;padding-bottom:22px}
.ks-row::after{content:"";position:absolute;left:-14px;right:-14px;bottom:0;height:14px;border-radius:7px;background:linear-gradient(180deg,#ffd25e,#e9a93a);box-shadow:0 10px 22px rgba(0,0,0,.35)}
.ks-b{position:relative;display:grid;gap:10px;align-content:end;color:#fff;font-size:15px;transition:transform .45s var(--spring)}
.ks-b:hover{transform:translateY(-6px) rotate(-1deg)}
.ks-b:focus-visible{outline:3px solid #ffe27f;outline-offset:4px;border-radius:12px}
.ks-f{position:absolute;left:12%;bottom:8px;z-index:2;display:flex;gap:4px}
.ks-f .ui{width:26px;height:26px;padding:5px;border-radius:50%;background:rgba(255,255,255,.92);color:var(--ink)}
.ks-cap{display:none}
.ks-n span{display:inline-flex;align-items:center;gap:5px}
.ks-nt{margin-left:6px}
.ks-n{display:flex;align-items:center;gap:6px 12px;flex-wrap:wrap;margin:16px 0 0;font-size:13px;font-weight:600;color:rgba(255,255,255,.62)}
.ks-n .ui{width:16px;height:16px;color:#ffe27f}
/* карточки книг */
.kgrid{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:26px 18px;margin-top:18px}
.kbc{position:relative;display:flex;flex-direction:column;gap:12px;min-width:0}
.kbc-cv{font-size:16px;transition:transform .45s var(--spring)}
.kbc:hover .kbc-cv{transform:translateY(-4px) rotate(-1deg)}
.kbc .fav{top:8px;right:8px;width:36px;height:36px}
.kbc .kc{padding-top:26%}
.kbc-b{display:grid;gap:4px;min-width:0}
.kbc-t{font-weight:800;font-size:15.5px;line-height:1.22;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}
.kbc-a{margin:0;font-size:13px;color:var(--mute);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.kbc-ft{display:flex;align-items:baseline;justify-content:space-between;gap:8px;margin-top:2px}
.kbc-age{font-size:12.5px;font-weight:700;color:var(--ink2)}
.kbc-pr{font-size:15px}
.kf-row{display:flex;gap:4px;flex-wrap:wrap}
.kf{display:inline-flex;align-items:center;gap:4px;height:24px;padding:0 9px 0 7px;border-radius:999px;font-size:11.5px;font-weight:800}
.kf .ui{width:14px;height:14px}
.kf-t{background:#ece6ff;color:#4b3a8f}
.kf-a{background:#ffe9b3;color:#6b4a12}
.kx-fmt{display:inline-flex}
.kx-cats .cx-cat{padding:0 16px}
/* страница книги */
.kb{display:grid;grid-template-columns:minmax(0,320px) minmax(0,1fr);gap:44px;align-items:start;margin-top:10px}
.kb-cv{position:sticky;top:110px;font-size:28px}
.kb-m{display:grid;gap:14px;min-width:0}
.kb-t{margin:0}
.kb-a{margin:-4px 0 0;font-size:18px;font-weight:700;color:var(--ink2)}
.kb-r{display:flex;align-items:center;gap:6px;margin:0;font-size:15px}
.kb-r .ui{width:18px;height:18px;color:#ffb400}
.kb-r span{color:var(--mute);font-weight:600}
.kb-buy{display:grid;gap:14px;max-width:460px;padding:20px;border-radius:28px;background:#fff;box-shadow:var(--sh2)}
.kb-fs{display:flex}
.kb-fs button{flex:1}
.kb-row{display:flex;align-items:center;gap:12px}
.kb-row>div{display:grid;gap:2px;flex:1;min-width:0}
.kb-row>div span{font-size:13px;color:var(--mute);font-weight:600}
.kb-fi{display:none}
.kb-pr{font-family:var(--fd);font-size:26px;white-space:nowrap}
.kb-about{margin-top:44px;max-width:820px}
.kb-page .tr-bar{display:none}
@media (max-width:1100px){.kgrid{grid-template-columns:repeat(4,minmax(0,1fr))}.ks-row{grid-template-columns:repeat(4,minmax(0,1fr))}.ks-row>:nth-child(n+5){display:none}}
@media (max-width:760px){
.kshelf{margin:0 -4px;padding:24px 16px 18px;border-radius:28px}
.ks-mode{display:flex;width:100%}
.ks-mode button{flex:1}
.ks-row{grid-template-columns:repeat(3,minmax(0,1fr));gap:22px 12px;padding-bottom:0}
.ks-row>:nth-child(n+5){display:grid}
.ks-row::after{display:none}
.ks-b{font-size:10.5px;padding-bottom:16px}
.ks-b .kc{padding:14% 8% 8% 13%}
.ks-f{bottom:22px}
.ks-nt{flex-basis:100%;margin:0}
.ks-b::after{content:"";position:absolute;left:-6px;right:-6px;bottom:0;height:9px;border-radius:5px;background:linear-gradient(180deg,#ffd25e,#e9a93a);box-shadow:0 6px 14px rgba(0,0,0,.3)}
.ks-f .ui{width:22px;height:22px;padding:4px}
.ks-all{order:3}
.kgrid{grid-template-columns:repeat(2,minmax(0,1fr));gap:22px 12px}
.kbc-cv{font-size:15px}
.kbc-t{font-size:14px}
.kx-fmt{display:flex;width:100%}
.kx-fmt button{flex:1;padding:0 6px}
.kb{grid-template-columns:minmax(0,1fr);gap:22px}
.kb-cv{position:static;width:58%;max-width:240px;margin:0 auto;font-size:20px}
.kb-a{font-size:16px}
.kb-buy{padding:16px;border-radius:24px;max-width:none}
.kb-page{padding-bottom:96px}
.kb-page .tr-bar{display:flex}
}

/* v49: крупнее числа в полосе дат, сами кнопки того же размера */
.dstrip .dch b{font-size:26px;line-height:.95;letter-spacing:-.02em}
.dstrip .dch:first-child b{font-size:19px}
.dstrip .dch>span{font-size:12.5px}
.dch b span{font-size:inherit;font-weight:inherit;color:inherit;text-transform:none}
.dch b{color:var(--ink)}
.dch.wk b{color:#e0533d}
.dch.on b{color:inherit}
.dstrip .dch{gap:3px}
@media (max-width:760px){.dstrip .dch b{font-size:24px}.dstrip .dch:first-child b{font-size:17px}}
/* v49: длинные крошки на телефоне переносятся, последняя — обрезается */
@media (max-width:760px){.bc-l,.crumbs,.bc{flex-wrap:wrap;row-gap:2px}}