/* GlowDya — Luxury beauty brand landing page */

/* Smooth entrance */
@keyframes fadeUp {
  from { opacity: 0; transform: translateY(20px); }
  to { opacity: 1; transform: translateY(0); }
}

section > * { animation: fadeUp 0.7s ease-out both; }
section > *:nth-child(1) { animation-delay: 0.1s; }
section > *:nth-child(2) { animation-delay: 0.2s; }
section > *:nth-child(3) { animation-delay: 0.3s; }

/* Mobile responsive */
@media (max-width: 768px) {
  nav { padding: 1rem 1.5rem !important; }
  section[style*="grid-template-columns: 1fr 1fr"] { grid-template-columns: 1fr !important; }
  section[style*="grid-template-columns: repeat(3, 1fr)"] { grid-template-columns: 1fr !important; }
  section[style*="grid-template-columns: 2fr 1fr"] { grid-template-columns: 1fr !important; }
  section[style*="grid-template-columns: 1fr 1fr"] { grid-template-columns: 1fr !important; }
  
  section { padding-left: 1.5rem !important; padding-right: 1.5rem !important; }
  
  section > div[style*="display: grid"][style*="gap: 1px"] { grid-template-columns: 1fr !important; }
  
  blockquote { font-size: 1.4rem !important; padding-left: 1.25rem !important; }
  
  [style*="display: none"].mobile-only { display: block !important; }
}