Track orders and returns
<!DOCTYPE html><html lang="ar"><head><meta charset="UTF-8" /><meta name="viewport" content="width=device-width, initial-scale=1" /><title> Track your shipment - Laura Fashion</title><meta name="color-scheme" content="light" /><style>
/* كل شيء داخل lora-track فقط — لا يؤثر على بقية الموقع */
#lora-track{
--brand:#0c1a33; /* أزرق لورا */
--brand-2:#152850; /* تدرّج */
--gold:#b58b2a; /* ذهبي */
--gold-weak:rgba(181,139,42,.18);
--bg:#f9fafb;
--text:#0f172a;
--muted:#64748b;
--border:#e2e8f0;
--ok:#16a34a;
--err:#b91c1c;
--radius:12px;
--shadow:0 8px 22px rgba(0,0,0,.08);
font-family: system-ui,-apple-system,"Segoe UI",Tahoma,Arial,sans-serif;
color:var(--text);
}
/* الحاوية */
#lora-track .wr{
max-width: 720px;
margin: clamp(12px,4vw,24px) auto;
padding: 0 12px;
}
#lora-track .card{
background:#fff;
border:1px solid var(--border);
border-radius:var(--radius);
box-shadow:var(--shadow);
padding: clamp(12px,3vw,18px);
}
/* رأس */
#lora-track .head{
display:grid; gap:10px; align-items:center; margin-bottom:8px;
grid-template-columns: 1fr auto;
}
@media (max-width:560px){
#lora-track .head{ grid-template-columns: 1fr; text-align:center; justify-items:center; }
}
#lora-track h1{
margin:0; letter-spacing:.2px;
font-size: clamp(18px,3.5vw,22px);
font-weight:900; color:var(--brand);
}
#lora-track .logos{
display:flex; gap:8px; align-items:center; flex-wrap:wrap; justify-content:flex-end;
}
@media (max-width:560px){ #lora-track .logos{ justify-content:center; } }
#lora-track .logos img{
height: 24px; width:auto; object-fit:contain; display:block;
filter: drop-shadow(0 1px 1px rgba(0,0,0,.05));
}
#lora-track .lead{
color:var(--muted);
font-size: 13px;
margin: 4px 0 12px; text-align: center;
}
/* نموذج */
#lora-track form.trk-form{ display:grid; gap:10px; }
/* وصولية */
#lora-track .vh{
position:absolute!important; width:1px; height:1px; padding:0; margin:-1px; overflow:hidden; clip:rect(0,0,0,0);
white-space:nowrap; border:0;
}
/* اختيار شركة الشحن — بتصميم لورا */
#lora-track .segmented{
display:flex; border:1px solid var(--border); border-radius:10px; overflow:hidden;
width:100%; max-width:440px; margin: 0 auto 4px; padding:0; min-inline-size:0;
background:#fff;
}
#lora-track .segmented input{ display:none; }
#lora-track .segmented label{
flex:1; text-align:center; padding:9px 8px; cursor:pointer; font-weight:800; background:#fff; user-select:none;
font-size:13px;
}
#lora-track .segmented input:checked + label{
background:linear-gradient(135deg,var(--brand),var(--brand-2));
color:#fff;
}
#lora-track .field-label{ font-size: 13px; font-weight:700; margin: 2px 0 4px; display:block; text-align:right; }
#lora-track .row{ display:grid; gap:8px; grid-template-columns: 1fr; align-items:start; }
@media (min-width:560px){ #lora-track .row{ grid-template-columns: 1fr auto; } }
#lora-track input{
width:100%; padding: 12px;
font-size: 14px; line-height:1.4;
border:1px solid var(--border); border-radius:10px; outline:none; background:#fff; color:var(--text);
transition:border-color .2s, box-shadow .2s;
direction:ltr; text-align:left;
}
#lora-track input:focus{ border-color:var(--gold); box-shadow:0 0 0 3px var(--gold-weak); }
/* زر */
#lora-track .btn{
position: relative;
border: 1px solid rgba(0,0,0,.06);
border-radius:10px;
padding: 11px 14px; min-height: 42px;
font-weight:800; font-size: 14px;
cursor:pointer; color:#fff;
background:linear-gradient(135deg,var(--brand),var(--brand-2));
box-shadow:0 6px 14px rgba(12,26,51,.26);
display:inline-flex; align-items:center; gap:8px; white-space:nowrap;
transition:background .2s, transform .05s, opacity .2s;
touch-action: manipulation; overflow:hidden;
}
@media (max-width:560px){ #lora-track .btn{ width:100%; justify-content:center; } }
#lora-track .btn:hover{ filter:brightness(1.05); }
#lora-track .btn:active{ transform:scale(.985); }
#lora-track .btn[disabled]{
opacity:1; cursor:not-allowed; background:#e5e7eb; color:#334155; border-color:#e5e7eb;
box-shadow: inset 0 0 0 1px rgba(0,0,0,.06);
}
#lora-track .spinner{ width:16px; height:16px; border-radius:999px; border:2px solid #fff; border-right-color:transparent; display:none; animation:spin .6s linear infinite; }
#lora-track .loading .spinner{ display:inline-block; }
#lora-track .hint{ font-size: 12.5px; color:var(--muted); text-align:center; }
#lora-track .err-msg{ display:none; font-size: 12.5px; color:var(--err); line-height:1.4; text-align:center; }
#lora-track .err-show .err-msg{ display:block; }
#lora-track #status{ display:none; font-size: 13px; margin-top:4px; text-align:center; }
#lora-track #status.ok{ color:var(--ok); }
#lora-track #status.err{ color:var(--err); }
#lora-track .note{ margin-top:6px; font-size: 12.5px; color:var(--muted); text-align:center; }
#lora-track .note b{ color:var(--ok); }
#lora-track .whatsapp-link { display:inline-flex; align-items:center; margin-right:4px; }
#lora-track .whatsapp-icon { width:18px; height:18px; display:inline-block; vertical-align:middle; }
@keyframes spin{ to{ transform:rotate(360deg) } }
</style></head><body style=";text-align:left;direction:ltr"><!-- ضع هذا القسم حيث تريد داخل صفحتك -->
<header class="head">
Track your shipment
Enter the order tracking number or return tracking number , then choose the company (SMSA or DHL).
<!-- اختيار شركة الشحن --><form id="trackForm" class="trk-form" novalidate style=";text-align:left;direction:ltr"><input
id="awb" name="awb" inputmode="text" autocomplete="off"
placeholder="مثال: 123456789012 أو SM123456789"
aria-describedby="hint" aria-invalid="false" required
minlength="6" maxlength="25" pattern="[A-Za-z0-9]{6,25}"
/> <button id="btn" class="btn" type="submit" aria-label="تتبّع الآن" disabled>Track now</button>
The number is invalid. Enter 6 to 25 characters of numbers or English letters only.
Don't know your tracking number? Contact Laura Fashion customer service via 
WhatsApp
Upon completion of delivery, the shipping company will display the status: Delivered .
</form>