/* Phase A: 404, Wishlist, Track Order, Customer Service, and the shared
   static-page layout (About Us, Returns & Warranty, legal pages). Reuses
   existing tokens/classes throughout -- .ecl-card-grid (shop archive),
   .ecl-empty-state (already styled in shop.css), .ecl-faq (homepage),
   .ecl-order-received__summary (Phase 7 thank-you page), .ecl-card__cta
   (buy box/cards) are all reused as-is, not redefined here. */

.ecl-page { padding-block: 40px 64px; }
.ecl-page__title { font-family: var(--ecl-font-primary); font-size: var(--ecl-h1-size); font-weight: 800; color: var(--ecl-ink); margin: 0 0 20px; }
.ecl-page__intro { color: var(--ecl-body-gray); font-size: var(--ecl-body-size); margin: 0 0 24px; max-width: 640px; }
.ecl-page--static .ecl-page__content { max-width: 720px; font-size: var(--ecl-body-size); line-height: var(--ecl-body-line-height); color: #3A3A44; }
.ecl-page--static .ecl-page__content p { margin: 0 0 16px; }

/* 404 */
.ecl-404 { padding-block: 56px 24px; text-align: center; }
.ecl-404__eyebrow { font-family: var(--ecl-font-primary); font-size: 13px; font-weight: 700; letter-spacing: 0.08em; color: var(--ecl-meta-gray); margin: 0 0 8px; }
.ecl-404__title { font-family: var(--ecl-font-primary); font-size: var(--ecl-h1-size); font-weight: 800; color: var(--ecl-ink); margin: 0 0 12px; }
.ecl-404__desc { color: var(--ecl-body-gray); max-width: 480px; margin: 0 auto 24px; }
.ecl-404__search { max-width: 420px; margin: 0 auto 48px; }

/* Track order + contact form fields */
.ecl-track-order__form { max-width: 420px; display: flex; flex-direction: column; gap: 16px; margin-bottom: 32px; }
.ecl-track-order__field label { display: block; font-size: 12.5px; color: var(--ecl-meta-gray); margin-bottom: 6px; }
.ecl-track-order__field input,
.ecl-track-order__field textarea {
  width: 100%; padding: 0 14px; border: 1px solid var(--ecl-border-gray); border-radius: 8px; font-family: var(--ecl-font-secondary); font-size: 13.5px; box-sizing: border-box;
}
.ecl-track-order__field input { height: 44px; }
.ecl-track-order__field textarea { padding-top: 10px; padding-bottom: 10px; resize: vertical; }
.ecl-track-order__result { max-width: 420px; margin-top: 24px; }
.ecl-track-order__notfound { color: var(--ecl-sale-red); font-size: 14px; }

/* Customer Service layout */
.ecl-cs__layout { display: grid; grid-template-columns: 1.2fr 1fr; gap: 48px; margin-bottom: 48px; }
.ecl-cs__content { font-size: var(--ecl-body-size); color: var(--ecl-body-gray); line-height: var(--ecl-body-line-height); }
.ecl-cs__form { background: var(--ecl-surface); border-radius: 14px; padding: 24px; }
.ecl-cs__form h2 { font-family: var(--ecl-font-primary); font-size: 18px; margin: 0 0 16px; }

/* Notices */
.ecl-notice { padding: 14px 18px; border-radius: 10px; font-size: 13.5px; margin-bottom: 24px; }
.ecl-notice--success { background: #E8F7EE; color: #1E7A45; }
.ecl-notice--error { background: #FDECEC; color: var(--ecl-sale-red); }

@media (max-width: 900px) {
  .ecl-cs__layout { grid-template-columns: 1fr; gap: 32px; }
}