/* Track your order: one narrow column on phones, the steps run across from 768px. */
.fd-page-content:has(.fd-track) > h1 { max-width:640px; margin-inline:auto; margin-bottom:8px; text-align:center; font-size:clamp(26px,6vw,34px); line-height:1.35; }
.fd-track { display:grid; gap:18px; max-width:640px; margin-inline:auto; color:var(--fd-ink); }
.fd-track__intro { margin:0; color:var(--fd-muted); }
.fd-track__error { margin:0; padding:10px 14px; border:1px solid var(--fd-danger); border-radius:var(--fd-radius-sm); background:var(--fd-danger-surface); color:var(--fd-ink); }
.fd-track__form { display:grid; gap:14px; padding:clamp(16px,4vw,24px); border:1px solid var(--fd-line); border-radius:var(--fd-radius-lg); background:var(--fd-paper); }
.fd-track__field { display:grid; gap:6px; margin:0; }
.fd-track__field label { font-weight:650; font-size:14px; }
.fd-track__field input { width:100%; min-height:48px; padding:10px 14px; border:1px solid var(--fd-control-line); border-radius:var(--fd-radius-sm); background:var(--fd-paper); color:var(--fd-ink); font-size:16px; text-align:start; }
html[dir="rtl"] .fd-track__field input { text-align:right; }
.fd-track__field input:focus-visible { outline:2px solid var(--fd-primary); outline-offset:1px; border-color:var(--fd-primary); }
body.fd-site .fd-track .button { display:inline-flex; min-height:48px; margin:0; padding:10px 18px; align-items:center; justify-content:center; gap:9px; border-radius:var(--fd-radius-sm); font-size:15px; font-weight:650; line-height:1.4; text-align:center; text-decoration:none; }
body.fd-site .fd-track .fd-track__submit { width:100%; border:1px solid var(--fd-primary); background:var(--fd-primary); color:var(--fd-on-primary); }
body.fd-site .fd-track .fd-track__submit:hover { background:var(--fd-primary-strong, var(--fd-primary)); }

.fd-track__head { display:flex; flex-wrap:wrap; align-items:baseline; justify-content:space-between; gap:6px 12px; }
.fd-track__head h2 { margin:0; font-size:clamp(20px,5vw,24px); }
.fd-track__head bdi, .fd-track__line bdi { font-variant-numeric:tabular-nums; }
.fd-track__date { color:var(--fd-muted); font-size:14px; }
.fd-track__state { margin:0; padding:14px 16px; border:1px solid var(--fd-line); border-radius:var(--fd-radius-md); background:var(--fd-subtle); font-weight:650; }

.fd-track__steps { list-style:none; margin:0; padding:0; display:grid; }
.fd-track__step { position:relative; display:grid; grid-template-columns:26px 1fr; column-gap:12px; padding-bottom:18px; }
.fd-track__step:last-child { padding-bottom:0; }
.fd-track__step:not(:last-child)::after { content:""; position:absolute; inset-inline-start:12px; top:26px; bottom:0; width:2px; background:var(--fd-line); }
.fd-track__step.is-done:not(:last-child)::after { background:var(--fd-primary); }
.fd-track__dot { grid-row:span 2; width:26px; height:26px; box-sizing:border-box; border:2px solid var(--fd-control-line); border-radius:50%; background:var(--fd-paper); }
.fd-track__step.is-done .fd-track__dot { border-color:var(--fd-primary); background:var(--fd-primary) no-repeat center/14px url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='white' stroke-width='3' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='m5 12.5 4.2 4.2L19 7'/%3E%3C/svg%3E"); }
.fd-track__step.is-current .fd-track__dot { border-color:var(--fd-primary); box-shadow:0 0 0 4px var(--fd-brand-soft, rgba(0,0,0,.08)); background:radial-gradient(circle, var(--fd-primary) 0 5px, var(--fd-paper) 6px); }
.fd-track__label { align-self:center; min-height:26px; display:flex; align-items:center; font-weight:650; }
.fd-track__step:not(.is-done):not(.is-current) .fd-track__label { color:var(--fd-muted); font-weight:500; }
.fd-track__hint { grid-column:2; color:var(--fd-muted); font-size:13.5px; }

.fd-track__summary { display:grid; gap:8px; padding:14px 16px; border:1px solid var(--fd-line); border-radius:var(--fd-radius-md); background:var(--fd-paper); font-size:14.5px; }
.fd-track__summary ul { list-style:none; margin:0; padding:0; display:grid; gap:6px; }
.fd-track__line { display:flex; justify-content:space-between; gap:12px; margin:0; }
.fd-track__line > span { color:var(--fd-muted); }
.fd-track__total { padding-top:8px; border-top:1px solid var(--fd-line); font-weight:700; }
.fd-track__total > span { color:var(--fd-ink); }

.fd-track__actions, .fd-track__confirm { display:grid; gap:10px; margin:0; }
body.fd-site .fd-track .fd-track__whatsapp { border:1px solid #129447; background:#25d366; color:#111b21; }
body.fd-site .fd-track .fd-track__whatsapp:hover { background:#20c65f; color:#111b21; }
/* Asking the store is outlined while "Confirm your order now" is shown; the floating WhatsApp button is hidden on this page, which has its own (approved drawing, 2 October 2026). */
body.fd-site .fd-track .fd-track__whatsapp--quiet { border:1.5px solid #86d3a1; background:#fff; color:#15803d; box-shadow:none; }
body.fd-site .fd-track .fd-track__whatsapp--quiet:hover { background:#f0fdf4; color:#15803d; }
body.fd-site:has(.fd-track) .fd-whatsapp-widget { display:none !important; }
body.fd-site .fd-track .fd-track__again { border:1px solid var(--fd-control-line); background:var(--fd-paper); color:var(--fd-ink); }
.fd-track__icon { display:inline-flex; width:20px; height:20px; }
.fd-track__icon svg { width:100%; height:100%; fill:currentColor; }
body.fd-site .fd-track .button:focus-visible { outline:3px solid var(--fd-primary); outline-offset:3px; }

@media (min-width:768px) {
	.fd-track__steps { grid-template-columns:repeat(5,minmax(0,1fr)); }
	.fd-track__step { grid-template-columns:1fr; grid-template-rows:auto auto 1fr; align-content:start; justify-items:center; row-gap:6px; padding-bottom:0; text-align:center; }
	.fd-track__step:not(:last-child)::after { top:12px; bottom:auto; inset-inline-start:calc(50% + 13px); width:calc(100% - 26px); height:2px; }
	.fd-track__dot { grid-row:auto; }
	.fd-track__label { justify-content:center; min-height:0; }
	.fd-track__hint { grid-column:1; }
	.fd-track__actions { grid-template-columns:repeat(auto-fit,minmax(200px,1fr)); }
}