/*
 * Responsive compatibility layer for legacy pages displayed inside the
 * shared 2026 shell. Nothing in this file applies unless an ancestor has
 * the opt-in class "detg-legacy-responsive".
 */

html body #wrapper.detg-legacy-responsive {
  min-height: 0 !important;
  height: auto !important;
  padding-bottom: 0;
}

#wrapper.detg-legacy-responsive #main-content {
  min-height: 0 !important;
  margin-bottom: 0 !important;
}

.detg-legacy-responsive #gc_hero > .spacer20:last-child {
  display: none;
}

.detg-legacy-responsive ~ .detg26-footer {
  border-top: 1px solid #e5e7eb;
}

@media (max-width: 991.98px) {
  .detg-legacy-responsive #innerPage_content,
  .detg-legacy-responsive #gc_hero,
  .detg-legacy-responsive #gc_hero .gc_hero_top,
  .detg-legacy-responsive #gc_contents {
    width: 100%;
    max-width: 100%;
  }

  .detg-legacy-responsive #gc_hero .gc_hero_top {
    display: flex;
    min-height: 64px;
    height: auto;
    align-items: center;
    background-color: #0398d1;
    background-size: cover;
  }

  .detg-legacy-responsive .gc_hero_top h1.title_gc,
  .detg-legacy-responsive .gc_hero_top h2.title_gc {
    float: none;
    flex: 1 1 50%;
    margin: 0;
    padding: 16px 12px;
    line-height: 1.3;
    text-align: center;
  }

  .detg-legacy-responsive .gc_hero_top .divider_vLinewhite2 {
    float: none;
    flex: 0 0 1px;
    width: 1px;
    height: 42px;
    margin: 0;
    background: rgba(255, 255, 255, 0.65);
  }

  .detg-legacy-responsive #gc_select_ocassion {
    padding: 24px 14px;
  }

  .detg-legacy-responsive #gc_select_ocassion > h2,
  .detg-legacy-responsive #gc_select_ocassion .title_selectGC {
    margin-right: 0;
    margin-left: 0;
    padding-right: 0;
    padding-left: 0;
    text-align: center;
  }

  .detg-legacy-responsive #gc_select_style {
    width: 100%;
    margin: 28px auto 0;
  }

  .detg-legacy-responsive table[id$="_dlGift"] {
    display: block;
    width: 100% !important;
    max-width: 100%;
  }

  .detg-legacy-responsive table[id$="_dlGift"] > tbody,
  .detg-legacy-responsive table[id$="_dlGift"] > tbody > tr {
    display: block;
    width: 100%;
  }

  .detg-legacy-responsive table[id$="_dlGift"] > tbody > tr > td {
    display: block;
    width: 100% !important;
    max-width: 100%;
    padding: 12px 0 !important;
    text-align: center;
  }

  .detg-legacy-responsive #gc_select_style img {
    max-width: calc(100% - 20px);
    height: auto;
  }

  .detg-legacy-responsive #title_personalizeGC,
  .detg-legacy-responsive #gc_personalize,
  .detg-legacy-responsive #gc_personalize dl,
  .detg-legacy-responsive #gc_personalize dt,
  .detg-legacy-responsive #gc_personalize dd {
    width: 100%;
    max-width: 100%;
    margin-right: 0;
    margin-left: 0;
  }

  .detg-legacy-responsive .inputTxt_toFrom,
  .detg-legacy-responsive .gc_message_area {
    box-sizing: border-box;
    width: 100%;
    max-width: 100%;
  }

  .detg-legacy-responsive .TitleHolder {
    box-sizing: border-box;
    width: 100% !important;
    max-width: 100%;
  }

  .detg-legacy-responsive [id$="_divPreview"] {
    max-width: 100% !important;
    overflow-x: auto;
    overflow-y: hidden;
  }
}

@media (max-width: 575.98px) {
  .detg-legacy-responsive .gc_hero_top h1.title_gc,
  .detg-legacy-responsive .gc_hero_top h2.title_gc {
    padding: 12px 8px;
    font-size: 14px;
  }

  .detg-legacy-responsive #gc_select_ocassion {
    padding: 20px 10px;
  }
}