/* Mobile typography and layout fixes for Tilda Zero Blocks */

@media screen and (max-width: 640px) {
  .t396__artboard .tn-elem[data-elem-type="text"] {
    height: auto !important;
    max-width: calc(100vw - 24px);
  }

  .t396__artboard .tn-elem[data-elem-type="button"] {
    max-width: calc(100vw - 40px);
  }

  .t396__artboard .tn-elem[data-elem-type="text"] .tn-atom {
    word-break: normal;
    overflow-wrap: break-word;
    hyphens: none;
    line-height: 1.2 !important;
  }

  /* Speaker bio: keep text in viewport */
  #rec1051271916 .tn-elem[data-elem-id="1736846925160"],
  #rec1051271916 .tn-elem[data-elem-id="1736846925162"] {
    max-width: calc(100vw - 40px) !important;
    width: auto !important;
  }
}

/* Fix broken Tilda export: screenmax blocks were always display:none */
@media screen and (max-width: 980px) {
  .t-screenmax-980px {
    display: block !important;
  }

  .t-screenmin-980px {
    display: none !important;
  }
}

@media screen and (max-width: 479px) {
  #rec1051271881 .tn-elem[data-elem-id="1736848288214"] .tn-atom {
    font-size: 24px !important;
  }

  #rec1051271896 .tn-elem[data-elem-id="1745575948753"] {
    width: 280px !important;
  }

  #rec1051271896 .tn-elem[data-elem-id="1745575948753"] .tn-atom {
    font-size: 24px !important;
  }

  #rec1051271911 .tn-elem[data-elem-id="1736846573442"] .tn-atom {
    font-size: 26px !important;
  }

  #rec1051271916 .tn-elem[data-elem-id="1736846925162"] .tn-atom {
    font-size: 26px !important;
  }

  #rec1051271921 .tn-elem[data-elem-id="1736847081951"] .tn-atom {
    font-size: 26px !important;
  }

  #rec1051271951 .tn-elem[data-elem-id="1736847583133"] .tn-atom {
    font-size: 18px !important;
  }

  /* Druk card titles — smaller on narrow screens */
  #rec1051271906 .tn-elem[data-elem-id="1736848189709"] .tn-atom,
  #rec1051271906 .tn-elem[data-elem-id="1736848189743"] .tn-atom,
  #rec1051271906 .tn-elem[data-elem-id="1736848189746"] .tn-atom,
  #rec1051271906 .tn-elem[data-elem-id="1736848189756"] .tn-atom {
    font-size: 18px !important;
    line-height: 1.1 !important;
  }
}

/* «Мы покажем вам, как эффективно» — icon left, text right */
@media screen and (max-width: 639px) {
  #rec1051271906 .t396__artboard {
    overflow: hidden !important;
  }

  #rec1051271906 .tn-elem[data-elem-id="1736848189758"] {
    left: 16px !important;
    right: 16px !important;
    width: auto !important;
    max-width: none !important;
    transform: none !important;
    top: 70px !important;
  }

  #rec1051271906 .tn-elem[data-elem-id="1736848189758"] .tn-atom {
    font-size: 26px !important;
    line-height: 1.1 !important;
    text-align: center !important;
    max-width: 100% !important;
  }

  /* Icons — left column */
  #rec1051271906 .tn-elem[data-elem-id="1736848189716"],
  #rec1051271906 .tn-elem[data-elem-id="1736848189721"],
  #rec1051271906 .tn-elem[data-elem-id="1736848189722"],
  #rec1051271906 .tn-elem[data-elem-id="1736848189723"] {
    left: 16px !important;
    width: 47px !important;
    height: 47px !important;
    transform: none !important;
  }

  #rec1051271906 .tn-elem[data-elem-id="1736848189716"] { top: 155px !important; }
  #rec1051271906 .tn-elem[data-elem-id="1736848189721"] { top: 285px !important; }
  #rec1051271906 .tn-elem[data-elem-id="1736848189722"] { top: 400px !important; }
  #rec1051271906 .tn-elem[data-elem-id="1736848189723"] { top: 570px !important; }

  /* Druk titles — pinned between icon column and right edge of artboard */
  #rec1051271906 .tn-elem[data-elem-id="1736848189709"],
  #rec1051271906 .tn-elem[data-elem-id="1736848189743"],
  #rec1051271906 .tn-elem[data-elem-id="1736848189746"],
  #rec1051271906 .tn-elem[data-elem-id="1736848189756"] {
    left: 72px !important;
    right: auto !important;
    width: calc(100% - 88px) !important;
    max-width: calc(100% - 88px) !important;
    transform: none !important;
    box-sizing: border-box !important;
    display: block !important;
    height: auto !important;
    overflow: visible !important;
  }

  #rec1051271906 .tn-elem[data-elem-id="1736848189709"] .tn-atom,
  #rec1051271906 .tn-elem[data-elem-id="1736848189743"] .tn-atom,
  #rec1051271906 .tn-elem[data-elem-id="1736848189746"] .tn-atom,
  #rec1051271906 .tn-elem[data-elem-id="1736848189756"] .tn-atom {
    display: block !important;
    font-size: 18px !important;
    line-height: 1.1 !important;
    text-align: left !important;
    hyphens: none !important;
    word-break: normal !important;
    overflow-wrap: normal !important;
    max-width: 100% !important;
    box-sizing: border-box !important;
  }

  #rec1051271906 .tn-elem[data-elem-id="1736848189709"] { top: 155px !important; }
  #rec1051271906 .tn-elem[data-elem-id="1736848189743"] { top: 285px !important; }
  #rec1051271906 .tn-elem[data-elem-id="1736848189746"] { top: 400px !important; }
  #rec1051271906 .tn-elem[data-elem-id="1736848189756"] { top: 570px !important; }

  /* Body text — below titles, same column */
  #rec1051271906 .tn-elem[data-elem-id="1736848189714"],
  #rec1051271906 .tn-elem[data-elem-id="1736848189745"],
  #rec1051271906 .tn-elem[data-elem-id="1736848189747"],
  #rec1051271906 .tn-elem[data-elem-id="1736848189757"] {
    left: 72px !important;
    right: auto !important;
    width: calc(100% - 88px) !important;
    max-width: calc(100% - 88px) !important;
    transform: none !important;
    box-sizing: border-box !important;
    display: block !important;
    height: auto !important;
    overflow: visible !important;
  }

  #rec1051271906 .tn-elem[data-elem-id="1736848189714"] .tn-atom,
  #rec1051271906 .tn-elem[data-elem-id="1736848189745"] .tn-atom,
  #rec1051271906 .tn-elem[data-elem-id="1736848189747"] .tn-atom,
  #rec1051271906 .tn-elem[data-elem-id="1736848189757"] .tn-atom {
    font-size: 14px !important;
    line-height: 1.35 !important;
    text-align: left !important;
    max-width: 100% !important;
    box-sizing: border-box !important;
  }

  #rec1051271906 .tn-elem[data-elem-id="1736848189714"] { top: 225px !important; }
  #rec1051271906 .tn-elem[data-elem-id="1736848189745"] { top: 335px !important; }
  #rec1051271906 .tn-elem[data-elem-id="1736848189747"] { top: 488px !important; }
  #rec1051271906 .tn-elem[data-elem-id="1736848189757"] { top: 658px !important; }

  /* Hide off-screen decorative arrows */
  #rec1051271906 .tn-elem[data-elem-id="1736850909703"],
  #rec1051271906 .tn-elem[data-elem-id="1736850925716"],
  #rec1051271906 .tn-elem[data-elem-id="1736850956856"],
  #rec1051271906 .tn-elem[data-elem-id="1736850967978"] {
    display: none !important;
  }

  #rec1051271906 .t396__artboard,
  #rec1051271906 .t396__carrier,
  #rec1051271906 .t396__filter {
    min-height: 720px !important;
    height: auto !important;
  }
}

/* Hero: subtitle above face, photo pushed down */
@media screen and (max-width: 639px) {
  #rec1051271881 .tn-elem[data-elem-id="1736848288214"] .tn-atom {
    font-size: 22px !important;
    line-height: 1.1 !important;
  }

  #rec1051271881 .tn-elem[data-elem-id="1736848288218"] {
    top: 248px !important;
  }

  #rec1051271881 .tn-elem[data-elem-id="1736856226856"] {
    top: 331px !important;
  }

  #rec1051271881 .tn-elem[data-elem-id="1736849792456"] {
    top: 570px !important;
    z-index: 22 !important;
  }

  /* Gift card below CTA — prevent button covering text */
  #rec1051271881 .tn-elem[data-elem-id="1736848288243"] {
    top: 662px !important;
    z-index: 19 !important;
    height: 118px !important;
  }

  #rec1051271881 .tn-elem[data-elem-id="1736848288245"] {
    top: 663px !important;
    z-index: 20 !important;
    height: 116px !important;
  }

  #rec1051271881 .tn-elem[data-elem-id="1736848288247"] {
    top: 680px !important;
    z-index: 21 !important;
    max-width: 158px !important;
    width: auto !important;
    padding-right: 6px !important;
    box-sizing: border-box !important;
  }

  #rec1051271881 .tn-elem[data-elem-id="1736848288247"] .tn-atom {
    overflow-wrap: break-word !important;
    word-break: normal !important;
    hyphens: none !important;
    font-size: 11px !important;
    line-height: 1.32 !important;
  }

  /* End hero right after gift card — hide cut-off legs below */
  #rec1051271881 .t396__artboard,
  #rec1051271881 .t396__carrier,
  #rec1051271881 .t396__filter {
    height: 792px !important;
    min-height: 792px !important;
    max-height: 792px !important;
    overflow: hidden !important;
  }

  /* Bottom decorative strip — off-screen on mobile */
  #rec1051271881 .tn-elem[data-elem-id="1736849522850"] {
    display: none !important;
  }
}

/* Hero gift card — text column between 640px and tablet desktop */
@media screen and (min-width: 640px) and (max-width: 980px) {
  #rec1051271881 .tn-elem[data-elem-id="1736848288243"] {
    height: 118px !important;
  }

  #rec1051271881 .tn-elem[data-elem-id="1736848288245"] {
    height: 116px !important;
  }

  #rec1051271881 .tn-elem[data-elem-id="1736848288247"] {
    max-width: 152px !important;
    width: auto !important;
    padding-right: 6px !important;
    box-sizing: border-box !important;
  }

  #rec1051271881 .tn-elem[data-elem-id="1736848288247"] .tn-atom {
    overflow-wrap: break-word !important;
    word-break: normal !important;
    hyphens: none !important;
    font-size: 11px !important;
    line-height: 1.32 !important;
  }
}

@media screen and (max-width: 479px) {
  #rec1051271881 .tn-elem[data-elem-id="1736848288218"] {
    top: 240px !important;
  }

  #rec1051271881 .tn-elem[data-elem-id="1736856226856"] {
    top: 341px !important;
  }

  #rec1051271881 .tn-elem[data-elem-id="1736849792456"] {
    top: 580px !important;
  }

  #rec1051271881 .tn-elem[data-elem-id="1736848288243"] {
    top: 672px !important;
  }

  #rec1051271881 .tn-elem[data-elem-id="1736848288245"] {
    top: 673px !important;
  }

  #rec1051271881 .tn-elem[data-elem-id="1736848288247"] {
    top: 680px !important;
    max-width: 150px !important;
  }

  #rec1051271881 .t396__artboard,
  #rec1051271881 .t396__carrier,
  #rec1051271881 .t396__filter {
    height: 792px !important;
    min-height: 792px !important;
    max-height: 792px !important;
  }
}

/* «После регистрации вы получите» */
@media screen and (max-width: 639px) {
  #rec1051271896 .tn-elem[data-elem-id="1745575948749"] {
    top: 250px !important;
  }

  #rec1051271896 .tn-elem[data-elem-id="1745575948758"] {
    top: 340px !important;
  }

  #rec1051271896 .tn-elem[data-elem-id="1745576106063"] {
    top: 368px !important;
  }

  #rec1051271896 .tn-elem[data-elem-id="1745576112334"] {
    top: 416px !important;
  }

  #rec1051271896 .tn-elem[data-elem-id="1745576118597"] {
    top: 464px !important;
  }

  #rec1051271896 .tn-elem[data-elem-id="1745575948759"] {
    top: 340px !important;
  }

  #rec1051271896 .tn-elem[data-elem-id="1745575948761"] {
    top: 379px !important;
  }

  #rec1051271896 .tn-elem[data-elem-id="1745575948763"] {
    top: 427px !important;
  }

  #rec1051271896 .tn-elem[data-elem-id="1745575948764"] {
    top: 468px !important;
  }

  #rec1051271896 .tn-elem[data-elem-id="1745576016281"] {
    top: 520px !important;
  }

  /* Gift graphics below CTA — gap ≥20px under button */
  #rec1051271896 .tn-elem[data-elem-id="1748534007469"] {
    top: 645px !important;
  }

  #rec1051271896 .tn-elem[data-elem-id="1745863905025"] {
    top: 685px !important;
  }

  /* Tall plan image: keep as background */
  #rec1051271896 .tn-elem[data-elem-id="1745576458970"] {
    top: 80px !important;
    z-index: 1 !important;
  }

  #rec1051271896 .tn-elem[data-elem-type="text"],
  #rec1051271896 .tn-elem[data-elem-type="button"] {
    z-index: 3 !important;
  }

  /* List lines — keep inside plan/card (~300px centered) */
  #rec1051271896 .tn-elem[data-elem-id="1745575948758"],
  #rec1051271896 .tn-elem[data-elem-id="1745576106063"],
  #rec1051271896 .tn-elem[data-elem-id="1745576112334"],
  #rec1051271896 .tn-elem[data-elem-id="1745576118597"] {
    max-width: min(235px, calc(100vw - 145px)) !important;
    width: auto !important;
  }

  #rec1051271896 .tn-elem[data-elem-id="1745575948758"] .tn-atom,
  #rec1051271896 .tn-elem[data-elem-id="1745576106063"] .tn-atom,
  #rec1051271896 .tn-elem[data-elem-id="1745576112334"] .tn-atom,
  #rec1051271896 .tn-elem[data-elem-id="1745576118597"] .tn-atom {
    overflow-wrap: break-word;
    word-break: normal;
  }
}

/* «О чём будем говорить на мастер-классе» */
@media screen and (max-width: 639px) {
  #rec1051271901 .tn-elem[data-elem-id="1736848002083"] .tn-atom {
    font-size: 26px !important;
  }

  /* Gold CTA button + label pair */
  #rec1051271901 .tn-elem[data-elem-id="1736850127771"] {
    top: 2120px !important;
    z-index: 28 !important;
  }

  #rec1051271901 .tn-elem[data-elem-id="1736848002149"] {
    top: 2140px !important;
    z-index: 29 !important;
  }

  #rec1051271901 .tn-elem[data-elem-id="1736848002088"] {
    top: 200px !important;
  }

  #rec1051271901 .tn-elem[data-elem-id="1736848002110"] {
    top: 225px !important;
  }

  #rec1051271901 .tn-elem[data-elem-id="1736848002117"] {
    top: 354px !important;
  }

  #rec1051271901 .tn-elem[data-elem-id="1736848002100"] {
    top: 406px !important;
  }

  #rec1051271901 .tn-elem[data-elem-id="1736848002093"] {
    top: 520px !important;
  }

  #rec1051271901 .tn-elem[data-elem-id="1736848002112"] {
    top: 545px !important;
  }

  #rec1051271901 .tn-elem[data-elem-id="1736848002122"] {
    top: 674px !important;
  }

  #rec1051271901 .tn-elem[data-elem-id="1736848002104"] {
    top: 726px !important;
  }

  #rec1051271901 .tn-elem[data-elem-id="1736848002096"] {
    top: 840px !important;
  }

  #rec1051271901 .tn-elem[data-elem-id="1736848002115"] {
    top: 865px !important;
  }

  #rec1051271901 .tn-elem[data-elem-id="1736848002126"] {
    top: 996px !important;
  }

  #rec1051271901 .tn-elem[data-elem-id="1736848002107"] {
    top: 1047px !important;
  }

  #rec1051271901 .tn-elem[data-elem-id="1736848002091"] {
    top: 1161px !important;
  }

  #rec1051271901 .tn-elem[data-elem-id="1736848002111"] {
    top: 1186px !important;
  }

  #rec1051271901 .tn-elem[data-elem-id="1736848002141"] {
    top: 1315px !important;
  }

  #rec1051271901 .tn-elem[data-elem-id="1736848002102"] {
    top: 1367px !important;
  }

  #rec1051271901 .tn-elem[data-elem-id="1736848002095"] {
    top: 1460px !important;
  }

  #rec1051271901 .tn-elem[data-elem-id="1736848002114"] {
    top: 1485px !important;
  }

  #rec1051271901 .tn-elem[data-elem-id="1736848002136"] {
    top: 1613px !important;
  }

  #rec1051271901 .tn-elem[data-elem-id="1736848002105"] {
    top: 1664px !important;
  }

  #rec1051271901 .tn-elem[data-elem-id="1736848002099"] {
    top: 1751px !important;
  }

  #rec1051271901 .tn-elem[data-elem-id="1736848002116"] {
    top: 1776px !important;
  }

  #rec1051271901 .tn-elem[data-elem-id="1736848002131"] {
    top: 1904px !important;
  }

  #rec1051271901 .tn-elem[data-elem-id="1736848002108"] {
    top: 1955px !important;
  }
}

/* «Спикер мастер-класса» — полный портрет, граница секции у низа фото */
@media screen and (max-width: 639px) {
  #rec1051271916 .t396__carrier {
    background-image: url('https://static.tildacdn.com/tild3265-6663-4538-b965-393066306131/__3.jpg') !important;
    background-size: cover !important;
    background-position: center 30% !important;
    background-color: #070606 !important;
  }

  #rec1051271916 .t396__artboard {
    overflow: hidden !important;
  }

  #rec1051271916 .t396__artboard,
  #rec1051271916 .t396__carrier,
  #rec1051271916 .t396__filter {
    min-height: 660px !important;
    max-height: 660px !important;
    height: 660px !important;
  }

  #rec1051271916 .tn-elem[data-elem-id="1736857584952"] {
    display: none !important;
  }

  #rec1051271916 .tn-elem[data-elem-id="1736846925145"] {
    top: 96px !important;
    left: calc(50% - 160px + 20px) !important;
    width: 470px !important;
    height: 560px !important;
    z-index: 3 !important;
  }

  #rec1051271916 .tn-elem[data-elem-id="1736846925145"] .tn-atom {
    background-size: contain !important;
    background-position: right top !important;
    background-repeat: no-repeat !important;
  }
}
@media screen and (max-width: 639px) {
  #rec1051271911 .tn-elem[data-elem-id="1736846573442"] {
    top: 40px !important;
    left: 16px !important;
    width: calc(100% - 32px) !important;
    max-width: calc(100% - 32px) !important;
    display: block !important;
    height: auto !important;
    overflow: visible !important;
    z-index: 10 !important;
  }

  #rec1051271911 .tn-elem[data-elem-id="1736846573442"] .tn-atom {
    display: block !important;
    width: 100% !important;
    font-size: 26px !important;
    line-height: 1.2 !important;
    text-align: center !important;
    hyphens: none !important;
    word-break: normal !important;
    overflow-wrap: normal !important;
  }

  #rec1051271911 .tn-elem[data-elem-id="1736846573447"] {
    top: 176px !important;
    left: calc(50% - 160px + 10px) !important;
    width: 300px !important;
  }

  #rec1051271911 .tn-elem[data-elem-id="1736846573460"] {
    top: 212px !important;
    left: calc(50% - 160px + 114px) !important;
  }

  #rec1051271911 .tn-elem[data-elem-id="1736846573454"] {
    top: 321px !important;
    left: calc(50% - 160px + 43px) !important;
  }

  #rec1051271911 .tn-elem[data-elem-id="1736846573450"] {
    top: 446px !important;
    left: calc(50% - 160px + 10px) !important;
  }

  #rec1051271911 .tn-elem[data-elem-id="1736846573466"] {
    top: 482px !important;
    left: calc(50% - 160px + 114px) !important;
  }

  #rec1051271911 .tn-elem[data-elem-id="1736846573457"] {
    top: 591px !important;
    left: calc(50% - 160px + 61px) !important;
  }

  #rec1051271911 .tn-elem[data-elem-id="1736846573453"] {
    top: 704px !important;
    left: calc(50% - 160px + 10px) !important;
  }

  #rec1051271911 .tn-elem[data-elem-id="1736846573471"] {
    top: 740px !important;
    left: calc(50% - 160px + 114px) !important;
  }

  #rec1051271911 .tn-elem[data-elem-id="1736846573458"] {
    top: 849px !important;
    left: calc(50% - 160px + 50px) !important;
  }
}

/* FAQ section divider */
@media screen and (max-width: 639px) {
  #rec1051271921 .t396__artboard,
  #rec1051271921 .t396__carrier,
  #rec1051271921 .t396__filter {
    min-height: 180px !important;
  }

  #rec1051271921 .tn-elem[data-elem-id="1736847081951"] {
    top: 40px !important;
  }
}

/* Mobile reviews gallery — keep native height, never collapse */
@media screen and (max-width: 980px) {
  #rec1051271941 .t396__artboard,
  #rec1051271941 .t396__carrier,
  #rec1051271941 .t396__filter {
    min-height: 470px !important;
    height: 470px !important;
  }

  #rec1051271941 .tn-elem[data-elem-id="1736857888470"] {
    left: 50% !important;
    transform: translateX(-50%) !important;
    width: min(300px, 90vw) !important;
    height: 425px !important;
  }
}
