.sale-policy-page {
--sp-bg: #f7f7f4;
--sp-card: #ffffff;
--sp-text: #17202a;
--sp-muted: #65707c;
--sp-border: #e5e7e8;
--sp-dark: #101b28;
--sp-dark-2: #172638;
--sp-soft: #f0f3f5;
--sp-success: #167a5b;
--sp-success-bg: #edf8f3;
--sp-warning-bg: #fff8e8;
--sp-warning: #8c6414;
--sp-blue-bg: #eef5ff;
--sp-blue: #245b9e;
color: var(--sp-text);
font-family: inherit;
background: var(--sp-bg);
margin: 0;
padding: 0;
}
.sale-policy-page * {
box-sizing: border-box;
}
.sale-policy-page a {
color: inherit;
}
.sp-container {
width: min(1120px, calc(100% - 40px));
margin: 0 auto;
}
/* HERO */
.sp-hero {
background:
radial-gradient(circle at 85% 20%, rgba(255,255,255,.12), transparent 30%),
linear-gradient(135deg, var(--sp-dark), var(--sp-dark-2));
color: #fff;
padding: 74px 0 68px;
overflow: hidden;
position: relative;
}
.sp-hero-inner {
display: grid;
grid-template-columns: minmax(0, 1fr) 310px;
gap: 60px;
align-items: center;
}
.sp-eyebrow {
display: inline-flex;
align-items: center;
gap: 8px;
padding: 8px 13px;
border: 1px solid rgba(255,255,255,.17);
border-radius: 999px;
background: rgba(255,255,255,.07);
font-size: 12px;
font-weight: 700;
letter-spacing: .08em;
text-transform: uppercase;
margin-bottom: 22px;
}
.sp-eyebrow svg {
width: 15px;
height: 15px;
}
.sp-hero h1 {
margin: 0;
max-width: 720px;
font-size: clamp(38px, 5vw, 64px);
line-height: 1.02;
letter-spacing: -.045em;
color: #fff;
}
.sp-hero-copy {
margin: 22px 0 0;
max-width: 680px;
color: rgba(255,255,255,.72);
font-size: 17px;
line-height: 1.65;
}
.sp-hero-card {
background: #fff;
color: var(--sp-text);
border-radius: 22px;
padding: 28px;
box-shadow: 0 18px 50px rgba(0,0,0,.16);
}
.sp-days {
font-size: 68px;
line-height: .9;
letter-spacing: -.06em;
font-weight: 750;
color: var(--sp-dark);
}
.sp-days-label {
margin-top: 10px;
font-size: 18px;
font-weight: 700;
}
.sp-days-copy {
margin-top: 10px;
color: var(--sp-muted);
line-height: 1.55;
font-size: 14px;
}
/* QUICK STRIP */
.sp-quick {
margin-top: -28px;
position: relative;
z-index: 2;
}
.sp-quick-grid {
background: var(--sp-card);
border: 1px solid var(--sp-border);
border-radius: 18px;
display: grid;
grid-template-columns: repeat(3, 1fr);
box-shadow: 0 8px 30px rgba(20,30,40,.06);
overflow: hidden;
}
.sp-quick-item {
display: flex;
align-items: center;
gap: 14px;
padding: 22px 24px;
}
.sp-quick-item + .sp-quick-item {
border-left: 1px solid var(--sp-border);
}
.sp-icon-circle {
width: 42px;
height: 42px;
border-radius: 50%;
background: var(--sp-soft);
display: flex;
align-items: center;
justify-content: center;
flex: 0 0 auto;
}
.sp-icon-circle svg {
width: 20px;
height: 20px;
stroke: var(--sp-dark);
}
.sp-quick-title {
font-size: 14px;
font-weight: 750;
}
.sp-quick-sub {
color: var(--sp-muted);
font-size: 12px;
margin-top: 2px;
}
/* MAIN */
.sp-main {
padding: 78px 0 90px;
}
.sp-section {
margin-top: 74px;
}
.sp-section:first-child {
margin-top: 0;
}
.sp-section-heading {
max-width: 700px;
margin-bottom: 30px;
}
.sp-kicker {
color: var(--sp-muted);
font-size: 12px;
text-transform: uppercase;
letter-spacing: .12em;
font-weight: 750;
margin-bottom: 9px;
}
.sp-section-heading h2 {
margin: 0;
font-size: clamp(28px, 4vw, 39px);
line-height: 1.12;
letter-spacing: -.035em;
color: var(--sp-dark);
}
.sp-section-heading p {
color: var(--sp-muted);
line-height: 1.65;
margin: 13px 0 0;
font-size: 15px;
}
/* RETURN STEPS */
.sp-steps {
display: grid;
grid-template-columns: repeat(4, 1fr);
gap: 14px;
}
.sp-step {
background: var(--sp-card);
border: 1px solid var(--sp-border);
border-radius: 18px;
padding: 24px;
position: relative;
}
.sp-step-number {
display: inline-flex;
width: 34px;
height: 34px;
align-items: center;
justify-content: center;
border-radius: 10px;
background: var(--sp-dark);
color: white;
font-weight: 750;
font-size: 13px;
margin-bottom: 26px;
}
.sp-step h3 {
font-size: 17px;
margin: 0 0 8px;
color: var(--sp-dark);
}
.sp-step p {
color: var(--sp-muted);
font-size: 14px;
line-height: 1.55;
margin: 0;
}
.sp-step a {
font-weight: 700;
text-decoration: underline;
text-underline-offset: 3px;
}
/* ELIGIBILITY */
.sp-two-col {
display: grid;
grid-template-columns: 1fr 1fr;
gap: 18px;
}
.sp-card {
background: var(--sp-card);
border: 1px solid var(--sp-border);
border-radius: 20px;
padding: 30px;
}
.sp-card-head {
display: flex;
align-items: center;
gap: 13px;
margin-bottom: 22px;
}
.sp-card-head .sp-icon-circle {
width: 44px;
height: 44px;
}
.sp-card h3 {
font-size: 20px;
color: var(--sp-dark);
margin: 0;
}
.sp-check-list,
.sp-x-list {
list-style: none;
margin: 0;
padding: 0;
}
.sp-check-list li,
.sp-x-list li {
position: relative;
padding: 12px 0 12px 31px;
border-top: 1px solid var(--sp-border);
font-size: 14px;
line-height: 1.5;
}
.sp-check-list li:first-child,
.sp-x-list li:first-child {
border-top: 0;
}
.sp-check-list li:before,
.sp-x-list li:before {
position: absolute;
left: 0;
top: 13px;
width: 20px;
height: 20px;
border-radius: 50%;
text-align: center;
line-height: 20px;
font-weight: 800;
font-size: 11px;
}
.sp-check-list li:before {
content: "✓";
color: var(--sp-success);
background: var(--sp-success-bg);
}
.sp-x-list li:before {
content: "×";
color: #9b453e;
background: #fff0ee;
font-size: 15px;
}
/* CALLOUT */
.sp-callout {
display: flex;
gap: 19px;
align-items: flex-start;
border-radius: 20px;
padding: 28px 30px;
margin-top: 20px;
}
.sp-callout-warning {
background: var(--sp-warning-bg);
border: 1px solid #f0dfb6;
}
.sp-callout-blue {
background: var(--sp-blue-bg);
border: 1px solid #d7e6f8;
}
.sp-callout-icon {
width: 45px;
height: 45px;
border-radius: 13px;
display: flex;
align-items: center;
justify-content: center;
flex: 0 0 auto;
background: rgba(255,255,255,.7);
}
.sp-callout-icon svg {
width: 22px;
height: 22px;
}
.sp-callout-warning .sp-callout-icon {
color: var(--sp-warning);
}
.sp-callout-blue .sp-callout-icon {
color: var(--sp-blue);
}
.sp-callout h3 {
margin: 1px 0 6px;
font-size: 18px;
color: var(--sp-dark);
}
.sp-callout p {
margin: 0;
font-size: 14px;
line-height: 1.6;
color: #59636d;
}
/* REFUNDS */
.sp-refund-box {
background: var(--sp-dark);
color: white;
border-radius: 24px;
padding: 38px;
}
.sp-refund-box h2 {
color: #fff;
margin: 0;
font-size: 32px;
letter-spacing: -.03em;
}
.sp-refund-intro {
color: rgba(255,255,255,.68);
max-width: 700px;
margin: 10px 0 31px;
line-height: 1.6;
font-size: 14px;
}
.sp-refund-timeline {
display: grid;
grid-template-columns: repeat(3, 1fr);
gap: 12px;
}
.sp-refund-stage {
border: 1px solid rgba(255,255,255,.13);
background: rgba(255,255,255,.05);
border-radius: 16px;
padding: 21px;
}
.sp-refund-stage span {
display: inline-flex;
color: rgba(255,255,255,.55);
font-size: 11px;
text-transform: uppercase;
letter-spacing: .1em;
font-weight: 700;
margin-bottom: 8px;
}
.sp-refund-stage strong {
display: block;
font-size: 16px;
margin-bottom: 7px;
}
.sp-refund-stage p {
color: rgba(255,255,255,.62);
margin: 0;
line-height: 1.55;
font-size: 13px;
}
/* EXCHANGES */
.sp-exchange {
display: flex;
align-items: center;
justify-content: space-between;
gap: 40px;
border: 1px solid var(--sp-border);
background: var(--sp-card);
padding: 30px;
border-radius: 20px;
}
.sp-exchange h3 {
margin: 0 0 8px;
font-size: 20px;
color: var(--sp-dark);
}
.sp-exchange p {
margin: 0;
color: var(--sp-muted);
font-size: 14px;
line-height: 1.6;
max-width: 720px;
}
.sp-exchange-icon {
flex: 0 0 64px;
width: 64px;
height: 64px;
border-radius: 18px;
background: var(--sp-soft);
display: flex;
align-items: center;
justify-content: center;
}
.sp-exchange-icon svg {
width: 29px;
height: 29px;
stroke: var(--sp-dark);
}
/* CONTACT */
.sp-contact {
margin-top: 74px;
border: 1px solid var(--sp-border);
border-radius: 24px;
background: var(--sp-card);
padding: 44px;
display: grid;
grid-template-columns: 1fr auto;
align-items: center;
gap: 30px;
}
.sp-contact h2 {
margin: 0 0 8px;
color: var(--sp-dark);
font-size: 30px;
letter-spacing: -.03em;
}
.sp-contact p {
color: var(--sp-muted);
margin: 0;
line-height: 1.6;
font-size: 14px;
}
.sp-button {
display: inline-flex;
align-items: center;
justify-content: center;
gap: 9px;
min-height: 52px;
padding: 0 24px;
background: var(--sp-dark);
color: #fff !important;
border-radius: 13px;
font-size: 14px;
font-weight: 750;
text-decoration: none !important;
white-space: nowrap;
transition: transform .15s ease, opacity .15s ease;
}
.sp-button svg {
width: 18px;
height: 18px;
}
@media (hover:hover) {
.sp-button:hover {
transform: translateY(-1px);
opacity: .92;
}
}
/* FINE PRINT */
.sp-fineprint {
text-align: center;
color: var(--sp-muted);
font-size: 12px;
line-height: 1.6;
margin-top: 27px;
}
/* RESPONSIVE */
@media screen and (max-width: 900px) {
.sp-hero-inner {
grid-template-columns: 1fr;
gap: 35px;
}
.sp-hero-card {
max-width: 400px;
}
.sp-steps {
grid-template-columns: 1fr 1fr;
}
.sp-refund-timeline {
grid-template-columns: 1fr;
}
}
@media screen and (max-width: 700px) {
.sp-container {
width: min(100% - 28px, 1120px);
}
.sp-hero {
padding: 50px 0 58px;
}
.sp-hero-copy {
font-size: 15px;
}
.sp-quick-grid {
grid-template-columns: 1fr;
}
.sp-quick-item + .sp-quick-item {
border-left: 0;
border-top: 1px solid var(--sp-border);
}
.sp-main {
padding: 58px 0 70px;
}
.sp-section {
margin-top: 56px;
}
.sp-steps {
grid-template-columns: 1fr;
}
.sp-two-col {
grid-template-columns: 1fr;
}
.sp-card,
.sp-callout {
padding: 23px 20px;
}
.sp-callout {
gap: 14px;
}
.sp-refund-box {
padding: 27px 21px;
border-radius: 20px;
}
.sp-refund-box h2 {
font-size: 27px;
}
.sp-exchange {
align-items: flex-start;
gap: 18px;
padding: 23px 20px;
}
.sp-exchange-icon {
width: 48px;
height: 48px;
flex-basis: 48px;
border-radius: 14px;
}
.sp-contact {
grid-template-columns: 1fr;
padding: 30px 22px;
}
.sp-button {
width: 100%;
}
}
Hassle-free returns
Returns should be simple.
Changed your mind? No problem. Most eligible items can be returned
within 30 days of delivery. Here’s everything you need to know before
sending your order back.
30
days to request a return
Your return window begins on the day your order is delivered.
30-day window
From the date of delivery
Contact us first
Before sending anything back
Original payment method
Approved refunds go back automatically
How it works
Four simple steps to return your order
Please don't send an item back before contacting us. Returns sent
without prior approval may not be accepted.
01
Contact us
Email
hello@sâle.com
within 30 days of receiving your order.
02
We review it
We'll confirm whether your item is eligible and provide the
next steps for your return.
03
Send it back
If accepted, we'll provide a return shipping label and
instructions on where to send your package.
04
Get your refund
Once received and inspected, we'll notify you of the status
of your refund.
Return eligibility
Make sure your item is ready to return
- Requested within 30 days of delivery
- Item is unworn or unused
- Item is in the same condition you received it
- Original tags are still attached
- Item is returned in its original packaging
- Receipt or proof of purchase is available
- Perishable goods such as food, flowers or plants
- Custom, personalized or special-order products
- Certain personal care and beauty products
- Hazardous materials, flammable liquids or gases
- Items specifically marked as Final Sale
- Gift cards
Not sure if your item qualifies?
Some products may have specific return restrictions. Contact us
before sending anything back and we'll help determine whether
your item is eligible.
Something went wrong?
Damaged, defective or incorrect order
Please inspect your order as soon as it arrives.
If your item arrives defective, damaged, or you receive the wrong
product, contact us immediately. We'll evaluate the issue and work
with you to find the appropriate solution.
Need a different item?
The fastest way to get what you want is to return your current
item. Once your return is accepted, place a separate order for
the replacement item.
European Union — 14-day cooling-off period
If merchandise is being shipped into the European Union, you
have the right to cancel or return your order within 14 days
without providing a reason. The item must be in the same
condition in which it was received, unworn or unused, with tags,
original packaging, and proof of purchase.
What happens after we receive your return?
We'll inspect the returned item and let you know whether the refund
has been approved. Approved refunds are automatically sent back to
your original payment method.
Step 1
Return received
Your package arrives and is reviewed by our team.
Step 2
Refund approved
We'll notify you once your refund has been approved.
Step 3
Up to 10 business days
Your refund is issued to the original payment method. Your
bank may need additional processing time.
Still have a question?
Our support team can help with return eligibility, damaged orders,
refund status and anything else related to your purchase.
Contact support
If more than 15 business days have passed since your refund was
approved, please contact
hello@sâle.com.