/* =====================================================
   RESPONSIVE — all breakpoint overrides live here
   ===================================================== */

/* ── Default (wide screens) ─────────────────────────── */
.page-content--hero {
  margin-top: 1vh;
}
.headline-large {
  font-size: clamp(6rem, 5vw, 3.5rem);
}

/* ── ≤1200px  (landscape tablets) ───────────────────── */
@media (max-width: 1200px) {
  .page-content--hero {
    margin-top: 2vh;
  }
  .headline-large {
    font-size: clamp(4.5rem, 5vw, 3.5rem);
  }
}

/* ── ≤800px  (portrait tablets) ─────────────────────── */
@media (max-width: 800px) {
  .page-content--hero {
    margin-top: 2vh;
  }
  .headline-large {
    font-size: clamp(3.5rem, 5vw, 3.5rem);
  }

  /* Fullscreen (selected) bottle: 20% smaller than the default 60vh */
  .bottle-item.is-selected img {
    height: 48vh;
    max-width: 48vw;
  }
  .bottle-fixed {
    height: 48vh;
    max-width: 48vw;
  }
  .bottle-overlay {
    height: 48vh;
    width: 48vw;
  }

  /* Claim text: 10% smaller than default */
  .bottle-claim__text {
    font-size: clamp(1.17rem, 1.44vw, 1.06rem);
  }
}

/* ── ≤680px ──────────────────────────────────────────── */
@media (max-width: 680px) {
  .page-content--hero {
    margin-top: 1vh;
  }
  .headline-large {
    font-size: clamp(2.5rem, 5vw, 3.5rem);
  }
}

/* ── ≤600px ──────────────────────────────────────────── */
@media (max-width: 600px) {
  .bottle-hero {
    height: 45vh;
  }
  .nav-circles {
    gap: 0;
  }
  .about-us-media--compact {
    float: none;
    width: 100%;
    max-width: none;
    margin: 0 0 var(--spacing-l) 0;
  }
  .page-content--contact {
    padding: var(--spacing-m);
  }
  .form-input--captcha {
    max-width: 100%;
  }
  .page-content--about-us {
    padding: var(--spacing-m);
  }
  .scroll-down-btn {
    width: 51px;
    height: 51px;
    right: 12px;
    bottom: 90px;
    opacity: 0.6;
  }
  .scroll-down-btn svg {
    width: 51px;
    height: 51px;
  }
  .bottle-item img {
    height: clamp(17.5vh, 20.25vw, 27vh); /* 10% smaller than default */
  }
  .bottle-footer-overlay {
    bottom: var(--spacing-s);
    width: min(94vw, 420px);
  }
}

/* ── ≤480px  (phones) ────────────────────────────────── */
@media (max-width: 480px) {
  .page-content--hero {
    margin-top: 0;
  }
  .headline-large {
    font-size: clamp(2rem, 5vw, 3.5rem);
  }

  /* Fullscreen (selected) bottle: 20% smaller than 800px values (48vh → 38vh) */
  .bottle-item.is-selected img {
    height: 38vh;
    max-width: 38vw;
  }
  .bottle-fixed {
    height: 38vh;
    max-width: 38vw;
  }
  .bottle-overlay {
    height: 38vh;
    width: 38vw;
  }

  /* Claim text: 10% smaller than 800px values */
  .bottle-claim__text {
    font-size: clamp(1.05rem, 1.3vw, 0.95rem);
  }

  /* Product description + shop title + overview shop headline: ~20% smaller */
  .font-large {
    font-size: 1.75rem; /* down from ~2.2rem base */
  }
}