/* Great Escape Peru 2026 - mobile / tablet entry form overrides
   Loaded after escape-the-unexpected.webflow.css.
   Webflow hides .div-block-80 (the US/Canada tabs + forms) at <=479px and
   clips it inside the hero on tablets. These rules take the entry block out
   of the absolutely positioned hero overlay and flow it directly under the
   hero image on screens <=991px so it is always visible. */

@media screen and (max-width: 991px) {
  .hero-section {
    overflow: visible;
    background-color: #1d1d1b;
    background-image: linear-gradient(rgba(0, 0, 0, 0.55), rgba(0, 0, 0, 0.55)), url('../images/1_1-p-1080.jpg');
    background-size: cover;
    background-position: center top;
  }

  .image-269 {
    position: relative;
    z-index: 1;
    display: block;
    width: 100%;
    height: auto;
  }

  /* logo hotspot over the image stays as-is on tablet; already hidden on phones by Webflow */

  /* form wrapper: in flow, under the image */
  .hero-section > .div-block-80:not(.top) {
    display: block;
    position: static;
    inset: auto;
    height: auto;
    padding: 24px 0 40px;
  }

  .tabs-2.new {
    position: relative;
    inset: auto;
    width: 92%;
    max-width: 640px;
    margin: 0 auto;
  }

  .tabs-content-2 {
    margin-top: 0;
    border-radius: 5px 0 5px 5px;
  }

  .form-container-2.eh {
    width: 90%;
    margin: 0 auto;
  }

  .tab-pane-tab-1-2,
  .tab-pane-tab-2 {
    padding-top: 30px;
    padding-bottom: 30px;
  }
}

@media screen and (max-width: 767px) {
  .hero-section > .div-block-80:not(.top) {
    padding: 16px 0 32px;
  }

  .tabs-2.new {
    width: 94%;
  }

  .tab-link-tab-1-2,
  .tab-link-tab-1-2.w--current,
  .tab-link-tab-2-3 {
    font-size: 18px;
  }

  .black-2 {
    font-size: 32px;
  }

  /* let the description reflow on narrow screens */
  .description-white-2 br {
    display: none;
  }

  /* stack the fields */
  .form-block .w-row {
    display: block;
  }

  .form-block .w-col {
    width: 100%;
    padding-left: 0;
    padding-right: 0;
    margin-bottom: 10px;
  }

  .column-40 {
    text-align: center;
  }

  .enter-2,
  .enter-2.auto {
    width: 100%;
    margin-top: 10px;
    padding-left: 0;
    padding-right: 0;
  }

  .checkbox-field {
    margin-top: 6px;
  }
}

@media screen and (max-width: 479px) {
  /* Webflow sets this to display:none at this breakpoint; keep the form wrapper visible */
  .hero-section > .div-block-80:not(.top) {
    display: block;
  }

  /* keep US / Canada tabs side by side instead of stacked */
  .tabs-2.new .tabs-menu {
    display: flex;
  }
  .tabs-2.new .tabs-menu .w-tab-link,
  .tabs-2.new .tabs-menu .w-tab-link.w--current {
    display: block;
    flex: 1 1 0;
    width: auto;
    padding-left: 10px;
    padding-right: 10px;
    text-align: center;
  }
  .tabs-2.new .tab-link-tab-1-2,
  .tabs-2.new .tab-link-tab-1-2.w--current {
    border-radius: 5px 0 0 0;
  }
  .tabs-2.new .tab-link-tab-2-3,
  .tabs-2.new .tab-link-tab-2-3.w--current {
    border-radius: 0 5px 0 0;
  }
  .tabs-content-2 {
    border-top-right-radius: 0;
    border-top-left-radius: 0;
  }

  .form-container-2.eh {
    width: 100%;
  }

  .form-block {
    width: 100%;
  }

  .tab-pane-tab-1-2,
  .tab-pane-tab-2 {
    padding: 24px 16px;
  }

  .black-2 {
    font-size: 28px;
  }

  .text-field-3 {
    height: 48px;
    font-size: 16px; /* prevents iOS zoom on focus */
  }
}