/*! src: cfefb2f5bf8dc745293bb58ddf1adff2 */

    
    
    
  
    /* Типографика (только шрифты/цвета — раскладка в BEM-классах блоков) */
    .dlya-kafe-ty-hero-h1 {
      font-size: 60px;
      line-height: 60px;
    }
  
    .dlya-kafe-ty-hero-lead,
    .dlya-kafe-ty-caption-hero,
    .dlya-kafe-ty-section-sub,
    .dlya-kafe-ty-cta-p,
    .dlya-kafe-ty-cta-link,
    .dlya-kafe-ty-cta-note {
      font-family: Roboto, sans-serif;
    }
  
    .dlya-kafe-ty-hero-lead {
      color: rgba(255, 255, 255, 0.9);
      font-size: 18px;
      font-weight: 500;
      line-height: 26.1px;
    }
  
    .dlya-kafe-ty-caption-hero {
      color: rgba(255, 255, 255, 0.9);
      font-size: 14px;
      font-weight: 400;
      line-height: 20.3px;
    }
  
    .dlya-kafe-ty-section-sub {
      color: #212121;
      font-size: 16px;
      font-weight: 400;
      line-height: 23.2px;
      opacity: 0.8;
    }
  
    .dlya-kafe-ty-cta-h2 {
      color: #fff;
      font-size: 45px;
      font-family: "Ubuntu Sans", sans-serif;
      font-weight: 700;
      line-height: 50px;
    }
  
    .dlya-kafe-ty-cta-p {
      color: #fff;
      font-size: 18px;
      font-weight: 400;
      line-height: 28px;
    }
  
    .dlya-kafe-ty-cta-link {
      color: #fff;
      font-size: 16px;
      font-weight: 600;
      line-height: 24px;
    }
  
    .dlya-kafe-ty-cta-note {
      color: rgba(255, 255, 255, 0.7);
      font-size: 14px;
      font-weight: 400;
      line-height: 24px;
    }
  
    /* Hero «Для кафе» — Figma 2349:596 (node HERO) + плагин HTML, без шапки (как mini-apps / ai-agents) */
    #top.screen.dlya-kafe-hero.mod--1-red {
      background: url("/wp-content/themes/bothelp.io/assets/images/dlya-kafe-hero-bg.svg")
        bottom center / cover no-repeat;
      position: relative;
      min-height: 667px;
      padding-top: 98px; /* 173px от макета 1440px минус 75px под область навигации */
    }
  
    #top.dlya-kafe-hero .content.mod--main-1 {
      position: relative;
      z-index: 1;
      align-items: flex-start;
    }
  
    #top.dlya-kafe-hero .dlya-kafe-hero__text {
      max-width: 792px;
    }
  
    #top.dlya-kafe-hero .hero-badge {
      color: #ff4d4d;
    }
  
    #top.dlya-kafe-hero .text--h1.mod--screen-1 {
      max-width: 719px;
    }
  
    .dlya-kafe-hero__body {
      max-width: 676px;
    }
  
    .dlya-kafe-hero__body p {
      margin: 0;
    }
  
    .dlya-kafe-hero__body p + p {
      margin-top: 26.1px;
    }
  
    #top.dlya-kafe-hero .button.w-inline-block {
      background: #fff;
      box-shadow: none;
    }
  
    #top.dlya-kafe-hero .button.w-inline-block .mod--button {
      color: #ff4d4d;
    }
  
    #top.dlya-kafe-hero .button-container.mod--first,
    .dlya-kafe-hero__margin-wrap {
      max-width: 592px;
      width: 100%;
      box-sizing: border-box;
    }
  
    .dlya-kafe-hero__trial,
    .dlya-kafe-hero__p-spacer {
      flex: 1 0 0;
      min-width: 0;
    }
  
    .dlya-kafe-hero__trial {
      margin: 0;
    }
  
    .dlya-kafe-hero__margin-wrap {
      display: flex;
      align-items: flex-start;
      padding-bottom: 5px;
    }
  
    .dlya-kafe-hero__p-spacer {
      height: 20px;
    }
  
    .dlya-kafe-hero__img-wrap {
      display: flex;
      align-items: flex-end;
      justify-content: center;
      flex: 1;
    }
  
    .dlya-kafe-hero__visual {
      display: block;
      width: 509px;
      max-width: 100%;
      height: auto;
    }
  
    .dlya-kafe-tabs-section--platform .bh-tabs__result-strip--outline {
      background: none;
    }
  
    /* Табы «AI-агенты» — Figma 2349:790, как dlya-blogerov platform; «Результат» — border */
    .dlya-kafe-tabs-section {
      position: relative;
      overflow: hidden;
    }
  
    .dlya-kafe-tabs-section__polygon,
    .dlya-kafe-cta__polygon {
      position: absolute;
      pointer-events: none;
      z-index: 0;
    }
  
    .dlya-kafe-tabs-section__polygon--l,
    .dlya-kafe-cta__polygon--l {
      left: 0;
      top: 0;
    }
  
    .dlya-kafe-tabs-section__polygon--r,
    .dlya-kafe-cta__polygon--r {
      right: 0;
      bottom: 0;
    }
  
    .dlya-kafe-cta__polygon--l,
    .dlya-kafe-cta__polygon--r {
      height: 100%;
      width: auto;
    }
  
    .dlya-kafe-tabs-section .content {
      position: relative;
      z-index: 1;
    }
  
    .dlya-kafe-tabs-section--platform .content.mod--main-2-1 {
      gap: 64px;
    }
  
    .dlya-kafe-tabs-section--platform .bh-section-header {
      display: flex;
      flex-direction: column;
      align-items: center;
      gap: 24px;
      width: 100%;
      max-width: 1200px;
    }
  
    .dlya-kafe-tabs-section--platform .bh-section-title {
      margin: 0;
      line-height: 36px;
    }
  
    .dlya-kafe-tabs-section--platform .bh-section-subtitle {
      max-width: 696px;
      width: 100%;
      margin: 0;
      text-align: center;
    }
  
    .dlya-kafe-tabs-section--platform .bh-tabs__split-card {
      align-items: stretch;
    }
  
    .dlya-kafe-tabs-section--platform .bh-tabs__split-text-stack {
      display: flex;
      flex-direction: column;
      align-items: stretch;
      align-self: stretch;
      flex: 0 1 564px;
      min-width: 0;
      min-height: 0;
      width: 100%;
      max-width: 564px;
      gap: 0;
      box-sizing: border-box;
    }
  
    .dlya-kafe-tabs-section--platform
      .bh-tabs__split-text-stack
      .bh-tabs__panels {
      flex: 0 1 auto;
      width: 100%;
      max-width: 564px;
      min-width: 0;
      align-self: stretch;
    }
  
    .dlya-kafe-tabs-section--platform .bh-tabs__split-results {
      margin-top: auto;
      padding-top: 0;
      width: 100%;
      max-width: 100%;
      align-items: stretch;
      align-self: stretch;
      flex-shrink: 0;
      box-sizing: border-box;
    }
  
    /* Кейсы: квадратное превью (dlya-onlajn-shkol / bh-slider) */
    .bh-case-slide__media.bh-case-slide__media--square {
      aspect-ratio: 1 / 1;
      align-self: flex-start;
    }
  
    .bh-case-slide__media.bh-case-slide__media--square picture {
      display: contents;
    }
  
    /* CTA — копия dlya-blogerov-cta / bh-cta-block («Начните зарабатывать…») */
    .dlya-kafe-cta {
      position: relative;
      border-radius: 30px;
      overflow: hidden;
      min-height: 422px;
      margin: 0 auto 0;
      max-width: 1440px;
      background: linear-gradient(185deg, #ff4d4d 1.62%, #ff9191 92.8%);
    }
  
    .dlya-kafe-cta__bg {
      position: absolute;
      inset: -22% -12% -2% -4%;
      background: #212121;
      border-radius: 30px;
      z-index: 0;
    }
  
    .dlya-kafe-cta__inner {
      position: relative;
      z-index: 2;
      display: flex;
      flex-direction: column;
      align-items: center;
      justify-content: center;
      text-align: center;
      gap: 0;
      min-height: 422px;
    }
  
    .dlya-kafe-cta__title {
      max-width: 804px;
      margin: 0 0 24px;
    }
  
    .dlya-kafe-cta__desc {
      max-width: 728px;
      margin: 0 0 24px;
    }
  
    .dlya-kafe-cta__desc strong {
      font-weight: 700;
    }
  
    .dlya-kafe-cta__btn {
      display: inline-flex;
      align-items: center;
      justify-content: center;
      padding: 16px 32px;
      height: 56px;
      background: linear-gradient(180deg, #e6363e 0%, #f5464d 100%);
      border-radius: 8px;
      text-decoration: none;
      transition: opacity 0.2s;
      margin-bottom: 16px;
      box-sizing: border-box;
    }
  
    .dlya-kafe-cta__btn:hover {
      opacity: 0.92;
    }
  
    .dlya-kafe-cta__trial {
      margin: 0;
    }
  
    .dlya-kafe-cta .bh-cta-block__phone-group {
      width: auto;
      height: 340px;
      display: flex;
      align-items: flex-end;
      justify-content: center;
    }
  
    .dlya-kafe-cta__robot {
      width: auto;
      height: 340px;
      max-width: unset;
      transform-origin: bottom center;
    }
  
    /* Адаптив: в конце, перекрывает базовые правила; max-width — от широкого к узкому */
    @media (max-width: 1200px) {
      .dlya-kafe-hero__visual {
        width: 420px;
      }
  
      .dlya-kafe-cta {
        border-radius: 0;
        min-height: auto;
        background: #212121;
        margin-bottom: 40px;
      }
  
      .dlya-kafe-cta__bg {
        display: none;
      }
  
      .dlya-kafe-cta__polygon--l,
      .dlya-kafe-cta__polygon--r {
        display: none;
      }
  
      .dlya-kafe-cta__inner {
        padding: 44px 16px 40px;
        align-items: flex-start;
        text-align: left;
      }
  
      .dlya-kafe-ty-cta-h2 {
        font-size: 30px;
        line-height: 40px;
      }
  
      .dlya-kafe-cta__title {
        margin: 0 0 15px;
      }
  
      .dlya-kafe-ty-cta-p {
        font-size: 16px;
        line-height: 23.2px;
      }
  
      .dlya-kafe-cta .bh-cta-block__phone-group {
        width: 100%;
        max-width: 335px;
        height: 352px;
      }
  
      .dlya-kafe-cta__btn {
        width: 100%;
      }
  
      .dlya-kafe-cta__trial {
        margin-left: auto;
        margin-right: auto;
      }
    }
  
    @media (max-width: 991px) {
      .dlya-kafe-tabs-section--platform .bh-tabs__split-text-stack {
        flex: 1 1 auto;
        flex-basis: auto;
        max-width: none;
      }
  
      .dlya-kafe-tabs-section--platform .bh-tabs__split-results {
        padding: 24px 0 0;
      }
  
      .bh-case-slide__media.bh-case-slide__media--square {
        height: auto;
        aspect-ratio: 1 / 1;
      }
    }
  
    @media (max-width: 768px) {
      #top.screen.dlya-kafe-hero.mod--1-red {
        min-height: auto;
        background-size: auto 100%;
      }
  
      #top.dlya-kafe-hero .content.mod--main-1 {
        flex-direction: column;
        gap: 0;
      }
  
      #top.dlya-kafe-hero .box-50 {
        width: 100%;
        max-width: 100%;
        flex: none;
      }
  
      #top.dlya-kafe-hero .dlya-kafe-hero__text,
      #top.dlya-kafe-hero .dlya-kafe-ty-hero-h1,
      .dlya-kafe-hero__body {
        max-width: 100%;
      }
  
      #top.dlya-kafe-hero .mod--screen-1-text {
        padding: 0 16px 32px;
      }
  
      #top.dlya-kafe-hero .mod--screen-1-img {
        order: 2;
        justify-content: center;
        position: static;
        margin-top: 0;
      }
  
      #top.dlya-kafe-hero .box-50.mod--screen-1-img.mod--40 {
        margin: 0;
        margin-top: 0;
      }
  
      .dlya-kafe-hero__img-wrap {
        position: static;
        width: 100%;
        margin: 0 auto;
        overflow: visible;
      }
  
      .dlya-kafe-hero__visual {
        width: 100%;
        max-width: 420px;
      }
  
      .dlya-kafe-hero__trial {
        text-align: center;
      }
  
      .dlya-kafe-ty-hero-badge {
        font-size: 14px;
        line-height: 22px;
      }
  
      #top.dlya-kafe-hero .dlya-kafe-ty-hero-h1 {
        font-size: 33px;
        line-height: 1.2;
      }
  
      #top.dlya-kafe-hero .button-container.mod--first {
        flex-direction: column;
        align-items: stretch;
      }
  
      #top.dlya-kafe-hero
        .button-container.mod--first
        .button.w-inline-block {
        width: 100%;
        display: flex;
        justify-content: center;
      }
  
      .dlya-kafe-tabs-section__polygon--r {
        display: none;
      }
    }