/* ========================================================
   12. RESPONSIVE
   Khung thiệp --app-width (900px); nội dung --content-width (560px).
   Thiết kế gốc dựng cho màn 390px.
   ======================================================== */
/* Dưới 390px (bề rộng thiết kế): khít lại để 4 ô màu vẫn nằm một hàng */
@media (max-width: 389px) {
  .dresscode-palettes { gap: 8px; }
}

@media (max-width: 360px) {
  :root { --gutter: 20px; }
  #gallery,
  #countdown { padding: 0 16px; }
  #gift { padding: 0 24px; }
  .envelope-card { padding: 40px 20px; }
  .section-title { font-size: 34px; }
  .reception-date-line { font-size: 26px; }
  .count-box .num { font-size: 30px; }
  .timeline-left { flex-basis: 56px; }
}

@media (min-width: 768px) {
  .app-container { box-shadow: 0 0 40px rgba(47, 42, 38, 0.1); }
  .envelope-box { box-shadow: 0 0 40px rgba(47, 42, 38, 0.1); }
}