/* Prompt Olympiad — responsive overrides for Tilda export */

html {
  scroll-behavior: smooth;
}

html,
body {
  position: relative;
  max-width: 100%;
  overflow-x: hidden;
  -webkit-text-size-adjust: 100%;
}

img,
svg,
video,
iframe {
  max-width: 100%;
  height: auto;
}

/* Prompt logo: keep aspect, don't crop/stretch like old PROD marks */
img[src*="prompt_logo"],
img[data-original*="prompt_logo"],
img[src*="prompt_logo_mark"],
img[data-original*="prompt_logo_mark"] {
  object-fit: contain !important;
  object-position: center center !important;
  height: auto !important;
  max-height: 100%;
}

/* Zero-blocks: avoid horizontal bleed on small screens */
.t396__artboard,
.t396__carrier,
.t396__filter,
.t-records,
.r {
  max-width: 100vw;
}

.t396 .tn-elem img.tn-atom__img {
  max-width: 100%;
}

@media screen and (max-width: 640px) {
  body {
    overflow-x: hidden;
  }

  .tn-atom__button-content,
  .tn-atom__button-text {
    white-space: normal;
  }

  .t396__artboard {
    overflow: hidden !important;
  }

  img[src*="prompt_logo"],
  img[data-original*="prompt_logo"] {
    object-position: left center !important;
    width: auto !important;
    max-width: min(280px, 86vw) !important;
  }

  #rec1459378911 .tn-elem[data-elem-type="image"] {
    max-width: 100vw;
  }

  .t431,
  .t431__table,
  .t-table,
  .t-container {
    max-width: 100%;
  }

  .t431,
  .t431__table,
  .t-table {
    display: block;
    width: 100% !important;
    overflow-x: auto;
    -webkit-overflow-scrolling: touch;
  }

  .t-popup__container,
  .t868__code-wrap,
  .t868__code-wrap > div {
    width: 100% !important;
    max-width: calc(100vw - 24px) !important;
    box-sizing: border-box;
  }
}

@media screen and (max-width: 480px) {
  img[src*="prompt_logo"],
  img[data-original*="prompt_logo"] {
    max-width: min(220px, 82vw) !important;
  }
}

@media screen and (min-width: 641px) and (max-width: 959px) {
  img[src*="prompt_logo"],
  img[data-original*="prompt_logo"] {
    max-width: 420px !important;
  }

  .t396__artboard {
    overflow: hidden;
  }
}

@media screen and (min-width: 960px) and (max-width: 1199px) {
  img[src*="prompt_logo"],
  img[data-original*="prompt_logo"] {
    max-width: 560px !important;
  }
}

@media screen and (min-width: 1200px) {
  #rec1459378911 img[src*="prompt_logo"] {
    max-width: 1120px !important;
  }
}

.t868__code-wrap > div {
  max-width: 100%;
}

.t-body,
.tn-atom,
.t-title,
.t-descr,
.t-text {
  font-family: "Inter", Arial, sans-serif;
}


/* Hide emptied PROD vector shells */
img[src*="655904fdbb_Vector"],
img[src*="0871a73540_Vector"],
img[data-original*="655904fdbb_Vector"],
img[data-original*="0871a73540_Vector"] {
  display: none !important;
}

@media screen and (max-width: 640px) {
  .tn-atom,
  .tn-atom p,
  .t-descr,
  .t-text,
  .t396__elem[data-elem-type="text"] .tn-atom {
    overflow-wrap: anywhere;
    word-break: break-word;
    max-width: 100%;
  }

  #rec1459378911 .t396__elem[data-elem-type="text"] {
    max-width: calc(100vw - 30px) !important;
  }
}

img[src*="7f940352f4_Group"], img[data-original*="7f940352f4_Group"] { display:none !important; }


/* Force single hero brand on small screens if Zero JS mis-scales clones */
@media screen and (max-width: 959px) {
  #rec1459378911 .tn-elem[data-elem-type="image"] img[src*="prompt_logo"] {
    max-width: min(520px, 90vw) !important;
  }
}

@media screen and (max-width: 640px) {
  #rec1459378911 .tn-elem[data-elem-type="text"] .tn-atom {
    white-space: normal !important;
    max-width: 90vw !important;
  }
}


/* ===== Hero logo visibility by breakpoint (Prompt Olympiad) ===== */
#rec1459378911 .tn-elem[data-elem-id="1758078347757"],
#rec1459378911 .tn-elem[data-elem-id="1758079168558"],
#rec1459378911 .tn-elem[data-elem-id="175807949242170270"],
#rec1459378911 .tn-elem[data-elem-id="1758075254833"],
#rec1459378911 .tn-elem[data-elem-id="1758079770052"],
#rec1459378911 .tn-elem[data-elem-id="175819462585672280"] {
  display: none !important;
}

/* Desktop / large: main wide logo */
@media screen and (min-width: 960px) {
  #rec1459378911 .tn-elem[data-elem-id="1758080521523"] {
    display: none !important;
  }
  #rec1459378911 .tn-elem[data-elem-id="175807838665451780"] {
    display: block !important;
  }
}

/* Mobile + tablet: compact logo */
@media screen and (max-width: 959px) {
  #rec1459378911 .t396__artboard,
  #rec1459378911 .t396__carrier,
  #rec1459378911 .t396__filter {
    overflow: hidden !important;
  }

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

  #rec1459378911 .tn-elem[data-elem-id="1758080521523"] {
    display: block !important;
    left: 15px !important;
    top: 72px !important;
    width: 290px !important;
    height: 64px !important;
    transform: none !important;
  }

  #rec1459378911 .tn-elem[data-elem-id="1758080521523"] .tn-atom,
  #rec1459378911 .tn-elem[data-elem-id="1758080521523"] img {
    width: 290px !important;
    max-width: 290px !important;
    height: 64px !important;
    object-fit: contain !important;
    object-position: left center !important;
  }

  #rec1459378911 .tn-elem[data-elem-id="1758075330683"] {
    left: 15px !important;
    width: 290px !important;
    max-width: 290px !important;
    transform: none !important;
  }

  #rec1459378911 .tn-elem[data-elem-id="1758075330683"] .tn-atom {
    white-space: normal !important;
    overflow-wrap: anywhere !important;
    font-size: 13px !important;
    line-height: 1.4 !important;
  }
}

@media screen and (min-width: 641px) and (max-width: 959px) {
  #rec1459378911 .tn-elem[data-elem-id="1758080521523"] {
    left: 40px !important;
    width: 520px !important;
    height: 114px !important;
  }

  #rec1459378911 .tn-elem[data-elem-id="1758080521523"] .tn-atom,
  #rec1459378911 .tn-elem[data-elem-id="1758080521523"] img {
    width: 520px !important;
    max-width: 520px !important;
    height: 114px !important;
  }

  #rec1459378911 .tn-elem[data-elem-id="1758075330683"] {
    left: 40px !important;
    width: 400px !important;
  }
}

/* Clean mobile brand (bypasses Tilda zero-scale clipping) */
.po-mobile-brand {
  display: none;
}

@media screen and (max-width: 640px) {
  .po-mobile-brand {
    display: flex !important;
    flex-direction: column;
    justify-content: flex-start;
    align-items: center;
    gap: 18px;
    position: fixed;
    top: 70px;
    left: 0;
    right: 0;
    width: 100%;
    z-index: 50;
    box-sizing: border-box;
    padding: 0 20px;
    pointer-events: none;
  }

  .po-mobile-brand img {
    display: block !important;
    width: 82vw !important;
    max-width: 300px !important;
    height: auto !important;
    margin: 0 auto !important;
  }

  .po-mobile-brand p {
    margin: 0;
    max-width: 86vw;
    color: #fff;
    font-family: "Inter", Arial, sans-serif;
    font-size: 13px;
    line-height: 1.45;
    text-align: center;
  }

  #rec1459378911 .tn-elem[data-elem-id="1758080521523"],
  #rec1459378911 .tn-elem[data-elem-id="175807838665451780"],
  #rec1459378911 .tn-elem[data-elem-id="1758075330683"] {
    opacity: 0 !important;
    pointer-events: none !important;
  }
}

/* Card borders (shared) */
#rec1328760381 .tn-elem[data-elem-id="175808702716516560"] .tn-atom,
#rec1328760381 .tn-elem[data-elem-id="1758086536120"] .tn-atom,
#rec1328760381 .tn-elem[data-elem-id="1758086536125"] .tn-atom,
#rec1332743101 .tn-elem[data-elem-id="175844321938311060"] .tn-atom,
#rec1332743101 .tn-elem[data-elem-id="175844321939944470"] .tn-atom,
#rec1332743101 .tn-elem[data-elem-id="175844321940838400"] .tn-atom,
#rec1329001881 .tn-elem[data-elem-id="175829146624267570"] .tn-atom,
#rec1329001881 .tn-elem[data-elem-id="175829146618713090"] .tn-atom,
#rec1329001881 .tn-elem[data-elem-id="175829146622163050"] .tn-atom,
#rec1329001881 .tn-elem[data-elem-id="1758085721262"] .tn-atom,
#rec1329001881 .tn-elem[data-elem-id="1758085721265"] .tn-atom,
#rec1331090701 .tn-elem[data-elem-id="175837018269684830"] .tn-atom,
#rec1331090701 .tn-elem[data-elem-id="175837018268974810"] .tn-atom,
#rec1331090701 .tn-elem[data-elem-id="175837018262649320"] .tn-atom {
  border: 1px solid rgba(255,255,255,0.35) !important;
  box-sizing: border-box;
}
#rec1331090701 .tn-elem[data-elem-id="175837018269684830"] .tn-atom,
#rec1331090701 .tn-elem[data-elem-id="175837018268974810"] .tn-atom,
#rec1331090701 .tn-elem[data-elem-id="175837018262649320"] .tn-atom,
#rec1332743101 .tn-elem[data-elem-id="175844321940838400"] .tn-atom {
  border-color: rgba(0,0,0,0.18) !important;
}
#rec1331008921 .t668__wrapper,
#rec1332779811 .t668__wrapper {
  border: 1px solid rgba(255,255,255,0.35) !important;
  border-radius: 12px !important;
  box-sizing: border-box;
}