/* ==========================================================================
   ΣΤΗΝ ΑΥΛΗ ΤΟΥ ΑΝΤΩΝΗ - Responsive Breakpoints (Luxury Design)
   ========================================================================== */

/* Tablets & Small Desktops (< 1024px) */
@media (max-width: 1023px) {
  .nav-left {
    display: none;
  }

  .mobile-toggle {
    display: block;
  }

  .header-container {
    display: flex;
    justify-content: space-between;
  }

  .hero-prestige-stamp {
    display: none;
  }

  .ribbon-grid {
    grid-template-columns: 1fr;
    gap: 24px;
  }

  .ribbon-item:not(:last-child)::after {
    display: none;
  }

  .editorial-gallery-grid {
    grid-template-columns: 1fr;
    grid-template-rows: auto;
    gap: 24px;
  }

  .art-card-feature .art-frame {
    height: 380px;
  }

  .art-card-sm .art-frame {
    height: 260px;
  }

  .specialties-cards-grid {
    grid-template-columns: 1fr;
    gap: 22px;
  }

  .history-card-deluxe {
    grid-template-columns: 1fr;
  }

  .history-quote-col {
    padding: 40px 30px;
  }

  .history-text-col {
    padding: 40px 30px;
  }

  .contact-cards-grid {
    grid-template-columns: 1fr;
    gap: 20px;
  }
}

/* Mobile Devices (< 768px) */
@media (max-width: 767px) {
  .header-container {
    padding: 0 16px;
  }

  .brand-logo-img {
    height: 38px;
  }

  .live-status-pill {
    display: none;
  }

  .btn-gold-phone {
    display: none;
  }

  .hero-section {
    padding: 100px 16px 50px 16px;
    min-height: auto;
  }

  .hero-big-logo {
    width: 250px;
  }

  .hero-slider-nav {
    bottom: 14px;
    right: 14px;
    padding: 4px 10px;
    gap: 8px;
    transform: scale(0.9);
  }

  .hero-heading {
    font-size: 2.1rem;
  }

  .hero-desc {
    font-size: 1.05rem;
  }

  .hero-actions-row {
    flex-direction: column;
    width: 100%;
    gap: 12px;
  }

  .btn-hero-gold,
  .btn-hero-glass {
    width: 100%;
    justify-content: center;
    padding: 13px 20px;
  }

  .art-card-feature .art-frame {
    height: 280px;
  }

  .art-card-sm .art-frame {
    height: 220px;
  }

  .menu-items-grid {
    grid-template-columns: 1fr;
    gap: 14px;
  }

  .menu-tab-buttons {
    gap: 6px;
  }

  .menu-pill {
    font-size: 0.8rem;
    padding: 8px 16px;
  }

  .history-stats-grid {
    grid-template-columns: 1fr;
    gap: 14px;
  }

  .mobile-sticky-action {
    display: block;
  }

  body.luxury-theme {
    padding-bottom: 75px;
  }
}