/* =========================================================
   טלפון
   התאמות למסכים קטנים.
   ========================================================= */

/* ---------- compact mobile layout ---------- */
@media (max-width: 767px) {
  .sec {
    padding: 44px 0;
  }
  .head {
    margin-bottom: 22px;
  }
  .head h2 {
    font-size: 32px;
    margin-bottom: 8px;
  }
  .head p {
    font-size: 14.5px;
    line-height: 1.55;
  }
  .head .eyebrow {
    margin-bottom: 10px;
  }
  /* services: 1 wide, 2 side by side, 1 wide */
  .bento {
    grid-template-columns: 1fr 1fr;
    gap: 10px;
  }
  .bento .card {
    grid-column: span 2;
    aspect-ratio: 16/10;
    border-radius: 18px;
  }
  .bento .card.tall {
    grid-column: span 1;
    aspect-ratio: 4/5;
    height: auto;
  }
  .cinfo {
    padding: 12px 14px;
    padding-top: 40px;
    gap: 2px;
  }
  .cinfo b {
    font-size: 15px;
  }
  .cinfo span {
    display: none;
  }
  /* buy */
  .ways {
    gap: 12px;
  }
  .way {
    padding: 20px;
    gap: 8px;
    border-radius: 18px;
  }
  .wn {
    font-size: 38px;
  }
  .way h3 {
    font-size: 20px;
  }
  .way p {
    font-size: 14.5px;
    line-height: 1.55;
  }
  .wmeta {
    font-size: 13px;
    padding-top: 10px;
  }
  .wchip {
    top: 20px;
    inset-inline-end: 20px;
    font-size: 11.5px;
    padding: 5px 11px;
  }
  .incl {
    margin-top: 12px;
    padding: 16px;
    gap: 12px;
  }
  .incl strong {
    font-size: 14.5px;
  }
  .incl span {
    font-size: 13px;
  }
  /* metals + group text blocks: two columns */

  /* stats in one row */

  .stat b {
    font-size: 34px;
    margin-bottom: 4px;
  }
  .stat span {
    font-size: 11.5px;
    line-height: 1.35;
    display: block;
  }
  /* timeline: compact vertical list · owners: compact stacked cards (no sideways swipe) */

  /* contact */
  .contact {
    padding: 44px 0 26px;
  }

  /* scroll-driven scenes a little shorter on phones */
  .boxrev {
    height: 270vh;
  }
}