/* ===========================================================================
LOYAL UNITED® — shared stylesheet for Shipping, Returns and Contact
Namespace: .lu | Paste this block at the TOP of EACH page.
This store runs a completely different theme from the rest of the network:
a SERIF stack, 18px body, uppercase weight-400 headings, centred page
titles, SQUARE buttons with 4.2px tracking, and a 920px content column.
The design below follows that, rather than importing anything from the
other stores.
Doubled selectors (.lu .lu__x) score 0,2,0 and beat the theme's
.rte h2 / .rte p / .rte a rules, which score 0,1,1.
STRUCTURE: annotated original. Each provision sits in the left column in
its formal wording; a plain-English gloss sits beside it on the right.
No cards — hairline rules only.
=========================================================================== */
.lu{
/* the theme's own stack, matched exactly so the pages sit in the type system */
--lu-serif:"New York","Iowan Old Style","Apple Garamond",Baskerville,
"Times New Roman","Droid Serif",Times,"Source Serif Pro",serif;
--lu-ink:#000000;
--lu-body:#1A1A1A;
--lu-gloss:#454545;
--lu-mute:#525252;
--lu-navy:#1F3864;
--lu-rule:#DCD8D0;
--lu-rule-2:#C9C4BA;
--lu-hair:#000000;
--lu-paper:#F4F2EE;
font-family:var(--lu-serif);
color:var(--lu-body);
font-size:18px;
line-height:1.62;
letter-spacing:.2px;
text-align:left;
-webkit-font-smoothing:antialiased;
}
.lu *,.lu *::before,.lu *::after{box-sizing:border-box}
/* Body copy — re-declared, not inherited. */
.lu .lu p,
.lu p{
margin:0 0 1em;
color:var(--lu-body);
font-family:var(--lu-serif);
font-size:18px;
line-height:1.62;
text-align:left;
}
.lu p:last-child{margin-bottom:0}
.lu b,.lu strong{color:var(--lu-ink);font-weight:700}
/* -------------------------------------------------------------------------
LINKS. This theme gives links NO colour change and only a
rgba(0,0,0,.15) bottom border — about 1.15:1. They are invisible.
Every link here declares its own colour and a real underline.
------------------------------------------------------------------------- */
.lu a:not([class]){
color:var(--lu-navy)!important;
text-decoration:underline!important;
text-underline-offset:3px;
text-decoration-thickness:1px;
border-bottom:0!important;
}
.lu a:not([class]):hover{color:#132542!important;text-decoration-thickness:2px}
.lu a:focus-visible,.lu a:not([class]):focus-visible{
outline:2px solid var(--lu-navy);outline-offset:3px;
}
/* ---------- wide-tracked caps label, echoing the theme's buttons ---------- */
.lu .lu__label{
display:block;
font-family:var(--lu-serif);
font-size:11.5px;font-weight:700;
letter-spacing:.26em;text-transform:uppercase;
color:var(--lu-mute)!important;
text-align:left!important;
line-height:1.7!important;
margin:0 0 12px!important;
}
/* ---------- masthead ------------------------------------------------------
Centred, like the theme's own .section-header__title, with rules above and
below. No other store in this network centres anything at the top.
-------------------------------------------------------------------------- */
.lu .lu__masthead{
border-top:2px solid var(--lu-hair);
border-bottom:1px solid var(--lu-rule);
padding:22px 0 20px;
margin:0 0 clamp(26px,5vw,36px);
text-align:center!important;
}
.lu .lu__mastlabel{
display:block;
font-size:11px;font-weight:700;letter-spacing:.3em;text-transform:uppercase;
color:var(--lu-mute)!important;
text-align:center!important;
line-height:1.7!important;
margin:0 0 14px!important;
}
.lu .lu__standfirst{
color:var(--lu-ink)!important;
font-size:clamp(18px,4.5vw,21px)!important;
line-height:1.5!important;
text-align:center!important;
text-wrap:balance;
max-width:52ch;
margin:0 auto!important;
}
/* ---------- the summary docket (rule-only, no box) ------------------------ */
.lu .lu__docket{
margin:0 0 clamp(30px,6vw,44px);
padding:0;
list-style:none;
border-bottom:1px solid var(--lu-rule);
}
.lu .lu__dline{
display:flex;flex-wrap:wrap;align-items:baseline;gap:2px 18px;
/* becomes a real 2-column grid at >=560px — see the breakpoint below.
flex + min-width left the values ragged, because "DELIVERY, INTERNATIONAL"
is far wider than "FREE SHIPPING". */
padding:14px 0;
border-top:1px solid var(--lu-rule);
font-size:17px;line-height:1.55;color:var(--lu-body);
}
.lu .lu__dterm{
flex:0 0 auto;min-width:11em;
color:var(--lu-mute);
font-size:11px;font-weight:700;letter-spacing:.2em;text-transform:uppercase;
line-height:2.3;
}
.lu .lu__dval{flex:1 1 12em;min-width:0;color:var(--lu-ink);font-weight:700}
/* ---------- section headings ----------------------------------------------
Uppercase, weight 400, centred — the theme's own heading register, which is
why they are NOT bold. A rule sits beneath.
-------------------------------------------------------------------------- */
.lu .lu__section{margin:0 0 clamp(34px,6.5vw,52px)}
.lu .lu__h2{
color:var(--lu-ink)!important;
font-family:var(--lu-serif)!important;
font-size:clamp(21px,5.2vw,27px)!important;
font-weight:400!important;
letter-spacing:.06em!important;
text-transform:uppercase!important;
line-height:1.3!important;
text-align:center!important;
text-wrap:balance;
margin:0 0 6px!important;
padding:0 0 16px;
border-bottom:2px solid var(--lu-hair);
}
.lu .lu__h2 + *{margin-top:24px!important}
.lu .lu__h3{
color:var(--lu-ink)!important;
font-family:var(--lu-serif)!important;
font-size:clamp(17px,4.2vw,19px)!important;
font-weight:700!important;
letter-spacing:.04em!important;
text-transform:uppercase!important;
line-height:1.4!important;
text-align:left!important;
margin:0 0 10px!important;
}
/* ---------- THE ANNOTATION -------------------------------------------------
Left: the provision, in its formal wording.
Right: the plain-English gloss.
Stacks on narrow screens, where the gloss keeps its own label and a rule.
-------------------------------------------------------------------------- */
.lu .lu__annot{
margin:0;padding:0;list-style:none;
border-top:1px solid var(--lu-rule);
}
.lu .lu__clause{
padding:clamp(22px,4.5vw,28px) 0;
border-bottom:1px solid var(--lu-rule);
}
.lu .lu__provision > *:last-child{margin-bottom:0}
.lu .lu__provision p{font-size:18px!important;line-height:1.62!important}
.lu .lu__gloss{
margin:18px 0 0;
padding:16px 0 0;
border-top:1px solid var(--lu-rule-2);
}
.lu .lu__glosslabel{
display:block;
font-size:10.5px;font-weight:700;letter-spacing:.24em;text-transform:uppercase;
color:var(--lu-mute)!important;
text-align:left!important;
line-height:1.7!important;
margin:0 0 8px!important;
}
.lu .lu__gloss p{
font-size:16px!important;
line-height:1.6!important;
color:var(--lu-gloss)!important;
text-align:left!important;
margin:0 0 .7em!important;
}
.lu .lu__gloss p:last-child{margin-bottom:0!important}
.lu .lu__gloss--key{border-top-color:var(--lu-hair);border-top-width:2px}
.lu .lu__gloss--key .lu__glosslabel{color:var(--lu-ink)!important}
.lu .lu__gloss--key p{color:var(--lu-body)!important}
/* ---------- lists --------------------------------------------------------- */
.lu .lu__list{margin:16px 0 0;padding:0;list-style:none}
.lu .lu__list li{
position:relative;padding:0 0 0 26px;margin:0 0 12px;
font-size:17.5px;line-height:1.6;color:var(--lu-body);
}
.lu .lu__list li:last-child{margin-bottom:0}
.lu .lu__list li::before{
content:"";position:absolute;left:4px;top:.72em;
width:9px;height:1px;background:var(--lu-ink);
}
.lu .lu__list--num{counter-reset:lun}
.lu .lu__list--num li{counter-increment:lun;padding-left:38px}
.lu .lu__list--num li::before{
content:counter(lun,upper-roman) ".";
left:0;top:0;width:auto;height:auto;background:none;
color:var(--lu-mute);font-size:13px;font-weight:700;letter-spacing:.1em;
line-height:2.2;
}
/* ---------- table ---------------------------------------------------------
This theme leaves .rte th/td unbordered with 10px 15px padding and left
alignment, so there is no four-sided border to clear here — but border:0
is still declared first, because the next theme might.
-------------------------------------------------------------------------- */
.lu .lu__tablewrap{overflow-x:auto;-webkit-overflow-scrolling:touch;margin:22px 0 0}
.lu .lu__table{
width:100%;min-width:272px;
border-collapse:collapse;
font-family:var(--lu-serif);font-size:16px;
}
.lu .lu__table th,.lu .lu__table td{
border:0;border-bottom:1px solid var(--lu-rule);
padding:13px 10px;text-align:left;vertical-align:top;
font-weight:400;
}
.lu .lu__table th:first-child,.lu .lu__table td:first-child{padding-left:0}
.lu .lu__table th:last-child,.lu .lu__table td:last-child{padding-right:0}
.lu .lu__table thead th{
color:var(--lu-mute);
font-size:10px;font-weight:700;letter-spacing:.2em;text-transform:uppercase;
border:0;border-bottom:2px solid var(--lu-hair);
padding-bottom:10px;
}
.lu .lu__table tbody th{color:var(--lu-ink);font-weight:700;line-height:1.45}
.lu .lu__table tbody td{color:var(--lu-body)}
.lu .lu__table tbody tr:last-child th,.lu .lu__table tbody tr:last-child td{border:0}
.lu .lu__tnote{
display:block;font-weight:400;font-size:12px;color:var(--lu-mute);
letter-spacing:.02em;margin-top:3px;text-transform:none;
}
.lu .lu__tcap{
margin:12px 0 0!important;font-size:13.5px!important;
color:var(--lu-mute)!important;text-align:left!important;
}
/* ---------- button: square, wide-tracked, exactly like the theme's -------- */
.lu .lu__cta{
display:inline-block;
background:var(--lu-ink)!important;color:#fff!important;
text-decoration:none!important;border-bottom:0!important;
font-family:var(--lu-serif);
font-size:14px;font-weight:400;
letter-spacing:.3em;text-transform:uppercase;
padding:15px 30px 15px 36px; /* extra left padding balances the tracking */
border-radius:0;
min-height:46px;line-height:1.2;
border:1.5px solid var(--lu-ink);
}
.lu .lu__cta:hover{background:transparent!important;color:var(--lu-ink)!important}
.lu .lu__ctawrap{margin:24px 0 0!important;text-align:left!important}
/* ---------- notice band (paper wash, no radius) --------------------------- */
.lu .lu__notice{
margin:24px 0 0;
padding:20px 22px;
background:var(--lu-paper);
border-left:3px solid var(--lu-ink);
}
.lu .lu__notice .lu__label{margin-bottom:8px!important;color:var(--lu-ink)!important}
.lu .lu__notice p{font-size:16.5px!important;margin-bottom:.6em!important}
.lu .lu__notice p:last-child{margin-bottom:0!important}
/* ---------- contact rows -------------------------------------------------- */
.lu .lu__rows{margin:0;padding:0;list-style:none;border-top:1px solid var(--lu-rule)}
.lu .lu__row{
display:flex;flex-wrap:wrap;gap:2px 20px;
padding:17px 0;border-bottom:1px solid var(--lu-rule);
font-size:17px;line-height:1.6;color:var(--lu-body);
}
.lu .lu__rowlab{
flex:0 0 auto;min-width:9.5em;
color:var(--lu-ink);font-weight:700;
font-size:10.5px;letter-spacing:.22em;text-transform:uppercase;
line-height:2.4;
}
.lu .lu__rowval{flex:1 1 13em;min-width:0}
/* ---------- Q&A ----------------------------------------------------------- */
.lu .lu__qa{margin:0;padding:0;border-top:1px solid var(--lu-rule)}
.lu .lu__q{
color:var(--lu-ink)!important;font-family:var(--lu-serif)!important;
font-size:17.5px!important;font-weight:700!important;
letter-spacing:.02em!important;text-transform:none!important;
line-height:1.45!important;text-align:left!important;
margin:0!important;padding:19px 0 0;
}
.lu .lu__a{
margin:0!important;padding:8px 0 19px;
border-bottom:1px solid var(--lu-rule);
font-size:16.5px!important;line-height:1.62!important;
color:var(--lu-gloss)!important;text-align:left!important;
}
/* ---------- sign-off ------------------------------------------------------ */
.lu .lu__signoff{
margin:clamp(34px,6.5vw,50px) 0 0;
padding:clamp(26px,5vw,34px) 0 0;
border-top:2px solid var(--lu-hair);
}
.lu .lu__signtext{
color:var(--lu-ink)!important;
font-size:clamp(17px,4.3vw,19px)!important;
line-height:1.58!important;
text-align:left!important;
text-wrap:pretty;
max-width:52ch;
margin:0 0 20px!important;
}
.lu .lu__mail{
color:var(--lu-navy)!important;font-weight:700;
text-decoration:underline!important;border-bottom:0!important;
text-underline-offset:3px;text-decoration-thickness:1.5px;
overflow-wrap:anywhere;
}
.lu .lu__mail:hover{color:#132542!important}
.lu .lu__signame{
color:var(--lu-ink)!important;
font-size:18px!important;font-weight:700!important;
letter-spacing:.04em;
text-align:left!important;margin:0 0 4px!important;
}
.lu .lu__sigrole{
color:var(--lu-mute)!important;
font-size:10.5px!important;font-weight:700;
letter-spacing:.22em;text-transform:uppercase;
text-align:left!important;line-height:1.8!important;
margin:0 0 22px!important;
}
.lu .lu__siglinks{
margin:0!important;padding:18px 0 0;
border-top:1px solid var(--lu-rule);
text-align:left!important;
font-size:11px!important;line-height:2.2!important;
letter-spacing:.22em;text-transform:uppercase;font-weight:700;
color:var(--lu-mute)!important;
}
.lu .lu__siglink{
color:var(--lu-ink)!important;text-decoration:none!important;
/* 2px, not 1.5px: sub-pixel borders round DOWN to 1px at 1x DPR, and this
underline is the only affordance these links have. */
border-bottom:2px solid var(--lu-ink)!important;padding-bottom:3px;
}
.lu .lu__siglink:hover{color:var(--lu-navy)!important;border-bottom-color:var(--lu-navy)!important}
.lu .lu__sep{color:var(--lu-rule-2);padding:0 12px}
/* ---------- 700px and up ---------------------------------------------------
The gloss moves alongside the provision. The theme column is 920px, the
widest in the network, which is what makes a true two-column annotation
possible at all — below 700px it stacks and keeps its own label and rule.
-------------------------------------------------------------------------- */
@media screen and (min-width:560px){
.lu .lu__dline{display:grid;grid-template-columns:15.5em minmax(0,1fr);gap:0 20px;align-items:baseline}
.lu .lu__dterm,.lu .lu__rowlab{min-width:0}
.lu .lu__row{display:grid;grid-template-columns:11em minmax(0,1fr);gap:0 20px;align-items:baseline}
}
@media screen and (min-width:700px){
.lu .lu__clause{
display:grid;
grid-template-columns:minmax(0,1.55fr) minmax(0,1fr);
column-gap:40px;
align-items:start;
}
.lu .lu__gloss{
margin:0;padding:0 0 0 24px;
border-top:0;
border-left:1px solid var(--lu-rule-2);
}
.lu .lu__gloss--key{border-top:0;border-left:2px solid var(--lu-hair)}
.lu .lu__annot{border-top:2px solid var(--lu-hair)}
/* column headers, shown only when the two columns actually sit side by side */
.lu .lu__annothead{
display:grid;
grid-template-columns:minmax(0,1.55fr) minmax(0,1fr);
column-gap:40px;
padding:0 0 10px;
}
.lu .lu__annothead span{
font-size:10.5px;font-weight:700;letter-spacing:.24em;text-transform:uppercase;
color:var(--lu-mute);line-height:1.7;
}
.lu .lu__annothead span:last-child{padding-left:24px}
.lu .lu__glosslabel{
position:absolute;width:1px;height:1px;overflow:hidden;
clip-path:inset(50%);white-space:nowrap;
}
}
@media screen and (max-width:699px){
.lu .lu__annothead{display:none}
}
@media screen and (min-width:900px){
.lu{font-size:18.5px}
.lu .lu__table{font-size:16.5px}
.lu .lu__table th,.lu .lu__table td{padding:14px 14px}
}
@media (prefers-reduced-motion:no-preference){
.lu a{transition:color .15s ease,background-color .15s ease,border-color .15s ease}
}
-
Before it ships1–5 business days
-
Delivery, US7–20 business days
-
Delivery, international10–25 business days
-
Free shipping7–25 business days
Shipping
The provisionIn plain words
-
Dispatch and delivery windows
Your order will be shipped within 1 to 5 business days. Delivery times are 7 to 20 business days for US and 10 to 25 business days for international shipping.
In plain words
Two separate clocks. We take up to five business days to hand your parcel to the carrier; the delivery window starts after that.
Business days are Monday to Friday. Weekends never count.
-
Within 5 business days of ordering
Your order will be shipped within 1 to 5 business days from the order date. If it ships sooner, you'll receive an email with your shipping confirmation and tracking number at the email address provided during checkout.
If you haven't received your tracking number by the 5th business day, please check your junk or spam folders. If the email is not there, please reach out to us via email so we can assist.
In plain words
Nothing to do yet. Watch the inbox you used at checkout.
No tracking number by day five? Check junk and spam first — that is where most of them are. Then write to support@loyalunited.com and we will resend it.
-
Beyond 5 business days from your order date
If your order hasn't shipped by the 6th business day, please be assured that our team is already aware of the delay and has escalated the issue to our fulfillment team.
Kindly allow us an additional 3 business days to send you an update with your tracking number.
In plain words
You do not need to chase us. It is already flagged.
Give us three more business days and an update will reach you by email.
Delivery
The provisionIn plain words
-
Still within 7 to 20, or 10 to 25, business days
Here are some reasons why tracking information may not be available:
- The initial scan of the package may occur only when it arrives at a regional hub near its destination. This is particularly common during peak shipping periods when packages are processed in large quantities. Until this first scan happens, the carrier may not confirm receipt of the package.
- The first scan may only take place upon delivery.
- There could be delays in updating the tracking database.
- Some shipments, such as Standard International shipments, are not trackable. Please rest assured that your package will arrive by the 20th or 25th business day at the latest.
In plain words
A tracking page that has not moved is normal inside these windows, not a fault.
On some routes the only scan you will ever see is the delivery scan. On Standard International there may be no scans at all.
The parcel is still coming.
-
Beyond 20 (US) or 25 (international) business days
If your tracking information remains unchanged after this period, please allow an additional 5 business days for your package to be delivered. Typically, packages arrive on or shortly after the 20th or 25th business day.
In plain words
Five more business days. Most late parcels land right around here.
-
Beyond 30 (US) or 35 (international) business days
As a small business, the last thing we want is for our valued customers to be concerned about their orders. We want to assure you that we have a dedicated team closely monitoring these delays and have escalated the issue to the fulfillment manager to resolve it promptly.
We kindly ask for your patience as we investigate this matter, and we will follow up with you via email within 2 to 5 business days.
In plain words
This stops being yours to manage. It goes to our fulfilment manager.
You will hear from us by email within two to five business days.
Separately: once 30 days from purchase have passed, the order has not arrived, and tracking does not show it delivered, you are owed a free replacement. See the returns page.
Track my order
How dates are calculated
The provisionIn plain words
-
The calculation
We estimate delivery times by adding the transit duration to the projected shipping date.
Transit time is determined by the shipping speed you select. We calculate transit time in business days, excluding Saturdays and Sundays unless a weekend delivery option is available during checkout. We also factor in holidays when determining transit time.
In plain words
Projected ship date, plus transit time. That is the whole formula.
Weekends are skipped unless you were offered a weekend option. Holidays are counted in.
-
The “order within” countdown
For certain delivery dates, we may display an “order within” countdown timer. This indicates the timeframe in which you need to place your order to ensure delivery by the specified date. Please note that this date may change before you finalize your order. Your order confirmation email will include the confirmed delivery date.
In plain words
The countdown is an estimate and can move while you are still checking out.
The date in your order confirmation email is the one that counts.
-
Free Shipping
For Free Shipping, your order will be delivered within 7 to 25 business days. We process and ship your order using the most cost-effective methods to provide free shipping. If you see that your items haven't shipped yet, there's no need to worry. While it may take a bit longer than expected to ship your order, we will ensure it arrives within the 7 to 25 business day timeframe.
In plain words
Free shipping travels the cheapest route, so it can sit longer before it moves.
It will still arrive inside 7 to 25 business days.
-
Expedited Shipping
For us to provide you with the most affordable item, we seldom offer expedited shipping.
If it is available on the Shipping/Checkout page, the delivery is within 7 to 15 business days for US and 10 to 20 business days for International Shipping.
In plain words
Rarely offered, because routing everything that way would raise the price of the item itself.
If you see it at checkout, it is available on your order.
Every window, in one place
| Stage or service |
US |
International |
| Before it shipsevery order
|
1–5 days |
| Standard delivery |
7–20 days |
10–25 days |
| Free Shipping |
7–25 days |
| Expeditedwhen offered
|
7–15 days |
10–20 days |
All figures in business days, counted from the day the parcel ships.
