Track Your Order
Inner Width: 1350px
Dark: #452E5A / #1E104E
Light: #FFFFFF
========================================================= */
.wlot-page,
.wlot-page *{
box-sizing:border-box;
}
.wlot-page{
--wlot-purple:#452E5A;
--wlot-deep:#1E104E;
--wlot-white:#FFFFFF;
--wlot-off:#F8F6FA;
--wlot-soft:#EEE9F2;
--wlot-ink:#1E104E;
--wlot-text:#6B6471;
--wlot-muted:#978E9D;
--wlot-border:#E8E2EB;
width:100%;
overflow:hidden;
color:var(--wlot-ink);
font-family:
Inter,
Arial,
Helvetica,
sans-serif;
}
.wlot-page h1,
.wlot-page h2,
.wlot-page h3,
.wlot-page h4,
.wlot-page p{
margin-top:0;
}
.wlot-page a{
text-decoration:none !important;
}
/* =========================================================
STRICT 1350PX INNER
========================================================= */
.wlot-inner{
width:100%;
max-width:1350px;
margin-left:auto;
margin-right:auto;
padding-left:24px;
padding-right:24px;
}
/* =========================================================
SHARED
========================================================= */
.wlot-kicker{
display:flex;
align-items:center;
gap:10px;
margin-bottom:15px;
color:#452E5A;
font-size:9px;
line-height:1;
font-weight:700;
letter-spacing:2.5px;
text-transform:uppercase;
}
.wlot-kicker::before{
content:"";
width:28px;
height:1px;
background:currentColor;
opacity:.55;
}
.wlot-title{
margin-bottom:17px !important;
color:#1E104E !important;
font-family:
Georgia,
"Times New Roman",
serif;
font-size:49px;
line-height:1.07;
font-weight:400;
letter-spacing:-1.5px;
}
.wlot-copy{
color:#6B6471;
font-size:14px;
line-height:1.85;
}
/* =========================================================
HERO
========================================================= */
.wlot-hero{
width:100%;
padding:26px 0 74px;
background:
radial-gradient(
circle at 10% 10%,
rgba(255,255,255,.10),
transparent 24%
),
radial-gradient(
circle at 90% 85%,
rgba(255,255,255,.05),
transparent 27%
),
linear-gradient(
125deg,
#452E5A 0%,
#35215A 46%,
#1E104E 100%
);
}
.wlot-hero-box{
min-height:500px;
position:relative;
display:grid;
grid-template-columns:
minmax(0,1.1fr)
minmax(340px,.9fr);
overflow:hidden;
border-radius:36px;
border:1px solid rgba(255,255,255,.13);
background:
linear-gradient(
135deg,
rgba(255,255,255,.07),
rgba(255,255,255,.025)
);
box-shadow:
0 28px 70px rgba(9,4,33,.22);
}
/* hero content */
.wlot-hero-content{
padding:68px 65px;
position:relative;
z-index:3;
display:flex;
flex-direction:column;
justify-content:center;
}
.wlot-hero-label{
display:flex;
align-items:center;
gap:10px;
margin-bottom:23px;
color:rgba(255,255,255,.62);
font-size:9px;
font-weight:700;
letter-spacing:2.7px;
text-transform:uppercase;
}
.wlot-hero-label::before{
content:"";
width:34px;
height:1px;
background:rgba(255,255,255,.48);
}
.wlot-hero h1{
max-width:680px;
margin-bottom:24px !important;
color:#FFFFFF !important;
font-family:
Georgia,
"Times New Roman",
serif;
font-size:64px;
line-height:1;
font-weight:400;
letter-spacing:-2.5px;
}
.wlot-hero h1 span{
display:block;
color:rgba(255,255,255,.65);
}
.wlot-hero-desc{
max-width:570px;
margin-bottom:0 !important;
color:rgba(255,255,255,.70);
font-size:14px;
line-height:1.85;
}
/* =========================================================
HERO VISUAL
========================================================= */
.wlot-hero-visual{
position:relative;
display:flex;
align-items:center;
justify-content:center;
padding:45px;
}
.wlot-orbit{
width:330px;
height:330px;
position:relative;
display:flex;
align-items:center;
justify-content:center;
border-radius:50%;
border:1px solid rgba(255,255,255,.11);
}
.wlot-orbit::before{
content:"";
position:absolute;
width:245px;
height:245px;
border-radius:50%;
border:1px solid rgba(255,255,255,.09);
}
.wlot-orbit::after{
content:"";
position:absolute;
width:160px;
height:160px;
border-radius:50%;
border:1px solid rgba(255,255,255,.08);
}
.wlot-package{
width:112px;
height:112px;
position:relative;
z-index:3;
display:flex;
align-items:center;
justify-content:center;
border-radius:30px;
color:#FFFFFF;
background:
linear-gradient(
145deg,
rgba(255,255,255,.16),
rgba(255,255,255,.06)
);
border:1px solid rgba(255,255,255,.18);
box-shadow:
0 25px 45px rgba(8,3,30,.18);
backdrop-filter:blur(10px);
}
.wlot-package svg{
width:45px;
height:45px;
fill:none;
stroke:currentColor;
stroke-width:1.4;
}
.wlot-orbit-dot{
width:15px;
height:15px;
position:absolute;
border-radius:50%;
background:#FFFFFF;
box-shadow:
0 0 0 7px rgba(255,255,255,.08);
}
.wlot-dot-one{
top:38px;
right:63px;
}
.wlot-dot-two{
bottom:58px;
left:44px;
}
/* =========================================================
TRACKING INTRO
========================================================= */
.wlot-track-section{
padding:105px 0 115px;
background:#FFFFFF;
}
.wlot-track-head{
margin-bottom:42px;
display:grid;
grid-template-columns:
minmax(0,.75fr)
minmax(0,1.25fr);
gap:70px;
align-items:end;
}
.wlot-track-head-right{
padding-bottom:4px;
}
.wlot-track-head-right p{
max-width:680px;
margin-bottom:0 !important;
}
/* =========================================================
TRACKER CARD
========================================================= */
.wlot-tracker-shell{
position:relative;
padding:12px;
border-radius:34px;
background:
linear-gradient(
135deg,
rgba(69,46,90,.13),
rgba(30,16,78,.04)
);
}
.wlot-tracker-card{
width:100%;
position:relative;
overflow:hidden;
padding:48px;
border-radius:26px;
background:#FFFFFF;
border:1px solid #E8E2EB;
box-shadow:
0 22px 55px rgba(42,28,52,.08);
}
.wlot-tracker-card::before{
content:"";
position:absolute;
width:250px;
height:250px;
right:-120px;
top:-135px;
border-radius:50%;
background:
radial-gradient(
circle,
rgba(69,46,90,.10),
rgba(69,46,90,0) 70%
);
}
.wlot-tracker-top{
margin-bottom:34px;
display:flex;
align-items:center;
justify-content:space-between;
gap:30px;
position:relative;
z-index:2;
}
.wlot-tracker-title{
display:flex;
align-items:center;
gap:14px;
}
.wlot-tracker-icon{
width:50px;
height:50px;
flex:none;
display:flex;
align-items:center;
justify-content:center;
border-radius:15px;
color:#FFFFFF;
background:
linear-gradient(
135deg,
#452E5A,
#1E104E
);
box-shadow:
0 11px 22px rgba(30,16,78,.18);
}
.wlot-tracker-icon svg{
width:20px;
height:20px;
fill:none;
stroke:currentColor;
stroke-width:1.6;
}
.wlot-tracker-title small{
display:block;
margin-bottom:5px;
color:#958C9B;
font-size:8px;
font-weight:700;
letter-spacing:1.5px;
text-transform:uppercase;
}
.wlot-tracker-title h2{
margin:0 !important;
color:#1E104E !important;
font-family:Georgia,serif;
font-size:28px;
font-weight:400;
}
.wlot-secure-tag{
padding:9px 13px;
display:inline-flex;
align-items:center;
gap:7px;
border-radius:999px;
color:#452E5A;
background:#F4F0F6;
border:1px solid #E7E0EB;
font-size:8px;
font-weight:700;
letter-spacing:1px;
text-transform:uppercase;
}
.wlot-secure-tag::before{
content:"";
width:7px;
height:7px;
border-radius:50%;
background:#452E5A;
}
/* =========================================================
ACTUAL SHORTCODE AREA
========================================================= */
.wlot-shortcode{
position:relative;
z-index:3;
width:100%;
padding:31px;
border-radius:22px;
background:#F8F6FA;
border:1px solid #E8E2EB;
}
/* common form compatibility */
.wlot-shortcode form{
margin:0 !important;
}
.wlot-shortcode label{
display:block !important;
margin-bottom:8px !important;
color:#1E104E !important;
font-size:10px !important;
font-weight:700 !important;
letter-spacing:.4px;
}
.wlot-shortcode input[type="text"],
.wlot-shortcode input[type="email"],
.wlot-shortcode input[type="number"],
.wlot-shortcode input[type="tel"],
.wlot-shortcode input[type="search"],
.wlot-shortcode select{
width:100% !important;
min-height:52px !important;
margin:0 0 16px !important;
padding:0 16px !important;
color:#1E104E !important;
background:#FFFFFF !important;
border:1px solid #DED7E3 !important;
border-radius:13px !important;
outline:none !important;
box-shadow:none !important;
font-size:13px !important;
}
.wlot-shortcode input:focus,
.wlot-shortcode select:focus{
border-color:#452E5A !important;
box-shadow:
0 0 0 3px rgba(69,46,90,.08) !important;
}
.wlot-shortcode button,
.wlot-shortcode input[type="submit"],
.wlot-shortcode .button{
min-height:49px !important;
padding:0 24px !important;
display:inline-flex !important;
align-items:center !important;
justify-content:center !important;
border:0 !important;
border-radius:999px !important;
color:#FFFFFF !important;
background:
linear-gradient(
135deg,
#452E5A,
#1E104E
) !important;
font-size:10px !important;
font-weight:700 !important;
letter-spacing:1.1px !important;
text-transform:uppercase !important;
cursor:pointer !important;
box-shadow:
0 11px 22px rgba(30,16,78,.16) !important;
}
/* =========================================================
PROCESS SECTION
========================================================= */
.wlot-process{
padding:105px 0;
color:#FFFFFF;
background:
radial-gradient(
circle at 88% 10%,
rgba(255,255,255,.08),
transparent 27%
),
linear-gradient(
125deg,
#452E5A,
#1E104E
);
}
.wlot-process-head{
margin-bottom:42px;
display:flex;
align-items:flex-end;
justify-content:space-between;
gap:40px;
}
.wlot-process-left{
max-width:620px;
}
.wlot-process-label{
display:flex;
align-items:center;
gap:9px;
margin-bottom:14px;
color:rgba(255,255,255,.57);
font-size:9px;
font-weight:700;
letter-spacing:2.2px;
text-transform:uppercase;
}
.wlot-process-label::before{
content:"";
width:27px;
height:1px;
background:rgba(255,255,255,.45);
}
.wlot-process h2{
margin:0 !important;
color:#FFFFFF !important;
font-family:Georgia,serif;
font-size:47px;
line-height:1.08;
font-weight:400;
}
.wlot-process-copy{
max-width:520px;
margin:0 0 5px !important;
color:rgba(255,255,255,.62);
font-size:13px;
line-height:1.8;
}
.wlot-process-grid{
display:grid;
grid-template-columns:repeat(4,1fr);
gap:1px;
overflow:hidden;
border-radius:25px;
border:1px solid rgba(255,255,255,.13);
background:rgba(255,255,255,.13);
}
.wlot-step{
min-height:250px;
position:relative;
padding:28px;
background:
linear-gradient(
145deg,
rgba(255,255,255,.08),
rgba(255,255,255,.035)
);
}
.wlot-step-no{
margin-bottom:39px;
color:rgba(255,255,255,.38);
font-size:9px;
font-weight:700;
letter-spacing:2px;
}
.wlot-step-icon{
width:42px;
height:42px;
margin-bottom:20px;
display:flex;
align-items:center;
justify-content:center;
border-radius:13px;
color:#FFFFFF;
background:rgba(255,255,255,.07);
border:1px solid rgba(255,255,255,.12);
}
.wlot-step-icon svg{
width:18px;
height:18px;
fill:none;
stroke:currentColor;
stroke-width:1.6;
}
.wlot-step h3{
margin-bottom:9px !important;
color:#FFFFFF !important;
font-family:Georgia,serif;
font-size:21px;
font-weight:400;
}
.wlot-step p{
margin-bottom:0 !important;
color:rgba(255,255,255,.57);
font-size:11px;
line-height:1.7;
}
/* =========================================================
HELP SECTION
========================================================= */
.wlot-help{
padding:110px 0;
background:#F8F6FA;
}
.wlot-help-grid{
display:grid;
grid-template-columns:
minmax(0,.75fr)
minmax(0,1.25fr);
gap:75px;
}
.wlot-help-content{
max-width:480px;
}
.wlot-help-content p{
margin-bottom:0 !important;
}
.wlot-help-cards{
display:grid;
grid-template-columns:repeat(2,1fr);
gap:14px;
}
.wlot-help-card{
min-height:200px;
padding:24px;
border-radius:20px;
border:1px solid #E8E2EB;
background:#FFFFFF;
}
.wlot-help-no{
margin-bottom:28px;
color:#AAA1AF;
font-size:8px;
font-weight:700;
letter-spacing:1.8px;
}
.wlot-help-card h3{
margin-bottom:9px !important;
color:#1E104E !important;
font-family:Georgia,serif;
font-size:21px;
font-weight:400;
}
.wlot-help-card p{
margin-bottom:0 !important;
color:#716A76;
font-size:11px;
line-height:1.75;
}
/* =========================================================
LOGIN NOTE
========================================================= */
.wlot-note{
padding:0 0 110px;
background:#F8F6FA;
}
.wlot-note-box{
min-height:250px;
display:grid;
grid-template-columns:
90px
minmax(0,1fr)
auto;
gap:25px;
align-items:center;
padding:38px 43px;
border-radius:28px;
border:1px solid #E8E2EB;
background:#FFFFFF;
box-shadow:
0 17px 40px rgba(43,29,53,.06);
}
.wlot-note-icon{
width:72px;
height:72px;
display:flex;
align-items:center;
justify-content:center;
border-radius:21px;
color:#FFFFFF;
background:
linear-gradient(
135deg,
#452E5A,
#1E104E
);
box-shadow:
0 13px 27px rgba(30,16,78,.17);
}
.wlot-note-icon svg{
width:28px;
height:28px;
fill:none;
stroke:currentColor;
stroke-width:1.5;
}
.wlot-note-content small{
display:block;
margin-bottom:7px;
color:#968D9C;
font-size:8px;
font-weight:700;
letter-spacing:1.6px;
text-transform:uppercase;
}
.wlot-note-content h3{
margin-bottom:8px !important;
color:#1E104E !important;
font-family:Georgia,serif;
font-size:25px;
font-weight:400;
}
.wlot-note-content p{
max-width:700px;
margin-bottom:0 !important;
color:#6D6672;
font-size:12px;
line-height:1.75;
}
.wlot-login-btn{
min-height:48px;
padding:0 22px;
display:inline-flex;
align-items:center;
justify-content:center;
gap:9px;
border-radius:999px;
color:#FFFFFF !important;
background:
linear-gradient(
135deg,
#452E5A,
#1E104E
);
font-size:9px;
font-weight:700;
letter-spacing:1.2px;
text-transform:uppercase;
white-space:nowrap;
}
/* =========================================================
SUPPORT CTA
========================================================= */
.wlot-support{
padding:0 0 100px;
background:#F8F6FA;
}
.wlot-support-box{
min-height:330px;
position:relative;
overflow:hidden;
padding:52px 55px;
display:flex;
align-items:center;
justify-content:space-between;
gap:50px;
border-radius:30px;
color:#FFFFFF;
background:
radial-gradient(
circle at 85% 20%,
rgba(255,255,255,.10),
transparent 27%
),
linear-gradient(
125deg,
#452E5A,
#1E104E
);
}
.wlot-support-box::after{
content:"TRACK";
position:absolute;
right:-22px;
bottom:-38px;
color:rgba(255,255,255,.035);
font-family:Georgia,serif;
font-size:145px;
pointer-events:none;
}
.wlot-support-content{
max-width:680px;
position:relative;
z-index:2;
}
.wlot-support-content small{
display:block;
margin-bottom:13px;
color:rgba(255,255,255,.50);
font-size:8px;
font-weight:700;
letter-spacing:2px;
text-transform:uppercase;
}
.wlot-support-content h2{
margin-bottom:15px !important;
color:#FFFFFF !important;
font-family:Georgia,serif;
font-size:42px;
line-height:1.08;
font-weight:400;
}
.wlot-support-content p{
margin-bottom:0 !important;
color:rgba(255,255,255,.62);
font-size:12.5px;
line-height:1.8;
}
.wlot-support-actions{
min-width:280px;
position:relative;
z-index:2;
display:flex;
flex-direction:column;
gap:10px;
}
.wlot-support-btn{
min-height:49px;
padding:0 20px;
display:flex;
align-items:center;
justify-content:space-between;
gap:14px;
border-radius:999px;
color:#1E104E !important;
background:#FFFFFF;
font-size:9px;
font-weight:700;
letter-spacing:.7px;
overflow-wrap:anywhere;
}
.wlot-support-btn.wlot-support-outline{
color:#FFFFFF !important;
background:rgba(255,255,255,.06);
border:1px solid rgba(255,255,255,.20);
}
/* =========================================================
TABLET
========================================================= */
@media(max-width:1100px){
.wlot-hero h1{
font-size:54px;
}
.wlot-hero-content{
padding:55px 45px;
}
.wlot-process-grid{
grid-template-columns:repeat(2,1fr);
}
.wlot-help-grid{
grid-template-columns:1fr;
gap:40px;
}
}
/* =========================================================
SMALL TABLET
========================================================= */
@media(max-width:900px){
.wlot-inner{
padding-left:20px;
padding-right:20px;
}
.wlot-hero-box{
grid-template-columns:1fr;
}
.wlot-hero-content{
padding:55px 36px 15px;
}
.wlot-hero-visual{
min-height:390px;
padding:20px 30px 45px;
}
.wlot-track-head{
grid-template-columns:1fr;
gap:25px;
}
.wlot-tracker-card{
padding:35px;
}
.wlot-process-head{
flex-direction:column;
align-items:flex-start;
}
.wlot-process-copy{
max-width:700px;
}
.wlot-note-box{
grid-template-columns:75px minmax(0,1fr);
}
.wlot-note-box .wlot-login-btn{
grid-column:1 / -1;
width:100%;
}
.wlot-support-box{
flex-direction:column;
align-items:flex-start;
}
.wlot-support-actions{
width:100%;
}
}
/* =========================================================
MOBILE
========================================================= */
@media(max-width:650px){
.wlot-inner{
padding-left:15px;
padding-right:15px;
}
.wlot-title{
font-size:37px;
}
.wlot-hero{
padding-top:12px;
padding-bottom:48px;
}
.wlot-hero-box{
min-height:auto;
border-radius:24px;
}
.wlot-hero-content{
padding:39px 22px 10px;
}
.wlot-hero h1{
font-size:40px;
letter-spacing:-1.6px;
}
.wlot-hero-desc{
font-size:12.5px;
}
.wlot-hero-visual{
min-height:310px;
}
.wlot-orbit{
width:250px;
height:250px;
}
.wlot-orbit::before{
width:185px;
height:185px;
}
.wlot-orbit::after{
width:120px;
height:120px;
}
.wlot-package{
width:88px;
height:88px;
border-radius:24px;
}
.wlot-package svg{
width:35px;
height:35px;
}
.wlot-track-section{
padding:75px 0;
}
.wlot-tracker-shell{
padding:7px;
border-radius:25px;
}
.wlot-tracker-card{
padding:22px 17px;
border-radius:20px;
}
.wlot-tracker-top{
align-items:flex-start;
flex-direction:column;
gap:16px;
}
.wlot-shortcode{
padding:20px 14px;
border-radius:17px;
}
.wlot-shortcode button,
.wlot-shortcode input[type="submit"],
.wlot-shortcode .button{
width:100% !important;
}
.wlot-process{
padding:75px 0;
}
.wlot-process h2{
font-size:37px;
}
.wlot-process-grid{
grid-template-columns:1fr;
}
.wlot-step{
min-height:auto;
}
.wlot-step-no{
margin-bottom:25px;
}
.wlot-help{
padding:75px 0;
}
.wlot-help-cards{
grid-template-columns:1fr;
}
.wlot-note{
padding-bottom:75px;
}
.wlot-note-box{
grid-template-columns:1fr;
padding:28px 21px;
border-radius:22px;
}
.wlot-note-icon{
width:58px;
height:58px;
border-radius:17px;
}
.wlot-note-box .wlot-login-btn{
grid-column:auto;
}
.wlot-support{
padding-bottom:70px;
}
.wlot-support-box{
min-height:auto;
padding:38px 23px;
border-radius:23px;
}
.wlot-support-content h2{
font-size:34px;
}
.wlot-support-actions{
min-width:0;
}
}
Order Tracking
Follow your order
from purchase to delivery.
Keep track of your Wearlio Fashion order from one place.
Use the secure tracking section below to view the latest
information available for your purchase.
Track Your Purchase
Where is my order?
Use the tracking area below to access information
associated with your order. For account security,
tracking access may require you to be signed in to the
account used for the purchase.
Secure Order Access
Track your order
Account Protected
Tracking Journey
From order placed to your doorstep.
Order information can progress through different stages
while your purchase is prepared, dispatched and delivered.
01
Order Placed
Your purchase has been successfully recorded in our
order system.
02
Being Prepared
The order is being processed and prepared for the next
stage of fulfilment.
03
Dispatched
Once dispatched, available shipment and tracking
information can be associated with the order.
04
Delivered
The delivery stage is complete once the shipment reaches
the destination.
Tracking Help
A few things worth knowing.
Tracking information depends on the current stage of
your order. Some details may only become available
after processing or dispatch.
01
Recently ordered?
New orders may initially display limited information
while they are being processed.
02
Tracking not visible?
Shipment details may not appear until the order has
reached the applicable dispatch stage.
03
Use the right account
Sign in using the customer account associated with
the order you want to track.
04
Need assistance?
Contact our support team and keep your relevant
order information available for reference.
Customer Account
Tracking access is linked to your account.
For privacy and order security, customers should access
tracking information through the account associated with
their purchase.
My Account
↗
Order Support
Still need help with your order?
Contact the Wearlio Fashion support team through our
official email or phone number. Please keep your order
information available when requesting assistance.