/* ===== RESPONSIVE — Mobile First ===== */

/* 1280px+ — nimic suplimentar, deja gestionat în main.css */

/* 1024px */
@media (max-width: 1024px) {
  .story__grid      { gap: 40px; }
  .booking-grid     { grid-template-columns: 1fr; }
  .booking-summary  { position: static; }
  .contact-full__grid { gap: 40px; }
}

/* 768px */
@media (max-width: 768px) {
  .navbar__nav   { display: none; }
  .navbar__hamburger { display: flex; }

  .hero__bg {
    background-attachment: scroll;
    background-position: 68% center; /* A-frame-ul este în dreapta imaginii */
  }
  .gazebo__bg { background-attachment: scroll; }

  /* CTA "Rezervă acum" ascuns din navbar pe mobil — e în meniul hamburger */
  .navbar__right .btn { display: none; }

  .story__grid          { grid-template-columns: 1fr; gap: 32px; }
  .story__image         { order: -1; }
  .story__image img     { aspect-ratio: 16/9; }

  .facilities__grid       { grid-template-columns: repeat(2, 1fr); gap: 16px; }
  .rooms__grid            { grid-template-columns: 1fr; }
  .activities__grid       { grid-template-columns: repeat(2, 1fr); }
  .activities-full__grid  { grid-template-columns: 1fr; }
  .gallery-preview__grid  { grid-template-columns: repeat(2, 1fr); }
  .footer__grid           { grid-template-columns: 1fr 1fr; gap: 32px; }
  .footer__grid > :first-child { grid-column: 1 / -1; }
  .seasons-grid           { grid-template-columns: repeat(2, 1fr); }
  .activity-full-card     { padding: 20px; }
  .contact-section__grid { grid-template-columns: 1fr; }
  .contact-full__grid   { grid-template-columns: 1fr; }
  .type-cards           { grid-template-columns: 1fr; }
  .gallery__masonry     { columns: 2; }
  .gazebo__images       { display: none; }
  .section              { padding: 60px 0; }
  .booking-form-wrap    { padding: 24px; }
}

/* 480px */
@media (max-width: 480px) {
  .facilities__grid     { grid-template-columns: 1fr; }
  .activities__grid     { grid-template-columns: 1fr; }
  .gallery-preview__grid { grid-template-columns: 1fr; }
  .gallery__masonry     { columns: 1; }
  .footer__grid         { grid-template-columns: 1fr; }
  .seasons-grid         { grid-template-columns: 1fr; }
  .booking-steps        { flex-direction: column; }
  .booking-step         { border-right: none; border-bottom: 1px solid var(--color-border); }
  .footer__bottom       { flex-direction: column; text-align: center; gap: 8px; }
  .distances__grid      { grid-template-columns: 1fr; }
  .cookie-banner__content { flex-direction: column; align-items: stretch; }
  .cookie-banner__actions { justify-content: center; }
  .confirm-box          { padding: 32px 20px; }
  .hero__logo           { width: 70px; height: 70px; }
  .section              { padding: 48px 0; }
  .container            { padding: 0 16px; }
}