/* ══════════════════════════════════════
   Tablets (768px – 1024px)
   ══════════════════════════════════════ */
@media (max-width: 1024px) {
  .tree-nav {
    left: 1.5rem;
  }

  .tree-nav__link {
    font-size: .75rem;
    letter-spacing: .08em;
  }

  #hero {
    grid-template-columns: 1fr;
  }

  .hero-image {
    height: 55vw;
  }

  .hero-logo {
    width: 80px;
    margin-bottom: 1.25rem;
  }

  .hero__title {
    font-size: 3.5rem;
  }

  .hero-content {
    padding: 3rem 2.5rem;
  }

  #cakes, #orders, #group3 {
    padding: 4rem 2.5rem 4rem 5rem;
  }

  .cakes-grid {
    grid-template-columns: 1fr;
    gap: 2rem;
  }

  .orders-grid {
    grid-template-columns: 1fr;
    gap: 2rem;
  }
}