/* ===================================================
   responsive.css — Yumurta N1 — Mobile-first breakpoints
   =================================================== */

/* ── Tablet: ≤ 1024px ── */
@media (max-width: 1024px) {
  :root { --section-pad: 72px; }

  .hero-inner      { grid-template-columns: 1fr; text-align: center; gap: 40px; }
  .hero-text p     { margin: 0 auto 36px; }
  .hero-ctas       { justify-content: center; }
  .hero-visual     { display: none; }

  .about-snippet .container { grid-template-columns: 1fr; gap: 48px; }
  .about-visual    { max-width: 480px; margin: 0 auto; }

  .products-grid   { grid-template-columns: repeat(2, 1fr); }
  .why-grid        { grid-template-columns: repeat(2, 1fr); }
  .news-grid       { grid-template-columns: repeat(2, 1fr); }
  .stats-grid      { grid-template-columns: repeat(2, 1fr); }
  .stat-item:nth-child(2)::after { display: none; }

  .footer-grid { grid-template-columns: 1fr 1fr; }

  /* About page */
  .timeline::before       { left: 24px; transform: none; }
  .timeline-item          { display: flex; flex-direction: column; gap: 12px; padding-left: 56px; position: relative; }
  .timeline-dot           { position: absolute; left: 0; top: 0; width: 48px; display: flex; justify-content: center; }
  .timeline-year          { font-size: .78rem; min-width: 44px; }
  .timeline-empty         { display: none; }
  .timeline-content       { order: unset; text-align: left !important; }

  .mission-grid    { grid-template-columns: 1fr; gap: 40px; }
  .founder-grid    { grid-template-columns: 1fr; gap: 40px; }
  .founder-portrait { max-width: 340px; margin: 0 auto; }
  .certs-grid      { gap: 12px; }
  .certs-grid .cert-card { flex: 1 1 calc(50% - 12px); max-width: calc(50% - 6px); }
  .factory-stats   { grid-template-columns: repeat(2, 1fr); }

  /* Products page */
  .product-detail        { grid-template-columns: 1fr; gap: 36px; }
  .product-detail.reverse { direction: ltr; }

  /* Export page */
  .export-intro-grid { grid-template-columns: 1fr; gap: 40px; }
  .markets-grid      { grid-template-columns: repeat(2, 1fr); }

  /* News page */
  .news-page-grid { grid-template-columns: 1fr; }

  /* Contact page */
  .contact-layout { grid-template-columns: 1fr; }
}

/* ── Mobile: ≤ 768px ── */
@media (max-width: 768px) {
  .export-deco-hen { display: none; }
  :root {
    --section-pad: 56px;
    --nav-height:  64px;
  }

  /* ── Hide desktop nav, show hamburger ── */
  .nav-links    { display: none !important; }
  .hamburger    {
    display: flex;
    flex-direction: column;
    gap: 4px;
    background: none;
    border: none;
    cursor: pointer;
    padding: 4px;
    z-index: 10000;
    flex-shrink: 0;
  }
  .hamburger span {
    display: block;
    width: 24px;
    height: 2px;
    background: currentColor;
    border-radius: 2px;
    transition: transform 0.3s ease, opacity 0.3s ease;
    transform-origin: center;
  }
  .hamburger.active span:nth-child(1) { transform: translateY(6px) rotate(45deg); }
  .hamburger.active span:nth-child(2) { opacity: 0; transform: scaleX(0); }
  .hamburger.active span:nth-child(3) { transform: translateY(-6px) rotate(-45deg); }

  /* Hero */
  .hero { min-height: 100svh; }
  .hero-inner { padding: 60px 0 40px; gap: 32px; }
  .hero-ctas { margin-bottom: 20px; }
  .hero-tagline { margin-top: 20px; }

  /* Stats */
  .stats-grid { grid-template-columns: 1fr 1fr; }
  .stat-item::after { display: none; }

  /* Products */
  .products-grid { grid-template-columns: 1fr; max-width: 420px; margin: 0 auto; }
  .why-grid      { grid-template-columns: 1fr 1fr; }

  /* News */
  .news-grid { grid-template-columns: 1fr; max-width: 480px; margin: 0 auto; }

  /* CTA */
  .cta-contacts { flex-direction: column; gap: 16px; }

  /* Footer */
  .footer-grid { grid-template-columns: 1fr; gap: 36px; }
  .footer-bottom { flex-direction: column; text-align: center; }

  /* About timeline */
  .timeline-content { padding: 20px 22px; }
  .values-grid { grid-template-columns: 1fr; }
  .certs-grid .cert-card { flex: 1 1 100%; max-width: 100%; }
  .factory-stats { grid-template-columns: 1fr 1fr; }

  /* Export markets */
  .markets-grid { grid-template-columns: 1fr 1fr; }

  /* Contact */
  .form-row { grid-template-columns: 1fr; }

  /* Modal */
  .modal-header { padding: 20px 20px 16px; }
  .modal-body   { padding: 16px 20px 28px; }
}

/* ── Small Mobile: ≤ 480px ── */
@media (max-width: 480px) {
  h1 { font-size: 1.9rem; }
  h2 { font-size: 1.5rem; }

  .btn { padding: 13px 24px; font-size: .9rem; }
  .hero-ctas { flex-direction: column; align-items: center; }

  .stats-grid      { grid-template-columns: 1fr 1fr; gap: 12px; }
  .why-grid        { grid-template-columns: 1fr; }
  .markets-grid    { grid-template-columns: 1fr; }
  .export-numbers  { grid-template-columns: 1fr 1fr; }
  .factory-stats   { grid-template-columns: 1fr 1fr; }

  .product-card    { padding: 28px 20px; }
  .contact-info-card { padding: 24px 20px; }
  .news-article-body { padding: 20px; }

  .cta-banner { padding: 48px 0; }
  .eu-card    { padding: 28px 20px; }
}

/* ── Print ── */
@media print {
  #navbar, footer, .cta-banner, .hero-ctas { display: none; }
  .hero { min-height: auto; padding: 40px 0; }
  * { color: #000 !important; background: #fff !important; }
}