/* === JAMSAE BRAND STYLE === */
:root {
  --js-black: #111111;
  --js-white: #ffffff;
  --js-gray-light: #f5f5f5;
  --js-gray-mid: #e0e0e0;
  --js-accent: #c8a97e;
  --js-font: 'Montserrat', 'Arial', sans-serif;
}
.track-wrapper { font-family: var(--js-font) !important; color: var(--js-black) !important; max-width: 860px !important; margin: 0 auto !important; padding: 48px 24px !important; line-height: 1.75 !important; background-color: transparent !important; }
.track-wrapper .track-subtitle { text-align: center !important; font-size: 15px !important; color: #666 !important; margin-bottom: 48px !important; letter-spacing: 0.03em !important; }
.track-wrapper .track-divider { width: 48px !important; height: 2px !important; background: var(--js-accent) !important; margin: 0 auto 48px auto !important; }
.track-wrapper .section-label { font-size: 11px !important; font-weight: 700 !important; letter-spacing: 0.18em !important; text-transform: uppercase !important; color: var(--js-accent) !important; text-align: center !important; margin-bottom: 10px !important; }
.track-wrapper .section-divider { width: 100% !important; height: 1px !important; background: var(--js-gray-mid) !important; margin: 56px 0 !important; }
.track-wrapper h2 { font-size: 18px !important; font-weight: 700 !important; letter-spacing: 0.1em !important; text-transform: uppercase !important; margin-bottom: 24px !important; text-align: center !important; color: var(--js-black) !important; }

/* ORDER JOURNEY */
.track-wrapper .journey-steps { display: flex !important; flex-direction: column !important; gap: 0 !important; margin-bottom: 56px !important; }
.track-wrapper .journey-step { display: flex !important; gap: 0 !important; }
.track-wrapper .journey-left { display: flex !important; flex-direction: column !important; align-items: center !important; width: 56px !important; flex-shrink: 0 !important; }
.track-wrapper .journey-num { width: 40px !important; height: 40px !important; background: var(--js-black) !important; color: var(--js-white) !important; border-radius: 50% !important; display: flex !important; align-items: center !important; justify-content: center !important; font-size: 14px !important; font-weight: 700 !important; flex-shrink: 0 !important; }
.track-wrapper .journey-line { width: 2px !important; background: var(--js-gray-mid) !important; flex: 1 !important; min-height: 24px !important; }
.track-wrapper .journey-step:last-child .journey-line { display: none !important; }
.track-wrapper .journey-content { padding: 0 0 32px 12px !important; flex: 1 !important; }
.track-wrapper .journey-content h3 { font-size: 15px !important; font-weight: 700 !important; letter-spacing: 0.07em !important; text-transform: uppercase !important; margin: 6px 0 8px 0 !important; color: var(--js-black) !important; }
.track-wrapper .journey-content p { font-size: 14px !important; color: #444 !important; margin: 0 !important; line-height: 1.75 !important; }
.track-wrapper .timing-badge { display: inline-block !important; font-size: 11px !important; font-weight: 700 !important; letter-spacing: 0.08em !important; text-transform: uppercase !important; background: var(--js-accent) !important; color: var(--js-white) !important; padding: 3px 10px !important; border-radius: 2px !important; margin-bottom: 4px !important; }
.track-wrapper .info-box { background: #fffaf3 !important; border-left: 3px solid var(--js-accent) !important; padding: 14px 18px !important; border-radius: 0 2px 2px 0 !important; margin-top: 14px !important; font-size: 13px !important; color: #555 !important; line-height: 1.75 !important; }

/* ORDER LOOKUP */
.track-wrapper .order-lookup { background: var(--js-gray-light) !important; border-radius: 4px !important; padding: 36px 32px !important; margin-bottom: 56px !important; }
.track-wrapper .order-lookup h2 { text-align: left !important; margin-bottom: 6px !important; }
.track-wrapper .lookup-sub { font-size: 14px !important; color: #666 !important; margin-bottom: 24px !important; }
.track-wrapper .lookup-form { display: flex !important; flex-direction: column !important; gap: 12px !important; }
.track-wrapper .lookup-row { display: flex !important; gap: 12px !important; flex-wrap: wrap !important; }
.track-wrapper .lookup-row input { flex: 1 !important; min-width: 180px !important; padding: 12px 16px !important; border: 1px solid var(--js-gray-mid) !important; border-radius: 2px !important; font-family: var(--js-font) !important; font-size: 14px !important; color: var(--js-black) !important; background: var(--js-white) !important; outline: none !important; box-sizing: border-box !important; }
.track-wrapper .lookup-row input::placeholder { color: #aaa !important; }
.track-wrapper .lookup-btn { padding: 12px 28px !important; background: var(--js-black) !important; color: var(--js-white) !important; border: none !important; border-radius: 2px !important; font-family: var(--js-font) !important; font-size: 13px !important; font-weight: 700 !important; letter-spacing: 0.1em !important; text-transform: uppercase !important; cursor: pointer !important; white-space: nowrap !important; }
.track-wrapper .lookup-note { font-size: 12px !important; color: #888 !important; margin: 0 !important; }

/* TRACKING STEPS */
.track-wrapper .track-steps { display: flex !important; flex-direction: column !important; gap: 20px !important; margin-bottom: 56px !important; }
.track-wrapper .track-step { display: flex !important; align-items: flex-start !important; gap: 24px !important; background: var(--js-gray-light) !important; border-radius: 4px !important; padding: 24px 28px !important; }
.track-wrapper .step-number { flex-shrink: 0 !important; width: 36px !important; height: 36px !important; background: var(--js-black) !important; color: var(--js-white) !important; border-radius: 50% !important; display: flex !important; align-items: center !important; justify-content: center !important; font-size: 14px !important; font-weight: 700 !important; }
.track-wrapper .step-content h3 { font-size: 15px !important; font-weight: 700 !important; letter-spacing: 0.07em !important; text-transform: uppercase !important; margin: 0 0 8px 0 !important; color: var(--js-black) !important; }
.track-wrapper .step-content p { font-size: 14px !important; color: #444 !important; margin: 0 !important; line-height: 1.7 !important; }
.track-wrapper .step-content a { color: var(--js-black) !important; font-weight: 600 !important; text-decoration: underline !important; }

/* PARTNERS */
.track-wrapper .track-partners { margin-bottom: 56px !important; }
.track-wrapper .partners-grid { display: grid !important; grid-template-columns: repeat(auto-fit, minmax(180px, 1fr)) !important; gap: 16px !important; }
.track-wrapper .partner-card { background: var(--js-gray-light) !important; border-radius: 4px !important; padding: 20px 24px !important; text-align: center !important; }
.track-wrapper .partner-card .partner-name { font-size: 15px !important; font-weight: 700 !important; letter-spacing: 0.05em !important; margin-bottom: 6px !important; color: var(--js-black) !important; }
.track-wrapper .partner-card .partner-desc { font-size: 13px !important; color: #666 !important; margin-bottom: 12px !important; }
.track-wrapper .partner-card a { display: inline-block !important; font-size: 12px !important; font-weight: 600 !important; letter-spacing: 0.08em !important; text-transform: uppercase !important; color: var(--js-white) !important; background: var(--js-black) !important; padding: 8px 18px !important; border-radius: 2px !important; text-decoration: none !important; }

/* FAQ */
.track-wrapper .track-faq { margin-bottom: 56px !important; }
.track-wrapper .faq-item { border-bottom: 1px solid var(--js-gray-mid) !important; padding: 20px 0 !important; }
.track-wrapper .faq-q { font-size: 15px !important; font-weight: 700 !important; letter-spacing: 0.04em !important; margin-bottom: 10px !important; color: var(--js-black) !important; }
.track-wrapper .faq-a { font-size: 14px !important; color: #555 !important; line-height: 1.7 !important; }
.track-wrapper .faq-a a { color: var(--js-black) !important; font-weight: 600 !important; text-decoration: underline !important; }

/* CONTACT */
.track-wrapper .track-contact { text-align: center !important; padding: 40px 32px !important; background: var(--js-black) !important; border-radius: 4px !important; color: var(--js-white) !important; }
.track-wrapper .track-contact h2 { font-size: 20px !important; font-weight: 700 !important; letter-spacing: 0.1em !important; text-transform: uppercase !important; margin-bottom: 12px !important; color: var(--js-white) !important; text-align: center !important; }
.track-wrapper .track-contact p { font-size: 14px !important; color: #ccc !important; margin-bottom: 24px !important; }
.track-wrapper .track-contact a { display: inline-block !important; font-size: 13px !important; font-weight: 700 !important; letter-spacing: 0.1em !important; text-transform: uppercase !important; color: var(--js-black) !important; background: var(--js-white) !important; padding: 12px 32px !important; border-radius: 2px !important; text-decoration: none !important; }