/* Push My Business — overrides on bizfix. STEP 1: header only (logo + menu). */

/* logo lockup: Push power-icon + wordmark */
.mkt_main-header .logo-box .logo{max-width:none !important;overflow:visible}   /* theme caps width at 185px + width:100% on img → fix clipping */
.pmb-logo{display:inline-flex;align-items:center;gap:11px;text-decoration:none;line-height:1}
.pmb-logo img{height:34px !important;width:auto !important;display:block}
.pmb-logo span{font-family:'Manrope',sans-serif;font-weight:800;font-size:19px;letter-spacing:.01em;color:#141414;white-space:nowrap}
.pmb-logo span b{color:#be0a37}
.pmb-logo.light span{color:#fff}

/* keep sticky header on white so dark logo/menu stays readable */
.sticky-header{background:#fff !important;box-shadow:0 6px 24px rgba(0,0,0,.07)}

/* our menu accent */
.main-menu .navigation > li.current > a,
.main-menu .navigation > li > a:hover{color:#be0a37}
/* sticky header has white bg (set above) but theme colors its menu links white -> invisible.
   force dark links in the sticky menu so all items show (only .current/hover stay red). */
.sticky-header .main-menu .navigation > li > a{color:#141414 !important}
.sticky-header .main-menu .navigation > li.current > a,
.sticky-header .main-menu .navigation > li > a:hover{color:#be0a37 !important}
/* the sticky header nests nav+button inside .menu-area (one block pushed right), while the static
   header has them as separate flex children (nav centered). promote the sticky menu-area's children
   to direct flex children so the menu sits in the SAME place in both -> no jump on scroll. */
.sticky-header .menu-area{display:contents !important}

/* HERO: enlarge Arzu in the model slot (aspect kept automatically via width:100% img) */
.banner-section figure.banner-image{width:720px}
/* city slot: dark-top+white-silhouette image fills the dark panel bottom; dark blends, buildings reach bottom.
   width must track the dark panel (::before) so the white baseline reaches the red edge — not the theme's fixed 637px */
.banner-section .shape-4{left:0 !important;width:calc(max(0px,(100% - 1700px)/2) + 800px) !important;background-position:left bottom !important;background-size:100% auto !important}
/* shape-2 = template's decorative white "teardrop" graphic. Its box (≈550px tall) sits OVER the
   date/button text and slices it on wider screens. Not part of our brand -> remove it everywhere. */
.banner-content .shape-2{display:none !important}

/* Push icon (replaces asterisk): theme had it width/height:100% of content (huge, pulsing full-area).
   Lock it to a small fixed box sitting just above the eyebrow. Keeps the subtle pulse, no longer "full screen". */
.banner-content .shape-1{width:82px !important;height:82px !important;top:-104px !important;left:0 !important;
  background-size:contain !important;background-repeat:no-repeat !important;background-position:left top !important}

/* pull the whole hero up (theme top was 260px). the skyline (.shape-4) is full panel width and its
   height = panelWidth * 0.442 (baku-skyline.png is 1122x496). bottom padding tracks that same height
   + 55px, so the text always clears the skyline by ~55px on EVERY screen width (incl. ultrawide). */
.banner-section{padding-top:118px !important;padding-left:0 !important;padding-right:0 !important;
  padding-bottom:calc((max(0px,(100% - 1700px)/2) + 800px) * 0.442 + 55px) !important;
  margin-bottom:-1px !important}   /* hero height is fractional -> 1px grey seam; next (opaque) section covers it */
/* hero height is fractional -> its dark/red bg anti-aliases into a 1px grey line at the seam.
   cover that hairline: pull the next (white) section up 1px with a solid white background. */
.choose-section{background-color:#fff !important;margin-top:-1px !important;position:relative;z-index:1}

/* ===== Формат — день урока / день внедрения ===== */
.pmb-format{background:#f4f4f4}
.pmb-format .pmb-grid-head{text-align:left;margin:0 0 40px}
/* creative diptych: two day-cards linked by a red "cycle" circle */
.pmb-cycle{display:flex;align-items:stretch;margin-bottom:8px}
.pmb-fcard{flex:1;background:#fff;border-top:5px solid #be0a37;padding:46px 42px 40px;position:relative;overflow:hidden}
.pmb-fcard-ghost{position:absolute;top:-2px;right:22px;font-family:'Teko',sans-serif;font-weight:600;font-size:140px;line-height:1;color:#f0f0f0;z-index:0;pointer-events:none}
.pmb-fcard-ic{position:relative;z-index:1;color:#be0a37;line-height:0;margin-bottom:22px}
.pmb-fcard-ic svg{width:42px;height:42px}
.pmb-fcard-tag{position:relative;z-index:1;display:block;color:#1a1a1a;font-family:'Inter','Manrope',sans-serif;font-weight:800;font-size:23px;letter-spacing:-.01em;margin-bottom:12px}
.pmb-fcard p{position:relative;z-index:1;color:#404040;font-size:16px;line-height:1.6;margin:0;max-width:30em}
.pmb-cycle-link{flex:0 0 116px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:10px}
.pmb-cycle-link .circ{width:66px;height:66px;border-radius:50%;background:#be0a37;color:#fff;display:flex;align-items:center;justify-content:center}
.pmb-cycle-link .circ svg{width:30px;height:30px}
.pmb-cycle-link .lbl{font-size:12px;letter-spacing:2px;text-transform:uppercase;color:#be0a37;font-weight:700}
/* cycle icon keeps turning — reinforces the repeating rhythm */
.pmb-cycle-link .circ svg{animation:pmb-spin 5s linear infinite}
/* reveal on scroll: cards + circle glide up, staggered */
.pmb-cycle .pmb-fcard,.pmb-cycle .pmb-cycle-link{opacity:0;transform:translateY(28px);
  transition:opacity .7s cubic-bezier(.22,.61,.36,1),transform .7s cubic-bezier(.22,.61,.36,1)}
.pmb-cycle.in-view .pmb-fcard,.pmb-cycle.in-view .pmb-cycle-link{opacity:1;transform:none}
.pmb-cycle .pmb-cycle-link{transition-delay:.16s}
.pmb-cycle .pmb-fcard:last-child{transition-delay:.3s}
@media(max-width:767px){
  .pmb-cycle{flex-direction:column}
  .pmb-cycle-link{flex:0 0 auto;flex-direction:row;padding:16px 0;gap:14px}
  .pmb-cycle-link .circ{transform:rotate(90deg)}
  .pmb-fcard-ghost{font-size:110px}
}
.pmb-format-note{font-style:italic;font-weight:600;color:#1a1a1a;font-size:clamp(17px,1.5vw,20px);
  border-left:3px solid #be0a37;padding-left:20px;margin:40px 0 0}

/* ===== Обо мне ===== */
.pmb-about{background:#fff}
.pmb-about-photo{position:relative;background:#ededed;overflow:hidden}
.pmb-about-photo img{display:block;width:100%;height:auto}
/* «перелив» — мягкий световой блик проходит по фото */
.pmb-about-photo::after{content:"";position:absolute;inset:0;z-index:1;pointer-events:none;
  background:linear-gradient(115deg,transparent 35%,rgba(255,255,255,.45) 50%,transparent 65%);
  transform:translateX(-130%);animation:pmb-sheen 5s ease-in-out infinite}
@keyframes pmb-sheen{0%{transform:translateX(-130%)}55%,100%{transform:translateX(130%)}}
.pmb-about-plate{position:absolute;left:22px;right:22px;bottom:22px;z-index:2;background:#fff;padding:22px 26px;border-top:4px solid #be0a37}
.pmb-about-plate h3{font-family:'Inter','Manrope',sans-serif;font-weight:800;color:#1a1a1a;font-size:26px;line-height:1.1;margin:0 0 6px}
.pmb-about-role{display:block;color:#be0a37;font-weight:600;font-size:15px;letter-spacing:.02em;margin-bottom:12px}
.pmb-about-plate p{color:#404040;font-size:15px;line-height:1.55;margin:0}
.pmb-about-list{list-style:none;margin:22px 0 0;padding:0}
.pmb-about-list li{position:relative;border-left:3px solid #be0a37;padding:4px 0 4px 22px;margin-bottom:22px;color:#404040;font-size:17px;line-height:1.55}
.pmb-about-list li:last-child{margin-bottom:0}
.pmb-about-list li b{color:#1a1a1a;font-weight:700}
/* mobile: the photo is short, so the absolute name-plate (taller) was clipped by overflow:hidden
   -> the first line «Арзу» got cut. Let the plate flow below the photo, overlapping its bottom edge. */
@media(max-width:991px){
  /* плашка с именем — отдельная чёткая карточка ПОД фото (без наезда: на мобильном низ фото
     белый и плашка на нём «терялась»). Рамка + тень + красная полоса сверху = явная подложка. */
  .pmb-about-photo{overflow:visible}
  .pmb-about-plate{position:static;left:auto;right:auto;bottom:auto;margin:0;
    border:1px solid #ececec;border-top:4px solid #be0a37;
    box-shadow:0 18px 44px -30px rgba(0,0,0,.3)}
}

/* ===== В прессе ===== */
.pmb-press{background:#fff}
.pmb-press .pmb-grid-head{text-align:left;margin:0 0 44px}
.pmb-press-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:30px}
.pmb-press-card{display:block;background:#fff;border:1px solid #ececec;text-decoration:none;color:inherit;
  opacity:0;transform:translateY(26px);transition:opacity .6s ease,transform .6s ease,border-color .3s ease}
.pmb-press-grid.in-view .pmb-press-card{opacity:1;transform:none}
.pmb-press-grid.in-view .pmb-press-card:nth-child(2){transition-delay:.1s}
.pmb-press-grid.in-view .pmb-press-card:nth-child(3){transition-delay:.2s}
.pmb-press-card:hover{border-color:#be0a37;transform:translateY(-5px)}
.pmb-press-img{aspect-ratio:3/2;overflow:hidden}
.pmb-press-img img{width:100%;height:100%;object-fit:cover;display:block;transition:transform .5s ease}
.pmb-press-card:hover .pmb-press-img img{transform:scale(1.05)}
.pmb-press-body{padding:24px 26px 28px}
.pmb-press-src{display:block;color:#be0a37;font-weight:700;font-size:12px;letter-spacing:1.5px;text-transform:uppercase;margin-bottom:11px}
.pmb-press-title{color:#1a1a1a;font-weight:700;font-size:17px;line-height:1.4;margin:0 0 16px}
.pmb-press-link{color:#be0a37;font-weight:700;font-size:14px}
@media(max-width:991px){.pmb-press-grid{grid-template-columns:1fr;max-width:460px;margin:0 auto}}

/* ===== Отзывы ===== */
.pmb-reviews{background:#fff}
.pmb-reviews .pmb-grid-head{text-align:left;margin:0 0 48px}
.pmb-reviews-grid{display:grid;grid-template-columns:1fr 1fr;gap:46px 36px}
.pmb-review{position:relative;background:#fff;border:2px solid #be0a37;padding:46px 38px 42px;margin:0;
  opacity:0;transform:translateY(26px);transition:opacity .6s ease,transform .6s ease}
.pmb-reviews-grid.in-view .pmb-review{opacity:1;transform:none}
.pmb-reviews-grid.in-view .pmb-review:nth-child(2){transition-delay:.08s}
.pmb-reviews-grid.in-view .pmb-review:nth-child(3){transition-delay:.16s}
.pmb-reviews-grid.in-view .pmb-review:nth-child(4){transition-delay:.24s}
.pmb-review::before{content:"\201C";position:absolute;top:0;left:26px;transform:translateY(-52%);
  background:#fff;padding:0 8px;color:#be0a37;font:700 68px/1 Georgia,'Times New Roman',serif}
.pmb-review::after{content:"\201D";position:absolute;bottom:0;right:26px;transform:translateY(48%);
  background:#fff;padding:0 8px;color:#be0a37;font:700 68px/1 Georgia,'Times New Roman',serif}
.pmb-review p{color:#404040;font-size:17px;line-height:1.6;margin:0}
.pmb-review .hl{color:#be0a37;font-weight:600}
.pmb-review cite{display:block;margin-top:20px;font-style:normal;font-weight:700;color:#1a1a1a;font-size:16px}
@media(max-width:767px){.pmb-reviews-grid{grid-template-columns:1fr;gap:40px}}

/* ===== Тарифы (на нативном .price-box темы) ===== */
.price-section{background:#f4f4f4}                       /* серый фон секции -> блок отделяется от соседних белых */
.price-section .pmb-tiers-head{text-align:center;margin:0 0 50px}
.price-box.pmb-tier{height:100%;display:flex;flex-direction:column;padding:54px 48px;background:#fff;border:1px solid #ececec;transition:border-color .3s ease}  /* белые карточки, не кремовые */
.price-box.pmb-tier h2.price-sub-title{margin-bottom:4px}
.price-box.pmb-tier h2.price-sub-title span{margin-left:4px}   /* € — тем же цветом, что цифры */
/* линия-акцент: чуть отступя от края; на ховере заметно съезжает вправо к тексту + толще + краснеет
   (текст начинается на 48px, линия максимум до ~38px -> не перекрывает) */
.price-box.pmb-tier .line{left:14px;width:2px;transition:left .45s ease,width .45s ease,background-color .45s ease}
@media(hover:hover){.price-box.pmb-tier:hover .line{left:34px;width:4px}}
.price-box .pmb-tier-seats{display:block;color:#9a9a9a;font-size:14px;margin:0 0 18px}
.price-box .pmb-tier-desc{color:#404040;font-size:15px;line-height:1.5;margin:0 0 22px}
.price-box.pmb-tier ul.price-list{flex-grow:1;margin-bottom:24px}
.price-box.pmb-tier ul.price-list li{position:relative;padding-left:24px}
.price-box.pmb-tier ul.price-list li:before{content:"";position:absolute;left:0;top:11px;width:7px;height:7px;border-radius:50%;background:#be0a37}
.price-box.pmb-tier .btn-box{padding-top:0}
.price-box.pmb-tier .theme-btn.btn-style-two{display:block;text-align:center;text-transform:none;width:100%}
/* «осталось мест» — внутри каждого бокса, перед кнопкой */
.price-box.pmb-tier .pmb-tier-left{display:block;font-size:14px;color:#404040;margin:18px 0 0;text-align:center}
.price-box.pmb-tier .pmb-tier-left b{color:#be0a37;font-weight:800}
/* рекомендуем */
.price-box.pmb-tier--rec{border:2px solid #be0a37}
.pmb-tier-badge{position:absolute;top:0;right:0;background:#be0a37;color:#fff;font-size:12px;font-weight:700;letter-spacing:1px;text-transform:uppercase;padding:7px 16px;z-index:2}
/* VIP — тёмный, белый текст, красная цена */
/* VIP — тексты как у остальных карточек; фон лишь слегка тонирован для отличия */
.price-box.pmb-tier--vip{background:#f9f4f5;border-color:#ecdfe1}
/* полоса «осталось мест» */
.pmb-seats-bar{text-align:center;margin:44px 0 0;color:#404040;font-size:15px}
.pmb-seats-bar b{color:#be0a37;font-weight:700}
@media(max-width:991px){.price-box.pmb-tier{padding:44px 36px}}

/* ===== Бонусы за раннюю оплату ===== */
.pmb-bonus-section{background:#f4f4f4}   /* продолжение тарифов: тот же фон, не белый */
.pmb-bonus-head{text-align:center;margin:0 0 50px}
.pmb-chip{display:inline-block;background:#be0a37;color:#fff;font-weight:700;font-size:13px;letter-spacing:3px;text-transform:uppercase;padding:7px 18px;border-radius:2px;margin-bottom:18px}
.tred{color:#be0a37}
.pmb-bonus-sub{color:#404040;font-size:17px;line-height:1.55;margin:16px auto 0;max-width:760px}

/* карточки-подарки: бант + крышка + корпус коробки, текст внутри корпуса */
.pmb-gift{position:relative;height:100%;padding-top:60px}
.pmb-gift-box{position:relative;z-index:1;height:100%;background:#fff;border:2px solid #1f1f1f;border-radius:16px;
  padding:62px 30px 36px;display:flex;flex-direction:column;justify-content:flex-start;text-align:center;
  transition:box-shadow .35s ease,transform .35s ease}
.pmb-gift-lid{position:absolute;z-index:2;top:40px;left:-6px;right:-6px;height:52px;background:#fff;
  border:2px solid #1f1f1f;border-radius:12px}
.pmb-gift-bow{position:absolute;z-index:3;top:-2px;left:50%;transform:translateX(-50%);color:#be0a37;line-height:0;transition:transform .4s ease}
.pmb-gift-bow svg{width:80px;height:auto;display:block}
.pmb-gift:hover .pmb-gift-box{box-shadow:0 22px 56px -32px rgba(0,0,0,.3);transform:translateY(-4px)}
.pmb-gift:hover .pmb-gift-lid,.pmb-gift:hover .pmb-gift-bow{transform:translateX(0) scale(1)}
.pmb-gift:hover .pmb-gift-bow{transform:translateX(-50%) scale(1.07)}
/* BUSINESS — красный контур */
.pmb-gift--rec .pmb-gift-box,.pmb-gift--rec .pmb-gift-lid{border-color:#be0a37;border-width:2.5px}
/* VIP — светлый оттенок */
.pmb-gift--vip .pmb-gift-box,.pmb-gift--vip .pmb-gift-lid{background:#f9f4f5;border-color:#caa9af}
.pmb-bonus-tier{font-family:'Inter','Manrope',sans-serif;font-weight:800;font-size:17px;letter-spacing:1px;text-transform:uppercase;color:#1a1a1a;margin-bottom:20px}
.pmb-bonus-tier span{color:#be0a37;font-weight:700}
.pmb-bonus-list{list-style:none;margin:0 auto;padding:0;text-align:left;display:inline-block}
.pmb-bonus-list li{position:relative;padding-left:26px;margin-bottom:14px;color:#404040;font-size:15px;line-height:1.55}
.pmb-bonus-list li:last-child{margin-bottom:0}
.pmb-bonus-list li:before{content:"+";position:absolute;left:0;top:-1px;color:#be0a37;font-weight:800;font-size:18px}
.pmb-bonus-list li b{color:#1a1a1a;font-weight:700}
/* обратный отсчёт */
.pmb-countdown{text-align:center;margin:64px 0 0}
.pmb-cd-label{display:block;color:#404040;font-size:15px;letter-spacing:3px;text-transform:uppercase;margin-bottom:24px;font-weight:600}
.pmb-cd-timer{display:flex;justify-content:center;align-items:flex-start;gap:16px}
.pmb-cd-unit{display:flex;flex-direction:column;align-items:center;min-width:92px}
.pmb-cd-num{font-family:'Teko','Inter',sans-serif;font-weight:600;font-size:clamp(58px,8vw,100px);line-height:.9;color:#be0a37}
.pmb-cd-cap{font-size:13px;letter-spacing:2px;text-transform:uppercase;color:#9a9a9a;margin-top:8px}
.pmb-cd-sep{font-family:'Teko','Inter',sans-serif;font-weight:600;font-size:clamp(46px,6vw,82px);line-height:1;color:#dcdcdc}
@media(max-width:575px){.pmb-cd-timer{gap:8px}.pmb-cd-unit{min-width:62px}.pmb-cd-sep{font-size:38px}.pmb-cd-cap{font-size:11px;letter-spacing:1px}}

/* ===== FAQ (нативный аккордеон темы) ===== */
.pmb-faq{background:#fff}
.pmb-faq-head{text-align:center;margin:0 0 44px}
.pmb-faq-box{max-width:900px;margin:0 auto;padding:0;list-style:none}
.pmb-faq .accordion{border:1px solid #ececec;border-radius:6px;margin-bottom:14px;overflow:hidden;background:#fff;transition:border-color .3s ease,box-shadow .3s ease}
.pmb-faq .accordion:hover{border-color:#d8d8d8}
.pmb-faq .accordion.active-block{border-color:#be0a37;box-shadow:0 14px 40px -28px rgba(190,10,55,.5)}
.pmb-faq .acc-btn{padding:21px 66px 21px 26px;box-shadow:none;border-radius:0;background:#fff}
.pmb-faq .acc-btn h4{font-family:'Inter','Manrope',sans-serif;font-weight:700;font-size:18px;line-height:1.4;color:#1a1a1a;letter-spacing:0}
.pmb-faq .acc-btn.active h4{color:#be0a37}
.pmb-faq .acc-btn .icon-box{top:50%;transform:translateY(-50%);right:22px;width:28px;height:28px;background:#be0a37;color:#fff;border-radius:50%;font-size:0;transition:background-color .3s ease}
.pmb-faq .acc-btn .icon-box:before{content:"+";position:static;font-family:'Inter','Manrope',sans-serif;font-size:20px;line-height:1;font-weight:600;opacity:1;color:#fff}
.pmb-faq .acc-btn.active .icon-box:before{content:"\2212";font-family:'Inter','Manrope',sans-serif;font-size:20px;top:auto;right:auto}
.pmb-faq .acc-content{padding:0 26px 24px;border:none;margin:0;background:#fff}
.pmb-faq .acc-content p{font-family:'Inter','Manrope',sans-serif;font-weight:400;font-size:16px;line-height:1.62;color:#404040;margin:0}
@media(max-width:575px){.pmb-faq .acc-btn{padding:18px 54px 18px 20px}.pmb-faq .acc-btn h4{font-size:16px}.pmb-faq .acc-content{padding:0 20px 20px}}

/* ===== Контакт ===== */
.pmb-contact{background:#f4f4f4}
.pmb-contact-photo{margin:0;height:100%;min-height:520px}
.pmb-contact-photo img{width:100%;height:100%;object-fit:cover;object-position:center top;display:block}
.pmb-contact-box{background:#fff;height:100%;padding:clamp(34px,4vw,64px)}
.pmb-contact-title{font-family:'Inter','Manrope',sans-serif;font-weight:800;color:#1a1a1a;
  font-size:clamp(30px,3.4vw,48px);line-height:1.1;letter-spacing:-.01em;margin:0 0 14px}
.pmb-contact-sub{color:#404040;font-size:17px;line-height:1.5;margin:0 0 34px}
.pmb-contact-form .pmb-field{margin-bottom:22px;position:relative}
.pmb-contact-form .pmb-field-row{margin:0 -10px}
.pmb-contact-form .pmb-field-row .col-md-6{padding:0 10px}
.pmb-contact-form label{display:block;font-family:'Inter','Manrope',sans-serif;font-weight:600;font-size:13px;
  letter-spacing:1px;text-transform:uppercase;color:#1a1a1a;margin-bottom:9px}
.pmb-contact-form input,.pmb-contact-form textarea{width:100%;background:#f4f4f4;border:1px solid #e4e4e4;
  -webkit-appearance:none;appearance:none;-webkit-border-radius:4px;
  border-radius:4px;padding:14px 16px;font-family:'Inter','Manrope',sans-serif;font-size:15px;color:#1a1a1a;
  transition:border-color .25s ease,background-color .25s ease}
.pmb-contact-form input:focus,.pmb-contact-form textarea:focus{outline:none;border-color:#be0a37;background:#fff}
.pmb-contact-form textarea{resize:vertical;min-height:120px}
.pmb-charcount{display:block;text-align:right;font-size:12px;color:#9a9a9a;margin-top:6px}
.pmb-contact-form .theme-btn{margin-top:8px;border:none;cursor:pointer}
.pmb-contact-form .theme-btn[disabled]{opacity:.6;cursor:default}
.pmb-hp{position:absolute !important;left:-9999px !important;width:1px;height:1px;overflow:hidden;opacity:0;pointer-events:none}
.pmb-form-msg{margin:18px 0 0;font-size:15px;line-height:1.5;font-weight:600}
.pmb-form-msg.is-ok{color:#1a7f37}
.pmb-form-msg.is-err{color:#be0a37}
@media(max-width:991px){
  .pmb-contact-photo{min-height:0;max-height:560px}
  .pmb-contact-box{padding:34px 26px}
  .pmb-contact-form input,.pmb-contact-form textarea{font-size:16px}  /* >=16px -> iOS не зумит при фокусе */
}

/* ===== Футер ===== */
.pmb-footer{background:#181818;text-align:center;padding:64px 0 40px}
.pmb-footer .pmb-footer-logo{display:inline-flex;align-items:center;gap:11px;margin:0 0 26px}
.pmb-footer .pmb-footer-logo img{height:34px;width:auto}
.pmb-footer .pmb-footer-logo span{color:#fff;font-family:'Inter','Manrope',sans-serif;font-weight:600;font-size:20px;letter-spacing:.04em}
.pmb-footer .pmb-footer-logo span b{color:#be0a37;font-weight:800}
.pmb-footer-social{margin:0 0 26px}
.pmb-footer-social a{display:inline-flex;align-items:center;justify-content:center;width:50px;height:50px;border:1px solid rgba(255,255,255,.28);border-radius:50%;color:#fff;transition:background-color .3s ease,border-color .3s ease,color .3s ease}
.pmb-footer-social a:hover{background:#be0a37;border-color:#be0a37;color:#fff}
.pmb-footer-social svg{width:21px;height:21px}
.pmb-footer-links{list-style:none;margin:0 0 22px;padding:0;display:flex;justify-content:center;gap:40px}
.pmb-footer-links a{color:#e2e2e2;font-size:16px;transition:color .25s ease}
.pmb-footer-links a:hover{color:#be0a37}
.pmb-footer-copy{color:#8c8c8c;font-size:13px;letter-spacing:.04em;margin:0}

/* отступ под фикс-шапку для якорей меню */
#method,#program,#pricing,#reviews,#contact{scroll-margin-top:96px}

/* ===== Отзывы: заголовок + скриншоты-доказательства ===== */
.pmb-reviews-head{text-align:center;margin:0 0 50px}
.pmb-proof{margin-top:60px}
.pmb-proof-cap{display:block;text-align:center;color:#be0a37;font-weight:700;font-size:14px;letter-spacing:3px;text-transform:uppercase;margin:0 0 26px}
.pmb-proof-grid{display:grid;grid-template-columns:1fr 1fr;gap:26px;max-width:1080px;margin:0 auto}
.pmb-proof-shot{margin:0;background:#fff;border:1px solid #ececec;border-radius:14px;padding:12px;
  box-shadow:0 26px 60px -38px rgba(0,0,0,.4);overflow:hidden;transition:transform .35s ease,box-shadow .35s ease}
.pmb-proof-shot:hover{transform:translateY(-5px);box-shadow:0 32px 66px -36px rgba(0,0,0,.46)}
.pmb-proof-shot img{width:100%;height:auto;display:block;border-radius:8px}
@media(max-width:767px){.pmb-proof-grid{grid-template-columns:1fr;gap:20px}.pmb-proof{margin-top:46px}}

/* ===== большая CTA-кнопка между секциями ===== */
.pmb-cta-band{background:#fff;text-align:center;padding:30px 0 80px}
.pmb-cta-band--toppad{padding-top:100px}   /* section above (метод) has no bottom space, give the button air on top */
.pmb-cta-btn.btn-style-one{font-size:clamp(18px,1.7vw,23px);font-weight:700;padding:24px 64px;letter-spacing:.01em;text-transform:none}

/* ===== Кому подойдёт — чек-лист ===== */
.pmb-fit{background:#fff;position:relative;z-index:1}  /* opaque -> covers the hero's 1px seam */
.pmb-fit .pmb-grid-head{text-align:left;margin:0 0 26px}
.pmb-fit-title{font-family:'Inter','Manrope',sans-serif;font-weight:800;color:#1a1a1a;
  font-size:clamp(28px,2.8vw,40px);line-height:1.12;letter-spacing:-.01em;margin:0}
.pmb-fit-photo{margin:0}
.pmb-fit-photo img{width:100%;height:auto;display:block}
.pmb-fit-list{list-style:none;margin:0 0 26px;padding:0;display:grid;grid-template-columns:1fr;gap:16px}
.pmb-fit-list li{position:relative;padding-left:34px;color:#404040;font-size:16px;line-height:1.5}
.pmb-fit-list li:before{content:"→";position:absolute;left:0;top:0;color:#be0a37;font-weight:700;font-size:17px}
.pmb-fit-final{font-style:italic;color:#1a1a1a;font-weight:600;font-size:clamp(17px,1.5vw,20px);margin:0}
@media(max-width:991px){
  .pmb-fit-photo{max-width:460px;margin:0 auto 10px}
}

/* ===== "Что ты заберёшь" — grid of 4 result cards ===== */
.choose-section .pmb-grid-head{text-align:left;margin:0 0 50px}
.pmb-eyebrow{display:block;color:#be0a37;font-weight:700;font-size:16px;letter-spacing:4px;text-transform:uppercase;margin-bottom:16px}
.pmb-lead{color:#1a1a1a;font-family:'Inter','Manrope',sans-serif;font-weight:800;font-size:clamp(32px,4vw,50px);line-height:1.08;letter-spacing:-.01em;margin:0;max-width:15em}
/* cards: white box + subtle border. KEEP the theme's :before red-wipe hover transition (just our color).
   content lifted above the :before so the red wipes in behind the text. */
.choose-section .pmb-card{background:#fff;border:1px solid #ececec;padding:40px 30px;height:100%}
.choose-section .pmb-card:hover{border-color:#be0a37}
.choose-section .pmb-card .icon{font-size:0;line-height:0;color:#404040;margin-bottom:24px;position:relative;z-index:1}
.choose-section .pmb-card .icon svg{width:46px;height:46px;stroke-width:1.75}
.choose-section .pmb-card .content{position:relative;z-index:1}
.choose-section .pmb-card h4{color:#222;font-family:'Inter','Manrope',sans-serif;font-weight:700;font-size:21px;line-height:1.25;padding:0 0 12px;margin:0}
.choose-section .pmb-card p{color:#6a6a6a;font-size:15px;line-height:1.6;margin:0}
/* accent (first) card: red by default — driven by the SAME :before wipe (kept fully open),
   so only one card is ever red. content white while it's red. */
.choose-section .pmb-card-accent{border-color:#be0a37}
.choose-section .pmb-card-accent:before{width:100%;left:0;right:auto}
.choose-section .pmb-card-accent .icon{color:#fff}
.choose-section .pmb-card-accent h4{color:#fff}
.choose-section .pmb-card-accent p{color:rgba(255,255,255,.92)}
/* ONE red at a time: when any card in the row is hovered, the accent gives up its red
   (collapses back to a white card) so the red "moves" to the hovered card — never two at once. */
.choose-section .row:hover .pmb-card-accent:not(:hover){border-color:#ececec}
.choose-section .row:hover .pmb-card-accent:not(:hover):before{width:0;left:auto;right:0}
.choose-section .row:hover .pmb-card-accent:not(:hover) .icon{color:#404040}
.choose-section .row:hover .pmb-card-accent:not(:hover) h4{color:#222}
.choose-section .row:hover .pmb-card-accent:not(:hover) p{color:#6a6a6a}

/* remove the template's animated red "scribble" decoration near section titles (off-brand) */
.title-shape{display:none !important}

/* ===== Программа — 7 уроков (work-showcase list) ===== */
.work-showcase-section .sec-title{font-weight:800;letter-spacing:-.01em}
/* floating bg city: silhouette lives only in the bottom 24% of the image. Keep ONE band (repeat-x only,
   for the seamless horizontal drift — NO repeat-y so it isn't duplicated) and center it vertically,
   so it sits behind the middle rows instead of pinned to the very bottom. */
.work-showcase-section{background-size:1920px auto !important;background-repeat:repeat-x !important}
/* drift horizontally, and keep the city's baseline 279px above the section bottom = the end (bottom)
   of lesson 06, so the skyline ends there and lessons 06–07 gap + lesson 07 stay clean below. */
@keyframes slide{from{background-position:left 0 bottom 279px}to{background-position:left 1920px bottom 279px}}
@-webkit-keyframes slide{from{background-position:left 0 bottom 279px}to{background-position:left 1920px bottom 279px}}
/* clear gap between the lesson title and its description; keep each row on one line */
.work-showcase-container .inner-box{gap:48px}
.work-showcase-container .left-box{gap:40px}
.work-showcase-container .left-box h1{white-space:nowrap}
.work-showcase-container .left-box h4{letter-spacing:2px;font-size:26px;line-height:1.2;white-space:nowrap}
.work-showcase-container .right-box{gap:44px}
.work-showcase-container .right-box p{max-width:420px;margin:0}
.work-showcase-container .btn-box .pmb-arrow{display:inline-block;cursor:default}
/* row 07 = finale: thin red frame + red number */
.work-showcase-container .inner-box.pmb-final{border-color:#be0a37}
.work-showcase-container .inner-box.pmb-final .left-box h1{color:#be0a37}
/* ===== После интенсива — 3 ползунка «было → стало» ===== */
.pmb-shift{background:#fff}
.pmb-shift .pmb-grid-head{text-align:left;margin:0 0 56px}
.pmb-shift .sec-title{font-weight:800;letter-spacing:-.01em;font-size:clamp(32px,4vw,50px);line-height:1.08;margin:0}
.pmb-shift-sub{color:#404040;font-size:18px;line-height:1.55;margin:18px 0 0;max-width:34em}
.pmb-sliders{display:flex;flex-direction:column;gap:46px;max-width:1000px}
/* sliders live inside the connect-section right column -> fill it, tighten spacing a touch */
.connect-content-box.pmb-shift{background:transparent}
.connect-content-box .pmb-sliders{max-width:none;gap:38px}
.connect-content-box .pmb-grid-head{margin:0 0 40px}
.connect-content-box.pmb-shift .sec-title{font-size:clamp(30px,2.6vw,40px)}
.pmb-slider-row{display:flex;justify-content:space-between;align-items:baseline;gap:28px;margin-bottom:18px}
.pmb-was{color:#404040;font-size:16px;line-height:1.3}
.pmb-now{color:#111;font-weight:700;font-size:17px;line-height:1.3;text-align:right}
.pmb-slider{--val:85%}                                  /* target position of each slider (editable) */
.pmb-track{position:relative;height:4px;border-radius:4px;background:#e5e5e5}
.pmb-track:before{content:"";position:absolute;left:0;top:0;height:100%;width:0;border-radius:4px;background:#be0a37;
  transition:width 1.2s cubic-bezier(.22,.61,.36,1)}
.pmb-knob{position:absolute;left:0;top:50%;width:26px;height:26px;border-radius:50%;background:#be0a37;
  transform:translate(-50%,-50%);transition:left 1.2s cubic-bezier(.22,.61,.36,1)}
/* when the block scrolls into view, fill + knob glide to their value (staggered) */
.pmb-sliders.in-view .pmb-track:before{width:var(--val)}
.pmb-sliders.in-view .pmb-knob{left:var(--val)}
.pmb-slider:nth-child(2) .pmb-track:before,.pmb-slider:nth-child(2) .pmb-knob{transition-delay:.13s}
.pmb-slider:nth-child(3) .pmb-track:before,.pmb-slider:nth-child(3) .pmb-knob{transition-delay:.26s}
@media(max-width:575px){
  .pmb-slider-row{font-size:14px;gap:18px}
  .pmb-was{font-size:14px}.pmb-now{font-size:14px}
}

/* ===== Мой метод (connect block B): text left + donut wheel right ===== */
.pmb-method .pmb-eyebrow{display:block;margin-bottom:14px}
.pmb-method-title{font-family:'Inter','Manrope',sans-serif;font-weight:800;color:#1a1a1a;
  font-size:clamp(32px,3.4vw,48px);line-height:1.1;letter-spacing:-.01em;margin:0 0 22px}
.pmb-method-text{color:#404040;font-size:17px;line-height:1.75;margin:0 0 210px}  /* room for the absolute pie below (theme layout) */
/* small spinning pie in the text column (replaces theme diagram.png). edit --seg1/--seg2 for proportions */
.progress-circle .pmb-wheel{--seg1:60%;--seg2:85%;width:190px;height:190px;border-radius:50%;margin:0 auto;
  background:conic-gradient(#be0a37 0 var(--seg1), #404040 var(--seg1) var(--seg2), #d9d9d9 var(--seg2) 100%);
  animation:pmb-spin 20s linear infinite}
@keyframes pmb-spin{to{transform:rotate(360deg)}}
@-webkit-keyframes pmb-spin{to{-webkit-transform:rotate(360deg)}}
/* legend = theme .diagram-list: stack items left-aligned (theme centered them -> staircase). */
.diagram-list{max-width:none;text-align:left;margin-top:18px}
.diagram-list span{display:block;margin:0 0 10px;white-space:nowrap}
.diagram-list span:last-child{margin-bottom:0}
.diagram-list span:nth-child(1):before{background-color:#be0a37}
.diagram-list span:nth-child(2):before{background-color:#404040}
.diagram-list span:nth-child(3):before{background-color:#d9d9d9}
/* mobile: theme hides the absolute wheel -> the text's 210px reserve becomes an empty gap.
   instead let the wheel + legend flow normally (centered) right under the method text. */
@media(max-width:991px){
  .pmb-method-text{margin-bottom:30px !important}
  .connect-content-box-two .progress-circle{display:block !important;position:static !important;
    width:auto !important;height:auto !important;margin:0 auto;text-align:center}
  .connect-content-box-two .progress-circle .pmb-wheel{margin:0 auto}
  .connect-content-box-two .diagram-list{display:inline-block;text-align:left;margin:20px auto 0}
}

/* narrow screens: stack [number / name] over [description + arrow], left-aligned (was scattered) */
@media(max-width:991px){
  /* декоративный фон-«здание» (showcase-bg, 1920px repeat-x) на мобильном вылезал крупным куском
     за пунктами и мешал чтению уроков -> убираем его на узких экранах */
  .work-showcase-section{background-image:none !important}
  .work-showcase-container .inner-box{flex-direction:column;align-items:flex-start;gap:18px;padding:26px 0;margin-bottom:0}
  .work-showcase-container .left-box{gap:22px;justify-content:flex-start;align-items:center}
  .work-showcase-container .left-box h1{font-size:58px;line-height:1;padding-top:0}
  .work-showcase-container .left-box h4{font-size:20px;letter-spacing:2px;line-height:1.25;white-space:normal}
  .work-showcase-container .right-box{width:100%;justify-content:space-between;gap:22px}
  .work-showcase-container .right-box p{max-width:none;font-size:14px}
  .work-showcase-container .right-box .btn-box .pmb-arrow i{height:54px;width:54px;font-size:28px}
}

/* ===== HERO TEXT (Push My Business) ===== */
html{scroll-behavior:smooth}
/* keep hero composition cohesive on ultra-wide: cap content to a centered 1700px zone.
   dark panel runs from the left edge to (zone-left + 637) so no red strip appears on the far left;
   text sits left inside that dark panel; Arzu sticks to the zone's right. On screens <=1700 it's identical to before. */
.banner-section .mkt-container{max-width:1700px !important;margin:0 auto !important;padding-left:clamp(24px,5vw,72px) !important;padding-right:0 !important}
.banner-section::before{left:0 !important;width:calc(max(0px,(100% - 1700px)/2) + 800px) !important}
.banner-section figure.banner-image{right:calc(max(0px,(100% - 1700px)/2) + 140px) !important}
.banner-section .banner-content{max-width:520px}
/* all Russian text rendered with a Cyrillic font (Now not licensed -> Inter) */
.pmb-cyr{font-family:'Inter','Manrope',sans-serif !important}
/* eyebrow label */
.banner-section .banner-subtitle{color:#fff;font-size:14px;font-weight:600;letter-spacing:5px;line-height:1.4;text-transform:uppercase;margin-bottom:14px}
/* H1: white, "PUSH" red */
.banner-section .banner-title{color:#fff;font-size:96px;line-height:.98;margin-bottom:0}
.banner-section .banner-title .pmb-red{color:#be0a37;-webkit-text-stroke:0}
/* slogan: red italic */
.banner-section .pmb-slogan{color:#be0a37;font-style:italic;font-weight:500;font-size:clamp(22px,2.3vw,30px);line-height:1.15;margin:14px 0 0}
/* promise: white, normal */
.banner-section .pmb-promise{color:#fff;font-weight:400;font-size:16px;line-height:1.6;margin:16px 0 0;max-width:30em;text-transform:none}
/* date label */
.banner-section .pmb-date{color:#fff;font-weight:600;letter-spacing:4px;text-transform:uppercase;font-size:12px;margin:20px 0 14px}
@media(max-width:991px){
  /* phones/tablets: theme hides Arzu + skyline and shows a red hero -> the red PUSH/slogan would vanish.
     Make the whole hero dark instead (matches desktop dark panel), so the red text stays readable. */
  .banner-section{padding:78px 0 calc(100vw * 0.28 + 30px) 0 !important;background:#151515 !important}
  .banner-section::before{display:none !important}
  .banner-section .shape-5{display:none !important}  /* red diagonal graphic -> would sit under the red PUSH text on mobile */
  /* всё содержимое hero по центру на мобильном */
  .banner-section .banner-content{max-width:100%;text-align:center}
  .banner-section .banner-subtitle{letter-spacing:3px;font-size:12.5px}
  .banner-section .banner-title{font-size:48px}
  .banner-section .banner-title br{display:inline !important}   /* вернуть перенос PUSH MY / BUSINESS (тема прятала br -> "MYBUSINESS") */
  .banner-section .pmb-promise{font-size:15px;margin-left:auto;margin-right:auto}
  .banner-section .pmb-slogan{margin-left:auto;margin-right:auto}
  .banner-section .theme-btn{margin-left:auto;margin-right:auto}
  .banner-content .shape-1{top:-92px !important;left:50% !important;transform:translateX(-50%) !important}
  /* keep the Baku skyline visible on mobile too: full-width band pinned to the dark panel's bottom.
     image is dark-top + white buildings -> dark blends, white skyline shows above the button. */
  .banner-section .shape-4{display:block !important;left:0 !important;right:0 !important;width:100% !important;
    height:calc(100vw * 0.44) !important;top:auto !important;bottom:0 !important;
    background-position:center bottom !important;background-size:100% auto !important}
}

/* ===== HERO (step 2) ===== */
.banner-section.pmb-hero{background-color:#be0a37}                 /* brand red instead of #be0000 */
.pmb-hero .banner-content{max-width:540px}                         /* keep text inside dark-left, not over the photo */
.pmb-hero .banner-subtitle{font-size:15px;letter-spacing:6px;line-height:1.4}
.pmb-hero .banner-title{font-size:46px;line-height:1.1}
.pmb-hero .banner-title span{color:#fff;-webkit-text-stroke:0;opacity:.92}
.pmb-hero .theme-btn.btn-style-one{background-color:#141414 !important;color:#fff !important;border-color:#141414 !important}
.pmb-hero figure.banner-image{width:520px;z-index:2}
.pmb-hero figure.banner-image img{filter:grayscale(1) contrast(1.05)}
/* Baku contour — bottom-LEFT, in the dark panel only (like template city), behind text, NOT full width */
.pmb-skyline{position:absolute;left:0;bottom:0;width:637px;max-width:48%;height:185px;z-index:0;pointer-events:none;
  background:url(../img/baku-band.png?v=1) center bottom / cover no-repeat}
@media(max-width:991px){
  .pmb-hero .banner-title{font-size:38px}
  .pmb-hero figure.banner-image{position:static !important;width:280px;max-width:70%;margin:24px auto 0;display:block}
}