/* Start:/local/templates/superpuper33/css/home-promo.css?178473940742178*/
/* Редизайн главной 2026-07: стили середины (pm-*), глобальный шрифт Nunito,
   клэмп промо-полосы. Подключается ТОЛЬКО на «/» из index.php (SetAdditionalCSS).
   template_styles.css грузится позже addCss — переопределения через !important. */
/* Шрифт с макета (округлый гротеск ≈ Nunito) — на ВСЮ страницу, включая шапку/футер.
   Исключения: иконки FontAwesome (тег i, классы fa*) — иначе глифы станут квадратами;
   em и .pm-hand — рукописные акценты JakobExtraCTT (стиль боевой главной). */
body,
body :not(i):not(em):not(.pm-hand):not(.fal):not(.fab):not(.fad):not(.far):not(.fas):not([class*="fa-"]){
font-family:'Nunito',Verdana,Arial,sans-serif!important}
.pm-hand{font-family:JakobExtraCTT,Calibri,sans-serif}
:root{--pm-blue:#0aa2d8;--pm-pink:#e8318f;--pm-violet:#7a4fd8;--pm-cyan:#29c5d6;--pm-yellow:#f5b312;
--pm-ink:#191d26;--pm-mut:#5f6b7a;--pm-line:rgba(25,29,38,.09);
--pm-grad:linear-gradient(95deg,#ff6ab5,#e8318f);
--pm-brand:linear-gradient(100deg,#0aa2d8,#7a4fd8 52%,#e8318f);
--r-xl:32px;--r-lg:24px;--r-md:18px;
--sh-sm:0 1px 2px rgba(25,20,50,.04),0 8px 22px rgba(25,20,50,.07);
--sh-md:0 2px 4px rgba(25,20,50,.04),0 18px 44px rgba(25,20,50,.11);
--sh-pink:0 12px 30px rgba(232,49,143,.30)}
/* старый hero скрыт — его заменяет новый первый экран */
.mainheader{display:none!important}
/* промо-полоса «Пенная вечеринка» наверху: высота ограничена тонкой лентой через
   фикс. height+object-fit — иначе браузер порой берёт мобильный баннер 1920×960 и он
   раздувается на пол-экрана, выталкивая первый экран вниз. Так лента тонкая на любом источнике. */
.modul_special-offers{overflow:hidden}
.modul_special-offers_link{display:block;line-height:0}
.modul_special-offers_picture{display:block;width:100%}
.modul_special-offers_image,.modul_special-offers_picture>img{display:block;width:100%;
height:clamp(84px,8.5vw,150px);object-fit:cover;object-position:center}
/* подвал: три фиксированные 300px-колонки в flex-ряду без wrap распирали страницу на ~960-1210px */
@media(min-width:926px) and (max-width:1220px){
.footer .container{flex-wrap:wrap;justify-content:center}
.footer .footer_col{min-width:0}}
.pm-section{padding:48px 0;position:relative}
.pm-section--soft{background:linear-gradient(180deg,#f8fbfe,#fdf6fb)}
.pm-wrap{max-width:1240px;margin:0 auto;padding:0 20px}
.pm-head{text-align:center;margin-bottom:34px}
.pm-eyebrow{display:inline-flex;align-items:center;gap:14px;font:700 12.5px/1 Calibri,sans-serif;
letter-spacing:.22em;text-transform:uppercase;color:var(--pm-pink);margin-bottom:16px}
.pm-eyebrow i{width:26px;height:2px;border-radius:2px;background:var(--pm-grad);opacity:.7}
.pm-eyebrow--left{margin-bottom:10px}.pm-eyebrow--left i{display:none}
.pm-h2{font-family:Inglobal,Calibri,sans-serif;font-size:46px;line-height:1.08;margin:0;font-weight:400;color:var(--pm-ink)}
.pm-h2 em{font-style:normal;font-family:JakobExtraCTT,Calibri,sans-serif;font-size:1.16em;line-height:1;
-webkit-background-clip:text;background-clip:text;color:transparent}
.pm-h2--blue em{background-image:linear-gradient(95deg,#0aa2d8,#7a4fd8);-webkit-background-clip:text;background-clip:text}
.pm-h2--pink em{background-image:linear-gradient(95deg,#ff5aa8,#e8318f);-webkit-background-clip:text;background-clip:text}
.pm-h2--violet em{background-image:linear-gradient(95deg,#7a4fd8,#e8318f);-webkit-background-clip:text;background-clip:text}
.pm-h2--left{text-align:left}
.pm-sub{color:var(--pm-mut);font-size:18px;line-height:1.5;margin:16px auto 0;max-width:620px}
.pm-center{text-align:center;margin-top:38px}
/* ===== кнопки ===== */
.pm-btn{display:inline-flex;align-items:center;gap:10px;background:var(--pm-grad);color:#fff!important;
font-family:Inglobal,Calibri,sans-serif;font-weight:400;font-size:19px;padding:15px 32px;border-radius:999px;
text-decoration:none!important;box-shadow:var(--sh-pink);transition:transform .25s,box-shadow .25s;
margin:4px 6px;border:0;cursor:pointer;line-height:1.1}
.pm-btn:hover{transform:translateY(-2px);box-shadow:0 16px 36px rgba(232,49,143,.42)}
.pm-btn--xl{font-size:21px;padding:18px 40px}
.pm-btn__arr{font-family:Calibri,sans-serif;font-weight:700;transition:transform .25s}
.pm-btn:hover .pm-btn__arr{transform:translateX(4px)}
.pm-btn--white{background:#fff;color:var(--pm-pink)!important;box-shadow:0 10px 28px rgba(20,10,40,.22)}
.pm-btn--ghost{background:#fff;color:var(--pm-ink)!important;box-shadow:var(--sh-sm),inset 0 0 0 1.5px var(--pm-line)}
.pm-btn--ghost:hover{color:var(--pm-pink)!important;box-shadow:var(--sh-md),inset 0 0 0 1.5px #ffc4e2}
.pm-play{display:inline-flex;align-items:center;justify-content:center;width:30px;height:30px;border-radius:50%;
background:var(--pm-grad);color:#fff;flex:0 0 auto;margin-left:-6px}
.pm-play svg{width:15px;height:15px}
.pm-star{display:inline-flex;color:#ffb400}.pm-star svg{width:16px;height:16px}
.pm-ck{display:inline-flex;align-items:center;justify-content:center;width:19px;height:19px;border-radius:50%;
background:var(--pm-grad);color:#fff;flex:0 0 auto}
.pm-ck svg{width:10px;height:10px}
/* ===== появление ===== */
html.pm-js .pm-reveal{opacity:0;transform:translateY(18px);transition:opacity .65s cubic-bezier(.22,.61,.36,1),transform .65s cubic-bezier(.22,.61,.36,1)}
.pm-reveal.is-in{opacity:1;transform:none}
@keyframes pmUp{from{opacity:0;transform:translateY(22px)}to{opacity:1;transform:none}}
@keyframes pmFloat{50%{transform:translateY(-9px)}}
/* ===== HERO ===== */
.pm-hero{background:#fff;position:relative;overflow:hidden;padding:28px 0 64px}
.pm-hero::before{content:"";position:absolute;width:720px;height:720px;border-radius:50%;left:-300px;top:-300px;
background:radial-gradient(circle,#e7f6fd 0%,transparent 68%)}
.pm-hero::after{content:"";position:absolute;width:720px;height:720px;border-radius:50%;right:-280px;bottom:-340px;
background:radial-gradient(circle,#fdeaf5 0%,transparent 68%)}
.pm-hero__grid{display:grid;grid-template-columns:1.04fr .96fr;gap:56px;align-items:center;position:relative;z-index:2}
html.pm-js .pm-hero__txt>*{animation:pmUp .7s .05s both}
.pm-hero__txt>*:nth-child(2){animation-delay:.14s}.pm-hero__txt>*:nth-child(3){animation-delay:.23s}
.pm-hero__txt>*:nth-child(4){animation-delay:.32s}.pm-hero__txt>*:nth-child(5){animation-delay:.41s}
.pm-hero__title{color:var(--pm-ink);font-size:42px;line-height:1.08;margin:0 0 10px;font-weight:900;letter-spacing:-.012em}
.pm-hero__title em{font-style:normal;display:block;font-family:JakobExtraCTT,Calibri,sans-serif;font-weight:400;
font-size:1.2em;line-height:1.04;background:linear-gradient(95deg,#e8318f 25%,#7a4fd8 90%);
-webkit-background-clip:text;background-clip:text;color:transparent}
.pm-hero__tag{font-size:21px;line-height:1.3;font-weight:800;color:var(--pm-ink);margin:0 0 16px}
.pm-hero__tag b{display:block;font-weight:800}
/* чипы услуг (пастельные, как на макете) */
.pm-chips{display:flex;flex-wrap:wrap;gap:8px;margin:0 0 18px;max-width:560px}
.pm-chip{display:inline-block;font-size:14px;font-weight:700;line-height:1;padding:8px 14px;border-radius:11px}
.pm-chip--blue{background:#e4edfb;color:#3c66c4}
.pm-chip--green{background:#dcf3e5;color:#1e9e57}
.pm-chip--pink{background:#fde3ec;color:#d84f79}
.pm-chip--yellow{background:#fdf3d3;color:#c08a12}
.pm-chip--amber{background:#fcecd4;color:#cc7a1d}
.pm-chip--warm{background:#efe9e0;color:#8a7a62}
/* буллеты с цветными точками и акцентами (стиль боевой главной) */
.pm-hero__points{list-style:none;margin:0 0 18px;padding:0}
.pm-hero__points li{position:relative;padding-left:24px;margin:8px 0;font-size:15.5px;font-weight:600;color:#2c3140}
.pm-hero__points li::before{content:"";position:absolute;left:2px;top:.42em;width:10px;height:10px;border-radius:50%}
.pm-hero__points b{font-weight:800}
.pm-dot--violet::before{background:#8b5cf6}.pm-dot--violet b{color:#7a4fd8}
.pm-dot--pink::before{background:#ec4899}.pm-dot--pink b{color:#e8318f}
.pm-dot--yellow::before{background:#f5b312}.pm-dot--yellow b{color:#7a4fd8}
.pm-dot--cyan::before{background:#29c5d6}.pm-dot--cyan b{color:#0aa2d8}
/* кнопки первого экрана: розовая + зелёная пилюли, рукописный шрифт (как на боевой главной) */
.pm-btn2{display:inline-flex;align-items:center;justify-content:center;font-size:20px;font-weight:400;
color:#fff!important;padding:12px 30px;border-radius:999px;text-decoration:none!important;line-height:1.15;
margin:4px 12px 4px 0;transition:transform .25s,box-shadow .25s}
.pm-btn2:hover{transform:translateY(-2px)}
.pm-btn2--pink{background:var(--pm-grad);box-shadow:var(--sh-pink)}
.pm-btn2--pink:hover{box-shadow:0 16px 32px rgba(232,49,143,.42)}
.pm-btn2--green{background:#23ac60;box-shadow:0 10px 24px rgba(35,172,96,.30)}
.pm-btn2--green:hover{box-shadow:0 16px 32px rgba(35,172,96,.40)}
.pm-hero__cta{display:flex;flex-wrap:wrap;align-items:center}
/* коллаж со слоном: 4 карточки 2×2 (из админки, ИБ-34) + плавающие бейджи — вариант В1 */
.pm-hero__vis{position:relative}
.pm-collage2{position:relative;display:grid;grid-template-columns:1fr 1fr;grid-template-rows:1fr 1fr;
gap:9px;height:480px;max-width:552px;margin-left:auto}
.pm-card{position:relative;display:block;border-radius:20px;overflow:hidden;box-shadow:var(--sh-md);
text-decoration:none!important;transition:transform .35s,box-shadow .35s}
.pm-card:hover{transform:translateY(-3px);box-shadow:0 18px 40px rgba(122,79,216,.28)}
.pm-card img{width:100%;height:100%;object-fit:cover;display:block}
/* градиентное затемнение: низ плитки плавно темнеет (под подпись), кверху — чистое фото */
.pm-card::after{content:"";position:absolute;left:0;right:0;bottom:0;height:62%;z-index:1;pointer-events:none;
background:linear-gradient(to top,rgba(14,9,28,.62),rgba(14,9,28,.30) 42%,rgba(14,9,28,0))}
.pm-card__cap{position:absolute;left:14px;bottom:11px;z-index:2;color:#fff;font-size:17px;font-weight:800;
text-shadow:0 2px 10px rgba(0,0,0,.55)}
/* плавающие бейджи поверх коллажа */
.pm-hbadge{position:absolute;background:rgba(255,255,255,.96);backdrop-filter:blur(6px);border-radius:16px;
box-shadow:var(--sh-md);z-index:5;display:flex;align-items:center;gap:10px;padding:11px 15px;text-decoration:none!important}
.pm-hbadge--rate{left:-26px;top:56px;color:var(--pm-ink)}
.pm-hbadge--rate b{font-size:23px;font-weight:900;display:block;line-height:1}
.pm-hbadge--rate small{display:block;color:var(--pm-mut);font-size:11px;margin-top:2px;white-space:nowrap}
.pm-hbadge__col{display:block}
.pm-hstars{display:inline-flex;color:#ffb400;margin-left:6px;vertical-align:1px}
.pm-hstars svg{width:13px;height:13px}
.pm-ya2{display:inline-flex;align-items:center;justify-content:center;width:26px;height:26px;border-radius:7px;
background:#fc3f1d;color:#fff;font-weight:900;font-size:16px;flex:0 0 auto}
.pm-hbadge--fact{right:-18px;top:26px;flex-direction:column;gap:0;text-align:center}
.pm-hbadge--fact b{font-size:27px;font-weight:900;background:var(--pm-grad);-webkit-background-clip:text;
background-clip:text;color:transparent;line-height:1.05}
.pm-hbadge--fact span{font-size:11.5px;font-weight:700;color:var(--pm-mut);line-height:1.2}
.pm-elephant{position:absolute;z-index:4;right:-34px;bottom:-40px;width:37%;height:auto;
filter:drop-shadow(0 16px 28px rgba(60,40,10,.30));animation:pmFloat 7s ease-in-out infinite}
/* ===== мозаика услуг ===== */
.pm-mosaic{display:grid;grid-template-columns:repeat(4,1fr);grid-auto-rows:205px;gap:16px;grid-auto-flow:dense}
.pm-tile{position:relative;border-radius:var(--r-lg);overflow:hidden;display:flex;align-items:flex-end;
text-decoration:none!important;box-shadow:var(--sh-sm);isolation:isolate;transition:box-shadow .35s}
.pm-tile::before{content:"";position:absolute;inset:0;background:var(--bg) center/cover no-repeat;transition:transform .7s cubic-bezier(.22,.61,.36,1);z-index:-2}
.pm-tile::after{content:"";position:absolute;inset:0;z-index:-1;
background:linear-gradient(186deg,rgba(20,12,36,0) 38%,rgba(20,12,36,.82));
box-shadow:inset 0 0 0 1px rgba(255,255,255,.12);border-radius:inherit}
.pm-tile:hover::before{transform:scale(1.055)}
.pm-tile:hover{box-shadow:0 20px 46px rgba(122,79,216,.28)}
.pm-t-big{grid-column:span 2;grid-row:span 2}.pm-t-tall{grid-row:span 2}
.pm-tile__name{color:#fff;font-family:Inglobal,Calibri,sans-serif;font-size:24px;line-height:1.15;
padding:18px 20px 16px;text-shadow:0 1px 6px rgba(0,0,0,.35)}
.pm-t-big .pm-tile__name{font-size:33px;padding:22px 24px 20px}
.pm-tile__more{position:absolute;right:16px;bottom:15px;display:inline-flex;align-items:center;gap:6px;
background:rgba(255,255,255,.95);color:var(--pm-ink);font-size:13px;font-weight:700;padding:8px 14px;
border-radius:999px;opacity:0;transform:translateY(8px);transition:.35s}
.pm-tile__more b{color:var(--pm-pink)}
.pm-tile:hover .pm-tile__more{opacity:1;transform:none}
/* ===== проекты: мозаика зон ===== */
.pm-projmix{display:grid;grid-template-columns:1fr 1fr;gap:20px}
.pm-zone{background:#fff;border-radius:var(--r-xl);border:1px solid var(--pm-line);box-shadow:var(--sh-sm);padding:30px}
.pm-zone--kids{grid-column:1/-1}
.pm-zone__head{display:flex;align-items:baseline;justify-content:space-between;gap:16px;margin:0 0 20px}
.pm-zone__title{font-family:JakobExtraCTT,Calibri,sans-serif;font-size:31px;font-weight:400;margin:0;line-height:1}
.pm-zone__cnt{font-size:13px;font-weight:700;color:var(--pm-mut);background:#f5f7fa;border:1px solid var(--pm-line);
padding:6px 13px;border-radius:999px;white-space:nowrap}
.pm-zmoz{display:grid;grid-template-columns:1fr 1fr;grid-auto-rows:132px;gap:14px;grid-auto-flow:dense}
.pm-zmoz--wide{grid-template-columns:repeat(4,1fr);grid-auto-rows:150px}
.pm-ptile{position:relative;border-radius:var(--r-md);overflow:hidden;display:flex;align-items:flex-end;
text-decoration:none!important;box-shadow:var(--sh-sm);isolation:isolate;transition:transform .35s,box-shadow .35s}
.pm-ptile::before{content:"";position:absolute;inset:0;background:var(--bg) center/cover no-repeat;transition:transform .7s cubic-bezier(.22,.61,.36,1);z-index:-2}
.pm-ptile::after{content:"";position:absolute;inset:0;z-index:-1;border-radius:inherit;
background:linear-gradient(186deg,rgba(20,12,36,0) 42%,rgba(20,12,36,.82));
box-shadow:inset 0 0 0 1px rgba(255,255,255,.1)}
.pm-ptile:hover{transform:translateY(-4px);box-shadow:0 18px 40px rgba(232,49,143,.22)}
.pm-ptile:hover::before{transform:scale(1.05)}
.pm-ptile span{color:#fff;font-size:14.5px;font-weight:700;line-height:1.25;padding:24px 14px 12px;text-shadow:0 1px 5px rgba(0,0,0,.35)}
.pm-ptile--big{grid-column:span 2;grid-row:span 2}
.pm-ptile--big span{font-family:Inglobal,Calibri,sans-serif;font-size:23px;font-weight:400;padding:26px 18px 15px}
.pm-ptile--wide{grid-column:span 2}
/* ===== CTA-панель ===== */
.pm-ctawrap{padding:14px 0}
.pm-cta{background:var(--pm-brand);border-radius:var(--r-xl);padding:52px 56px;position:relative;overflow:hidden;
box-shadow:0 24px 60px rgba(90,50,170,.30)}
.pm-cta__orb{position:absolute;border-radius:50%;background:rgba(255,255,255,.10);pointer-events:none}
.pm-cta__orb--1{width:340px;height:340px;right:-90px;top:-160px}
.pm-cta__orb--2{width:260px;height:260px;left:16%;bottom:-170px;background:rgba(255,255,255,.07)}
.pm-cta__elephant{position:absolute;right:26px;bottom:-12px;height:88%;width:auto;z-index:1;pointer-events:none;
filter:drop-shadow(0 10px 22px rgba(30,10,60,.35))}
.pm-cta__in{display:flex;align-items:center;justify-content:space-between;gap:28px;flex-wrap:wrap;position:relative;z-index:2;padding-right:340px}
.pm-cta__title{color:#fff;font-family:JakobExtraCTT,Calibri,sans-serif;font-size:38px;line-height:1.06}
.pm-cta__text{color:rgba(255,255,255,.92);font-size:17px;margin-top:10px;max-width:560px}
/* ===== карусель МК ===== */
.pm-rail-box{position:relative;max-width:1300px;margin:0 auto;padding:0 46px}
.pm-rail{display:flex;gap:16px;overflow-x:auto;scroll-snap-type:x mandatory;scrollbar-width:none;padding:8px 2px 22px}
.pm-rail::-webkit-scrollbar{display:none}
.pm-rail>*{scroll-snap-align:start;flex:0 0 auto}
.pm-rail--2row{display:grid;grid-template-rows:repeat(2,auto);grid-auto-flow:column;grid-auto-columns:310px}
.pm-arrow{position:absolute;top:40%;width:48px;height:48px;border-radius:50%;border:1px solid var(--pm-line);cursor:pointer;z-index:2;
background:#fff;color:var(--pm-ink);font-size:25px;line-height:1;box-shadow:var(--sh-sm);transition:.3s}
.pm-arrow:hover{background:var(--pm-pink);border-color:var(--pm-pink);color:#fff;box-shadow:var(--sh-pink)}
.pm-arrow--l{left:2px}.pm-arrow--r{right:2px}
.pm-mcard{width:310px;border-radius:var(--r-md);overflow:hidden;background:#fff;border:1px solid var(--pm-line);
box-shadow:var(--sh-sm);text-decoration:none!important;transition:transform .3s,box-shadow .3s;display:block}
.pm-mcard:hover{transform:translateY(-5px);box-shadow:var(--sh-md)}
.pm-mcard img{width:310px;height:248px;object-fit:cover;display:block}
.pm-mcard span{display:block;padding:15px 18px 17px;font-weight:800;font-size:17px;color:var(--pm-ink);line-height:1.3}
/* ===== шаги ===== */
.pm-steps{display:grid;grid-template-columns:repeat(4,1fr);gap:20px}
.pm-step{background:#fff;border-radius:var(--r-lg);border:1px solid var(--pm-line);box-shadow:var(--sh-sm);padding:28px 24px;
transition:transform .3s,box-shadow .3s}
.pm-step:hover{transform:translateY(-4px);box-shadow:var(--sh-md)}
.pm-step__top{position:relative;margin-bottom:18px}
.pm-step__num{display:inline-flex;align-items:center;justify-content:center;width:52px;height:52px;border-radius:50%;
font-family:Inglobal,Calibri,sans-serif;font-size:19px;font-weight:800;color:#fff;background:#8b7cf0;box-shadow:0 8px 18px rgba(139,124,240,.35)}
.pm-step:not(:last-child) .pm-step__top::after{content:"";position:absolute;left:64px;right:-36px;top:25px;
border-top:2px dashed #e3d8f2}
.pm-step__name{font-family:Inglobal,Calibri,sans-serif;font-size:21px;color:var(--pm-ink);margin:0 0 8px}
.pm-step p{color:var(--pm-mut);font-size:15px;line-height:1.55;margin:0}
/* ===== стат-панель + козыри ===== */
.pm-statband{display:grid;grid-template-columns:repeat(4,1fr);background:#fff;border:1px solid var(--pm-line);
border-radius:var(--r-xl);box-shadow:var(--sh-md);padding:44px 10px;margin:6px 0 40px;position:relative;overflow:hidden}
.pm-statband::before{content:"";position:absolute;left:0;right:0;top:0;height:4px;background:var(--pm-brand)}
.pm-stat{text-align:center;padding:6px 18px}
.pm-stat+.pm-stat{border-left:1px solid var(--pm-line)}
.pm-stat__num{font-family:Inglobal,Calibri,sans-serif;font-size:58px;line-height:1;
-webkit-background-clip:text;background-clip:text;color:transparent}
.pm-stat:nth-child(1) .pm-stat__num{background-image:linear-gradient(120deg,#29c5d6,#0aa2d8)}
.pm-stat:nth-child(2) .pm-stat__num{background-image:linear-gradient(120deg,#ff5aa8,#e8318f)}
.pm-stat:nth-child(3) .pm-stat__num{background-image:linear-gradient(120deg,#9a73ec,#7a4fd8)}
.pm-stat:nth-child(4) .pm-stat__num{background-image:linear-gradient(120deg,#ffc93f,#f59312)}
.pm-stat__lbl{font-size:15px;font-weight:700;color:var(--pm-mut);margin-top:10px;line-height:1.3}
.pm-perks{display:grid;grid-template-columns:repeat(3,1fr);gap:20px}
.pm-perk{background:#fff;border-radius:var(--r-lg);border:1px solid var(--pm-line);box-shadow:var(--sh-sm);padding:30px 28px;
transition:transform .3s,box-shadow .3s}
.pm-perk:hover{transform:translateY(-4px);box-shadow:var(--sh-md)}
.pm-perk__ico{display:inline-flex;align-items:center;justify-content:center;width:56px;height:56px;border-radius:18px}
.pm-perk__ico svg{width:28px;height:28px}
.pm-perk:nth-child(1) .pm-perk__ico{background:#e5f7fb;color:#0aa2d8}
.pm-perk:nth-child(2) .pm-perk__ico{background:#fdeaf4;color:#e8318f}
.pm-perk:nth-child(3) .pm-perk__ico{background:#f1eafc;color:#7a4fd8}
.pm-perk__name{font-family:Inglobal,Calibri,sans-serif;font-size:21px;color:var(--pm-ink);margin:16px 0 8px}
.pm-perk p{color:var(--pm-mut);font-size:15px;line-height:1.55;margin:0}
/* ===== благодарности ===== */
.pm-thanks{display:grid;grid-template-columns:repeat(2,1fr);gap:20px}
.pm-th{background:#fff;border-radius:var(--r-lg);border:1px solid var(--pm-line);box-shadow:var(--sh-sm);padding:28px;
display:flex;gap:20px;align-items:flex-start;position:relative;overflow:hidden;transition:transform .3s,box-shadow .3s}
.pm-th:hover{transform:translateY(-3px);box-shadow:var(--sh-md)}
.pm-th::before{content:"“";position:absolute;right:16px;top:-24px;font-family:Georgia,serif;font-size:128px;color:#f7eff8;line-height:1}
.pm-th__photo{width:88px;height:118px;object-fit:cover;border-radius:16px;flex:0 0 auto;box-shadow:var(--sh-sm)}
.pm-th__ava{width:88px;height:88px;border-radius:50%;background:var(--pm-brand);color:#fff;display:flex;
align-items:center;justify-content:center;font-size:38px;font-weight:700;flex:0 0 auto}
.pm-th__body{position:relative}
.pm-th__quote{color:#454f5c;font-size:15px;line-height:1.6;font-style:italic}
.pm-th__name{font-weight:700;color:var(--pm-ink);margin-top:14px;font-size:16px}
.pm-th__note{color:#95a0ad;font-size:13px;margin-top:2px}
.pm-th:last-child{grid-column:1/-1}
/* ===== отзывы (стилистика Яндекса) ===== */
.pm-ya{display:inline-flex;align-items:center;justify-content:center;width:22px;height:22px;border-radius:6px;
background:#fc3f1d;color:#fff;font:700 14px/1 Arial,sans-serif;font-style:normal;flex:0 0 auto}
.pm-ywidget{display:flex;align-items:center;justify-content:center;gap:20px;flex-wrap:wrap;
background:#fff;border:1px solid var(--pm-line);border-radius:20px;box-shadow:var(--sh-sm);padding:20px 32px;
max-width:560px;margin:-8px auto 38px}
.pm-ywidget__brand{display:flex;align-items:center;gap:8px;font-size:17px;color:#21201f}
.pm-ywidget__brand .pm-ya{width:26px;height:26px;font-size:17px}
.pm-ywidget__brand b{font-weight:700}
.pm-ywidget__score{font:700 42px/1 Arial,sans-serif;color:#21201f}
.pm-ywidget__stars{color:#fc0;font-size:19px;letter-spacing:2px}
.pm-ywidget__cnt{color:#8c8c8c;font-size:13.5px;margin-top:2px}
.pm-ywidget__badge{background:#eefbe7;color:#3da10a;font-weight:700;font-size:14px;padding:7px 14px;border-radius:999px}
.pm-award{display:inline-flex;align-items:center;gap:2px;background:#fffbea;border:1px solid #ffe9a8;border-radius:16px;padding:7px 12px}
.pm-award__lav{width:17px;height:30px;flex:0 0 auto}
.pm-award__txt{display:flex;flex-direction:column;align-items:center;line-height:1.15;padding:0 4px}
.pm-award__txt small{font-size:10.5px;font-weight:700;color:#8a7a45;white-space:nowrap}
.pm-award__txt b{font-size:17px;font-weight:900;color:#21201f}
.pm-revgrid{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}
.pm-rev{background:#fff;border-radius:var(--r-lg);border:1px solid var(--pm-line);box-shadow:var(--sh-sm);padding:24px;
transition:transform .3s,box-shadow .3s}
.pm-rev:hover{transform:translateY(-3px);box-shadow:var(--sh-md)}
.pm-rev__head{display:flex;align-items:center;gap:11px;margin-bottom:11px}
.pm-rev__ava{width:42px;height:42px;border-radius:50%;color:#fff;display:flex;
align-items:center;justify-content:center;font-weight:700;font-size:19px;flex:0 0 auto}
.pm-rev__name{font-weight:700;color:var(--pm-ink)}.pm-rev__date{color:#98a3af;font-size:13px}
.pm-rev__stars{margin-left:auto;color:#fc0;font-size:14px;letter-spacing:1px}
.pm-rev__text{color:#454f5c;font-size:15px;line-height:1.55;margin:0}
.pm-rev__src{display:flex;align-items:center;gap:7px;color:#8c8c8c;font-size:12.5px;margin-top:14px}
.pm-rev__src .pm-ya{width:17px;height:17px;font-size:11px;border-radius:4px}
/* ===== нам доверяют ===== */
.pm-marquee{overflow:hidden;margin:0 0 30px;-webkit-mask-image:linear-gradient(90deg,transparent,#000 10%,#000 90%,transparent);
mask-image:linear-gradient(90deg,transparent,#000 10%,#000 90%,transparent)}
.pm-marquee__track{display:flex;align-items:center;gap:64px;width:max-content;animation:pmMarq 36s linear infinite;padding:16px 0}
.pm-marquee:hover .pm-marquee__track{animation-play-state:paused}
.pm-lg{display:flex;align-items:center;justify-content:center}
.pm-lg img{max-height:48px;max-width:150px;object-fit:contain;opacity:.92;transition:.3s}
.pm-lg--tall img{max-height:64px}
.pm-lg--wide img{max-width:185px;max-height:42px}
.pm-lg img:hover{opacity:1;transform:scale(1.06)}
@keyframes pmMarq{to{transform:translateX(-50%)}}
/* ===== ресторанка ===== */
.pm-section--rest{background:linear-gradient(160deg,#f0f9fe,#fdf0f8)}
.pm-rest{display:grid;grid-template-columns:1.05fr .95fr;gap:52px;align-items:center}
.pm-rest__lead{font-size:20px;font-weight:700;color:var(--pm-pink);margin:8px 0 12px}
.pm-rest__txt p{color:#454f5c;font-size:16px;line-height:1.6}
.pm-rest__list{list-style:none;padding:0;margin:18px 0 24px}
.pm-rest__list li{padding-left:31px;position:relative;margin:10px 0;color:var(--pm-ink);font-size:16px}
.pm-rest__list li::before{content:"✓";position:absolute;left:0;top:1px;width:21px;height:21px;border-radius:50%;
background:var(--pm-grad);color:#fff;font-size:12px;display:flex;align-items:center;justify-content:center}
.pm-rest__partners{display:flex;flex-wrap:wrap;gap:12px;align-items:center;margin:0 0 26px}
.pm-rest__partner{display:flex;align-items:center;justify-content:center;background:#fff;border:1px solid var(--pm-line);
border-radius:14px;box-shadow:var(--sh-sm);padding:9px 16px;height:52px}
.pm-rest__partner img{max-height:32px;max-width:104px;object-fit:contain}
.pm-rest__collage{display:grid;grid-template-columns:1fr 1fr;gap:16px;position:relative}
.pm-rest__collage img{width:100%;aspect-ratio:1;object-fit:cover;border-radius:22px;box-shadow:var(--sh-md);
cursor:zoom-in;transition:transform .35s}
.pm-rest__collage img:hover{transform:scale(1.03)}
.pm-rest__collage img:nth-child(even){transform:translateY(18px)}
.pm-rest__collage img:nth-child(even):hover{transform:translateY(18px) scale(1.03)}
.pm-rest__tag{position:absolute;left:50%;bottom:-16px;transform:translateX(-50%) rotate(-1.5deg);
background:var(--pm-grad);color:#fff;font-weight:700;font-size:14px;padding:11px 22px;border-radius:999px;
box-shadow:var(--sh-pink);white-space:nowrap}
/* ===== FAQ ===== */
.pm-faq{max-width:860px}
.pm-faq__item{background:#fff;border:1px solid var(--pm-line);border-radius:var(--r-md);box-shadow:var(--sh-sm);
margin-bottom:12px;overflow:hidden;transition:box-shadow .3s}
.pm-faq__item:hover{box-shadow:var(--sh-md)}
.pm-faq__item summary{list-style:none;cursor:pointer;display:flex;justify-content:space-between;align-items:center;
gap:16px;padding:21px 24px;font-weight:700;font-size:17px;color:var(--pm-ink);transition:color .25s}
.pm-faq__item summary::-webkit-details-marker{display:none}
.pm-faq__item[open] summary{color:var(--pm-pink)}
.pm-faq__plus{width:28px;height:28px;border-radius:50%;border:1.5px solid var(--pm-line);position:relative;flex:0 0 auto;transition:.3s}
.pm-faq__plus::before,.pm-faq__plus::after{content:"";position:absolute;background:var(--pm-ink);left:50%;top:50%;
transform:translate(-50%,-50%);transition:background .25s}
.pm-faq__plus::before{width:11px;height:1.6px}.pm-faq__plus::after{width:1.6px;height:11px}
.pm-faq__item[open] .pm-faq__plus{transform:rotate(45deg);background:var(--pm-grad);border-color:transparent}
.pm-faq__item[open] .pm-faq__plus::before,.pm-faq__item[open] .pm-faq__plus::after{background:#fff}
.pm-faq__item p{margin:0;padding:0 52px 22px 24px;color:#454f5c;font-size:15.5px;line-height:1.6}
/* ===== лайтбокс ===== */
.pm-lb{position:fixed;inset:0;background:rgba(22,13,36,.92);display:none;align-items:center;justify-content:center;z-index:9999;cursor:zoom-out;padding:30px}
.pm-lb.is-on{display:flex}.pm-lb img{max-width:94vw;max-height:92vh;border-radius:12px;box-shadow:0 20px 60px rgba(0,0,0,.6)}
@media(prefers-reduced-motion:reduce){.pm-reveal,.pm-elephant,.pm-hero__txt>*{animation:none!important;opacity:1;transform:none;transition:none}}
/* ===== типографика Nunito: бывшие display-шрифты добираем весом;
   em в заголовках секций остаётся рукописным JakobExtraCTT (исключён из override) ===== */
.pm-h2{font-weight:900;font-size:42px;letter-spacing:-.012em}
.pm-btn{font-weight:800}
.pm-eyebrow{letter-spacing:.18em}
.pm-tile__name,.pm-zone__title,.pm-ptile--big span,.pm-step__name,.pm-perk__name{font-weight:800}
.pm-cta__title,.pm-stat__num{font-weight:900}
.pm-stat__num{font-size:52px}
/* ===== адаптив ===== */
@media(max-width:1024px){
.pm-hero__grid{grid-template-columns:1fr;gap:44px}
.pm-hero__title{font-size:38px}.pm-hero__tag{font-size:21px}
.pm-hero__vis{max-width:600px;margin:0 auto;width:100%}
.pm-collage2{height:440px;margin:0 auto}
.pm-mosaic{grid-template-columns:repeat(2,1fr);grid-auto-rows:175px}
.pm-projmix{grid-template-columns:1fr}.pm-zmoz--wide{grid-template-columns:repeat(2,1fr);grid-auto-rows:132px}
.pm-statband{grid-template-columns:repeat(2,1fr);row-gap:26px}
.pm-stat:nth-child(3){border-left:0}
.pm-perks{grid-template-columns:1fr}
.pm-steps{grid-template-columns:repeat(2,1fr)}
.pm-step:nth-child(2) .pm-step__top::after{display:none}
.pm-revgrid{grid-template-columns:repeat(2,1fr)}.pm-rest{grid-template-columns:1fr}
.pm-cta{padding:44px 40px}
.pm-cta__in{padding-right:250px}.pm-cta__elephant{right:12px;height:74%}}
@media(max-width:640px){
.pm-section{padding:32px 0}.pm-h2{font-size:31px}.pm-sub{font-size:15px}
.pm-hero{padding:44px 0 64px}.pm-hero__title{font-size:32px}.pm-hero__tag{font-size:19px}
.pm-chip{font-size:13px;padding:8px 12px;border-radius:10px}
.pm-hero__points li{font-size:15px}
.pm-btn2{font-size:16px;padding:14px 24px;width:100%;margin:5px 0}
.pm-collage2{height:330px;gap:7px}
.pm-card{border-radius:14px}
.pm-card__cap{font-size:13.5px;left:10px;bottom:8px}
.pm-elephant{width:50%;right:-8px;bottom:-12px}
.pm-hbadge--rate{left:0;top:44px;padding:8px 11px}
.pm-hbadge--rate b{font-size:19px}.pm-hbadge--rate small{font-size:10px}
.pm-hbadge--fact{right:0;top:18px;padding:8px 12px}
.pm-hbadge--fact b{font-size:22px}.pm-hbadge--fact span{font-size:10.5px}
.pm-btn{font-size:17px;padding:13px 26px}
.pm-btn--xl{font-size:18px;padding:15px 32px}
.pm-zone{padding:18px}.pm-zone__title{font-size:24px}
.pm-zmoz{gap:10px;grid-auto-rows:108px}.pm-zmoz--wide{grid-auto-rows:108px}
.pm-ptile span{font-size:12.5px;padding:18px 10px 9px}.pm-ptile--big span{font-size:17px;padding:20px 12px 11px}
.pm-mosaic{gap:10px;grid-auto-rows:135px}.pm-tile__name{font-size:16px;padding:10px 12px}
.pm-t-big .pm-tile__name{font-size:21px;padding:12px 14px}
.pm-revgrid{grid-template-columns:1fr}
.pm-rail-box{padding:0 8px}.pm-arrow{display:none}
.pm-thanks{grid-template-columns:1fr}
.pm-statband{padding:28px 4px}
.pm-stat__num{font-size:38px}.pm-stat__lbl{font-size:12.5px}
.pm-cta{padding:34px 26px}.pm-cta__title{font-size:28px}
.pm-cta__elephant{display:none}.pm-cta__in{padding-right:0}
.pm-steps{grid-template-columns:1fr}.pm-step .pm-step__top::after{display:none!important}
.pm-mcard,.pm-mcard img{width:240px}.pm-mcard img{height:192px}
.pm-rail--2row{grid-auto-columns:240px}}

html.pm-settled .pm-hero__txt>*{animation:none!important;opacity:1;transform:none}
html.pm-settled .pm-reveal{opacity:1;transform:none}

/* Шапка: глобальное правило шаблона #header_general{height:100vh;overflow:hidden}
   компенсировал инлайн-стиль СТАРОГО hero (height:auto) — hero из шапки убран,
   компенсируем здесь, иначе под полосой ~650px пустоты. overflow:visible — чтобы
   выпадашки меню не резались укоротившейся шапкой. */
#header_general{height:auto!important;overflow:visible!important}

/* ===== «Работаем в удовольствие!» (SEO-текст со старой главной) ===== */
.pm-about{max-width:860px;margin:0 auto;background:#fff;border:1px solid var(--pm-line);
border-radius:var(--r-lg);padding:36px 42px;box-shadow:var(--sh-sm)}
.pm-about p{color:#454f5c;font-size:16px;line-height:1.65;margin:0 0 14px}
.pm-about__lead{font-weight:800;color:var(--pm-ink)}
.pm-about__list{margin:0 0 18px}
.pm-about__motto{display:flex;flex-direction:column;gap:2px;margin:20px 0 18px;padding:16px 22px;
border-left:4px solid var(--pm-pink);background:linear-gradient(100deg,rgba(255,106,181,.07),rgba(122,79,216,.06));
border-radius:0 var(--r-md) var(--r-md) 0}
.pm-about__motto span{font-size:12.5px;font-weight:800;letter-spacing:.18em;text-transform:uppercase;color:var(--pm-mut)}
.pm-about__motto em{font-style:normal;font-size:26px;line-height:1.2;
background-image:linear-gradient(95deg,#ff5aa8,#e8318f);-webkit-background-clip:text;background-clip:text;
-webkit-text-fill-color:transparent;color:#e8318f;width:fit-content}
.pm-about__strong{font-weight:800;color:var(--pm-ink)}
.pm-about__strong:last-child,.pm-about p:last-child{margin-bottom:0}
@media(max-width:640px){.pm-about{padding:24px 20px}.pm-about__motto em{font-size:21px}}

/* ==== правки 2026-07-22 (вечер): ресторанка вровень + стык с подвалом ==== */

/* Коллаж «Ресторанки»: правая колонка была намеренно сдвинута вниз на 18px —
   владельцу не понравилась ступенька, ставим обе колонки вровень. */
.pm-rest__collage img:nth-child(even){transform:none}
.pm-rest__collage img:nth-child(even):hover{transform:scale(1.03)}

/* Стык формы «Остались вопросы?» и подвала.
   Было: .footer_top margin-top 60px -> белая полоса шириной в экран между
   градиентом формы и волной подвала.
   Стало: подвал наезжает на низ формы (margin-top отрицательный), а верх картинки
   волны прозрачный — сквозь него виден СОБСТВЕННЫЙ градиент формы. Поэтому шва нет
   в принципе: подкладывать похожий градиент бесполезно, у полосы 48px и у блока
   формы 600+px наклонный градиент даёт разные цвета на одном X.
   Секции формы добавлен padding-bottom ровно на величину наезда — расстояние от
   карточки формы до волны остаётся прежним. */
/* Отступ = видимый зазор (40px) + величина наезда (92px). */
.cta_questions.section-default{padding-bottom:132px !important}

/* Картинка волны — footer_top_bg6.png: у неё убрана белая полоса, которая шла
   над розовой линией (это она перекрывала градиент формы и криво срезала его
   нижний угол). Верхний край картинки теперь — сама волна, глубина 51..88px.
   Наезд подвала (92px) и прозрачная часть базовой заливки (96px) должны быть
   ГЛУБЖЕ волны, иначе в её прозрачной части снова проступит белый фон страницы.
   Логотип НЕ трогаем: он позиционируется от верха подвала и уезжает вверх вместе
   с ним, расстояние до телефона сохраняется само. */
.footer_top{
    margin-top:-92px !important;
    /* ⚠️ без этого волны не видно: у .cta_questions position:relative, и её градиент
       рисуется ПОВЕРХ фона статичного подвала — в зоне наезда волна закрывалась
       целиком, оставался прямой горизонтальный срез */
    position:relative !important;
    z-index:1 !important;
    background-image:
        url(/local/templates/superpuper33/img/footer_top_bg6.png),
        linear-gradient(to bottom,
            rgba(248,248,248,0) 0, rgba(248,248,248,0) 96px,
            #f8f8f8 96px, #fffdfe 40%, #fffdfe 100%) !important;
    background-position:top center,top center !important;
    background-repeat:no-repeat,no-repeat !important;
    background-size:auto,auto !important;
}

/* Широкие экраны: штатный шаблон растягивает картинку (background-size:cover),
   вместе с ней вглубь уезжает и волна — наезд увеличиваем пропорционально.
   Порог 1900, а не 1920: натуральная ширина картинки 1903px, и на 1904..1919
   по краям волны оставалась незакрытая полоса до 16px. */
@media screen and (min-width:1900px){
    .cta_questions.section-default{padding-bottom:170px !important}
    .footer_top{
        margin-top:-130px !important;
        background-size:cover,auto !important;
        background-image:
            url(/local/templates/superpuper33/img/footer_top_bg6.png),
            linear-gradient(to bottom,
                rgba(248,248,248,0) 0, rgba(248,248,248,0) 134px,
                #f8f8f8 134px, #fffdfe 40%, #fffdfe 100%) !important;
    }
}

/* Воздуха в верху подвала было 150px — ужимаем. */
.footer_top .container{padding-top:104px !important;padding-bottom:72px !important}

@media screen and (max-width:640px){
    /* на узкий экран попадает только центр картинки, там волна глубиной 51..68px */
    .cta_questions.section-default{padding-bottom:100px !important}
    .footer_top{
        margin-top:-72px !important;
        background-image:
            url(/local/templates/superpuper33/img/footer_top_bg6.png),
            linear-gradient(to bottom,
                rgba(248,248,248,0) 0, rgba(248,248,248,0) 76px,
                #f8f8f8 76px, #fffdfe 40%, #fffdfe 100%) !important;
    }
    .footer_top .container{padding-bottom:48px !important}
}

/* Подвал схлопывается в одну колонку с <1000px: телефон и соцсети встают ровно
   под логотип, и полноразмерный 244x215 их перечёркивал (низ логотипа 208px от
   верха контейнера — перехлёст был и до правок, ужатый отступ его усилил).
   Уменьшаем логотип, а не раздуваем отступ: подвал остаётся компактным.
   Низ уменьшенного логотипа — 129px, отступ 152px даёт 23px воздуха. */
@media screen and (max-width:999px){
    .footer_logo-sm{width:172px !important;margin-left:-86px !important}
    .footer_top .container{padding-top:152px !important}
}


/* ===== Подборка мастер-классов к ближайшим праздникам =====
   Вставка на всю ширину сетки проектов, между зонами «Взрослые» и «Детские».
   Оформление то же, что у карусели МК (.pm-rail/.pm-mcard), но карточки мельче,
   чтобы блок по высоте не спорил с плитками зон (2 ряда плиток ~278px). */
/* min-width:0 обязателен: у grid-элемента по умолчанию min-width:auto, и рельс
   карусели растягивал трек до своей полной ширины — страницу распирало на <=1024px */
.pm-zone--hol{grid-column:1/-1;min-width:0}
.pm-zone__sub{margin:-8px 0 14px;max-width:900px;color:var(--pm-mut);font-size:15px;line-height:1.5}
/* рельс во всю ширину зоны (края вровень с плитками соседних зон),
   стрелки — поверх краёв карточек, но внутри 30px-паддинга зоны */
.pm-zone--hol .pm-rail-box{max-width:none;margin:0;padding:0}
.pm-zone--hol .pm-arrow--l{left:-14px}
.pm-zone--hol .pm-arrow--r{right:-14px}
.pm-zone--hol .pm-rail{gap:14px;padding:4px 2px 6px}
.pm-zone--hol .pm-mcard{width:236px}
.pm-zone--hol .pm-mcard img{width:236px;height:158px}
.pm-mcard--hol .pm-hol__pic{display:block;position:relative;padding:0;line-height:0}
.pm-mcard--hol .pm-mcard__cap{display:block;padding:12px 14px 14px;font-size:15px;font-weight:800;
color:var(--pm-ink);line-height:1.3}
/* плашка повода: тот же розовый градиент, что у кнопок и акцентов */
.pm-hol__tag{position:absolute;left:9px;top:9px;max-width:calc(100% - 18px);
padding:6px 10px;border-radius:999px;background:var(--pm-grad);color:#fff;
font-size:11.5px;font-weight:800;line-height:1.15;letter-spacing:.01em;
box-shadow:0 4px 12px rgba(232,49,143,.32)}
@media(max-width:640px){
.pm-zone--hol .pm-mcard{width:210px}
.pm-zone--hol .pm-mcard img{width:210px;height:141px}
.pm-zone--hol .pm-mcard__cap{font-size:14px;padding:10px 12px 12px}
.pm-zone__sub{font-size:14px;margin:-4px 0 12px}
.pm-hol__tag{font-size:11px;padding:5px 9px}}

/* End */
/* /local/templates/superpuper33/css/home-promo.css?178473940742178 */