/**
 * iPhone Duo layout breakpoints — Prestige Kids
 * Folded: 466×678 (portrait) / 678×466 (landscape)
 * Unfolded: 890×626 (landscape) / 626×890 (portrait)
 *
 * Additive overrides only — does not replace existing responsive ladder.
 */

/* -------------------------------------------------------------------------- */
/* Folded portrait ~466×678                                                   */
/* -------------------------------------------------------------------------- */
@media screen and (max-width: 480px) and (min-height: 640px) and (max-height: 720px) and (orientation: portrait) {
  /* Nav / chrome */
  .navbar__logo img {
    max-height: 2.25rem;
  }

  /* Hero */
  #hero {
    min-height: 100svh;
  }

  /* Desc */
  #website-desc {
    height: auto;
    min-height: 110vh;
  }

  .desc-component.svelte-oezw7v {
    max-width: 92%;
    margin-top: 0.5rem;
  }

  .desc-component.svelte-oezw7v .img1-div:where(.svelte-oezw7v),
  .desc-component.svelte-oezw7v .img3-div:where(.svelte-oezw7v) {
    max-width: 18rem;
  }

  .desc-component.svelte-oezw7v .img2-div:where(.svelte-oezw7v) {
    max-width: 22rem;
  }

  /* Immugen sticky */
  .immugen-scroll-section.svelte-h7bcrl {
    min-height: 100svh;
  }

  .tin-container.svelte-dmtfnp {
    top: 48%;
  }

  .tin-container.svelte-dmtfnp > div:where(.svelte-dmtfnp) {
    max-width: 88%;
  }

  .immugen-icon.svelte-dmtfnp {
    width: 4.5rem;
  }

  .features-container.svelte-dmtfnp .flex.gap-4 {
    gap: 0.5rem;
  }

  /* School */
  .school-section.svelte-h7bcrl {
    min-height: 720px;
  }

  .school-component.svelte-1m5i49v {
    margin-top: 3rem;
  }

  .kids.svelte-1m5i49v {
    max-width: 85%;
    margin: 1rem auto;
  }

  /* Star / balls */
  .ball1-warpper.svelte-vl7317,
  .ball2-warpper.svelte-vl7317,
  .ball3-warpper.svelte-vl7317,
  .ball4-warpper.svelte-vl7317 {
    top: 28vh;
  }

  .ball1-warpper.svelte-vl7317 > div:where(.svelte-vl7317),
  .ball2-warpper.svelte-vl7317 > div:where(.svelte-vl7317),
  .ball3-warpper.svelte-vl7317 > div:where(.svelte-vl7317),
  .ball4-warpper.svelte-vl7317 > div:where(.svelte-vl7317) {
    max-width: 11rem;
  }

  /* Brain / library */
  .brain-container.svelte-1vy4jj {
    max-width: 92%;
    margin-top: 18%;
    scale: 0.95;
  }

  .brain-container.svelte-1vy4jj video {
    scale: 1.15;
    margin-top: 2rem;
  }

  .library-text.svelte-18d0jjj .text-container:where(.svelte-18d0jjj) {
    margin-top: calc(var(--spacing, 0.25rem) * 8);
    padding: 2rem 0 4rem !important;
  }

  .kib-table.svelte-wqlpii {
    max-width: 22rem;
    margin-bottom: -2rem;
  }

  .library-bg.svelte-wqlpii {
    scale: 1.15;
  }

  /* Grow / element */
  .grow-section.svelte-h7bcrl {
    height: auto;
    min-height: 120vh;
  }

  .element.svelte-1dxe1fe .spacer:where(.svelte-1dxe1fe) {
    height: 12rem;
  }

  .kid.svelte-15zouq0 {
    max-width: 90%;
  }

  /* Side CTA */
  nav[aria-label="Page navigation"] a[aria-label="CTA Button"] img {
    width: 4.5rem;
    height: 4.5rem;
  }

  /* Track hand */
  .hand-swing-warrap.svelte-lfi3za {
    bottom: -6rem;
    left: -6rem;
  }

  /* Prevent horizontal overflow */
  html,
  body {
    overflow-x: hidden;
  }
}

/* -------------------------------------------------------------------------- */
/* Folded landscape ~678×466                                                  */
/* -------------------------------------------------------------------------- */
@media screen and (min-width: 640px) and (max-width: 720px) and (max-height: 500px) and (orientation: landscape) {
  .navbar__logo img {
    max-height: 1.75rem;
  }

  #hero {
    min-height: 100svh;
  }

  #website-desc {
    height: auto;
    min-height: 140vh;
  }

  .desc-component.svelte-oezw7v {
    max-width: 70%;
  }

  .desc-component.svelte-oezw7v .img1-div:where(.svelte-oezw7v),
  .desc-component.svelte-oezw7v .img3-div:where(.svelte-oezw7v) {
    max-width: 16rem;
  }

  .desc-component.svelte-oezw7v .img2-div:where(.svelte-oezw7v) {
    max-width: 20rem;
  }

  .immugen-scroll-section.svelte-h7bcrl {
    min-height: 100svh;
  }

  .tin-container.svelte-dmtfnp {
    top: 42%;
  }

  .tin-container.svelte-dmtfnp > div:where(.svelte-dmtfnp) {
    max-width: 55%;
  }

  .immugen-img-container.svelte-dmtfnp {
    top: 18%;
    max-width: 70%;
  }

  .immugen-icon.svelte-dmtfnp {
    width: 3.75rem;
  }

  .ringBallVideo.svelte-dmtfnp {
    max-width: 70%;
    margin-top: -2rem;
  }

  .school-section.svelte-h7bcrl {
    min-height: 520px;
    height: auto;
  }

  .school-component.svelte-1m5i49v {
    margin-top: 1.5rem;
  }

  .kids.svelte-1m5i49v {
    max-width: 45%;
    margin: 0.5rem auto;
  }

  .ball1-warpper.svelte-vl7317,
  .ball2-warpper.svelte-vl7317,
  .ball3-warpper.svelte-vl7317,
  .ball4-warpper.svelte-vl7317 {
    top: 22vh;
  }

  .ball1-warpper.svelte-vl7317 > div:where(.svelte-vl7317),
  .ball2-warpper.svelte-vl7317 > div:where(.svelte-vl7317),
  .ball3-warpper.svelte-vl7317 > div:where(.svelte-vl7317),
  .ball4-warpper.svelte-vl7317 > div:where(.svelte-vl7317) {
    max-width: 9rem;
  }

  .brain-container.svelte-1vy4jj {
    max-width: 48%;
    margin-top: 8%;
    scale: 0.85;
  }

  .brain-container.svelte-1vy4jj video {
    scale: 1;
    margin-top: 0;
  }

  .library-text.svelte-18d0jjj .text-container:where(.svelte-18d0jjj) {
    margin-top: calc(var(--spacing, 0.25rem) * 4);
    padding: 1.25rem 0 2.5rem !important;
  }

  .brain-content {
    font-size: 0.875rem !important;
    line-height: 1.35;
  }

  .kib-table.svelte-wqlpii {
    max-width: 28rem;
    width: 55%;
    margin-bottom: -4rem;
  }

  .library-bg.svelte-wqlpii {
    scale: 1.2;
    margin-top: 0;
  }

  .grow-section.svelte-h7bcrl {
    height: auto;
    min-height: 140vh;
  }

  .element.svelte-1dxe1fe .spacer:where(.svelte-1dxe1fe) {
    height: 8rem;
  }

  .element.svelte-1dxe1fe .img-title:where(.svelte-1dxe1fe) {
    margin-top: 2rem;
  }

  .video-animation.svelte-ob7x5y {
    scale: 0.9;
  }

  .section1.svelte-ob7x5y {
    height: 120vh;
  }

  .section2.svelte-ob7x5y {
    height: 140vh;
  }

  .hand-swing-warrap.svelte-lfi3za {
    bottom: -8rem;
    left: -8rem;
  }

  nav[aria-label="Page navigation"] a[aria-label="CTA Button"] img {
    width: 4rem;
    height: 4rem;
  }

  html,
  body {
    overflow-x: hidden;
  }
}

/* -------------------------------------------------------------------------- */
/* Unfolded landscape ~890×626 — highest-risk Duo size                        */
/* -------------------------------------------------------------------------- */
@media screen and (min-width: 840px) and (max-width: 920px) and (min-height: 580px) and (max-height: 680px) {
  .navbar__logo img {
    max-height: 2.5rem;
  }

  #hero {
    min-height: 100svh;
  }

  #website-desc {
    height: auto;
    min-height: 130vh;
  }

  .desc-component.svelte-oezw7v {
    max-width: 78%;
  }

  .desc-component.svelte-oezw7v .img1-div:where(.svelte-oezw7v),
  .desc-component.svelte-oezw7v .img3-div:where(.svelte-oezw7v) {
    max-width: 20rem;
  }

  .desc-component.svelte-oezw7v .img2-div:where(.svelte-oezw7v) {
    max-width: 26rem;
    padding-bottom: 0;
  }

  /* Immugen: short tablet height — compress tin + features */
  .immugen-scroll-section.svelte-h7bcrl {
    min-height: 100svh;
  }

  .tin-container.svelte-dmtfnp {
    top: 32%;
  }

  .tin-container.svelte-dmtfnp > div:where(.svelte-dmtfnp) {
    max-width: 58%;
  }

  .immugen-img-container.svelte-dmtfnp {
    top: 12%;
    max-width: 68%;
  }

  .immugen-icon.svelte-dmtfnp {
    width: 5rem;
  }

  .ringBallVideo.svelte-dmtfnp {
    max-width: 65%;
    margin-top: -4rem;
  }

  .features-container.svelte-dmtfnp {
    top: 18%;
  }

  /* School */
  .school-section.svelte-h7bcrl {
    min-height: 680px;
    height: auto;
  }

  .school-component.svelte-1m5i49v {
    margin-top: 2rem;
  }

  .kids.svelte-1m5i49v {
    max-width: 55%;
    margin: 0.75rem auto;
  }

  /* Star balls — pull up for short viewport */
  .spacer.svelte-vl7317.star-top {
    height: 4rem;
  }

  .ball1-warpper.svelte-vl7317,
  .ball2-warpper.svelte-vl7317,
  .ball3-warpper.svelte-vl7317,
  .ball4-warpper.svelte-vl7317 {
    top: 32vh;
  }

  .ball1-warpper.svelte-vl7317 > div:where(.svelte-vl7317),
  .ball2-warpper.svelte-vl7317 > div:where(.svelte-vl7317),
  .ball3-warpper.svelte-vl7317 > div:where(.svelte-vl7317),
  .ball4-warpper.svelte-vl7317 > div:where(.svelte-vl7317) {
    max-width: 12rem;
  }

  /* Brain / library — mirror short-height laptop rules for 890 width */
  .brain-container.svelte-1vy4jj {
    max-width: 55%;
    margin-top: 10%;
    scale: 0.8;
  }

  .brain-container.svelte-1vy4jj video {
    scale: 1;
    margin-top: 0;
  }

  .brain-title.svelte-h7bcrl,
  .brain-content.svelte-h7bcrl,
  .brain-title.svelte-18d0jjj,
  .library-text.svelte-18d0jjj .brain-content {
    scale: 0.9;
  }

  .library-text.svelte-18d0jjj .text-container:where(.svelte-18d0jjj) {
    margin-top: calc(var(--spacing, 0.25rem) * 6);
    padding: 2rem 0 3.5rem !important;
  }

  .kib-table.svelte-wqlpii {
    max-width: 34rem;
    width: 62%;
    margin-bottom: -6rem;
  }

  .library-bg.svelte-wqlpii {
    scale: 1.25;
    margin-top: -2rem;
  }

  /* Grow / element */
  .grow-section.svelte-h7bcrl {
    position: relative;
    height: auto;
    min-height: 130vh;
  }

  .element-section.svelte-h7bcrl {
    margin-top: -40vh;
  }

  .element.svelte-1dxe1fe .spacer:where(.svelte-1dxe1fe) {
    height: 16rem;
  }

  .element.svelte-1dxe1fe .img-title:where(.svelte-1dxe1fe) {
    margin-top: 3rem;
  }

  .milk.svelte-1dxe1fe.normal {
    display: block;
  }

  .milk.svelte-1dxe1fe.extra {
    display: none;
  }

  /* Playground video */
  .video-animation.svelte-ob7x5y {
    scale: 0.88;
  }

  .video-overlay.svelte-ob7x5y {
    top: calc(var(--spacing, 0.25rem) * 80);
  }

  .section1.svelte-ob7x5y {
    height: 130vh;
  }

  .section2.svelte-ob7x5y {
    height: 160vh;
  }

  .hand-swing-warrap.svelte-lfi3za {
    bottom: -8rem;
    left: -8rem;
  }

  .dha-remark.svelte-1d429ty {
    margin-bottom: 6rem;
  }

  nav[aria-label="Page navigation"] a[aria-label="CTA Button"] img {
    width: 5rem;
    height: 5rem;
  }

  html,
  body {
    overflow-x: hidden;
  }
}

/* -------------------------------------------------------------------------- */
/* Unfolded portrait ~626×890                                                 */
/* -------------------------------------------------------------------------- */
@media screen and (min-width: 600px) and (max-width: 680px) and (min-height: 840px) and (orientation: portrait) {
  .navbar__logo img {
    max-height: 2.35rem;
  }

  #hero {
    min-height: 100svh;
  }

  #website-desc {
    height: auto;
    min-height: 120vh;
  }

  .desc-component.svelte-oezw7v {
    max-width: 88%;
  }

  .desc-component.svelte-oezw7v .img1-div:where(.svelte-oezw7v),
  .desc-component.svelte-oezw7v .img3-div:where(.svelte-oezw7v) {
    max-width: 20rem;
  }

  .desc-component.svelte-oezw7v .img2-div:where(.svelte-oezw7v) {
    max-width: 26rem;
  }

  .immugen-scroll-section.svelte-h7bcrl {
    min-height: 100svh;
  }

  .tin-container.svelte-dmtfnp {
    top: 44%;
  }

  .tin-container.svelte-dmtfnp > div:where(.svelte-dmtfnp) {
    max-width: 78%;
  }

  .immugen-img-container.svelte-dmtfnp {
    top: 18%;
    max-width: 82%;
  }

  .immugen-icon.svelte-dmtfnp {
    width: 5rem;
  }

  .school-section.svelte-h7bcrl {
    min-height: 900px;
  }

  .school-component.svelte-1m5i49v {
    margin-top: 4rem;
  }

  .kids.svelte-1m5i49v {
    max-width: 70%;
    margin: 1.25rem auto;
  }

  .ball1-warpper.svelte-vl7317,
  .ball2-warpper.svelte-vl7317,
  .ball3-warpper.svelte-vl7317,
  .ball4-warpper.svelte-vl7317 {
    top: 26vh;
  }

  .ball1-warpper.svelte-vl7317 > div:where(.svelte-vl7317),
  .ball2-warpper.svelte-vl7317 > div:where(.svelte-vl7317),
  .ball3-warpper.svelte-vl7317 > div:where(.svelte-vl7317),
  .ball4-warpper.svelte-vl7317 > div:where(.svelte-vl7317) {
    max-width: 12rem;
  }

  .brain-container.svelte-1vy4jj {
    max-width: 85%;
    margin-top: 14%;
    scale: 0.92;
  }

  .brain-container.svelte-1vy4jj video {
    scale: 1.1;
    margin-top: 1rem;
  }

  .library-text.svelte-18d0jjj .text-container:where(.svelte-18d0jjj) {
    margin-top: calc(var(--spacing, 0.25rem) * 10);
    padding: 2.5rem 0 5rem !important;
  }

  .kib-table.svelte-wqlpii {
    max-width: 30rem;
    margin-bottom: -3rem;
  }

  .library-bg.svelte-wqlpii {
    scale: 1.18;
  }

  .grow-section.svelte-h7bcrl {
    height: auto;
    min-height: 125vh;
  }

  .element.svelte-1dxe1fe .spacer:where(.svelte-1dxe1fe) {
    height: 14rem;
  }

  .kid.svelte-15zouq0 {
    max-width: 85%;
  }

  .hand-swing-warrap.svelte-lfi3za {
    bottom: -7rem;
    left: -7rem;
  }

  nav[aria-label="Page navigation"] a[aria-label="CTA Button"] img {
    width: 5rem;
    height: 5rem;
  }

  html,
  body {
    overflow-x: hidden;
  }
}
