PERSIAN Store — Shipping Policy
* {
margin: 0;
padding: 0;
box-sizing: border-box;
}
html {
scroll-behavior: smooth;
}
body {
font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Arial, sans-serif;
background: #f7f8fa;
color: #111827;
overflow-x: hidden;
line-height: 1.8;
}
/* =========================
BACKGROUND
========================= */
.background {
position: fixed;
inset: 0;
z-index: -10;
overflow: hidden;
background:
radial-gradient(
circle at 10% 15%,
rgba(59,130,246,.13),
transparent 28%
),
radial-gradient(
circle at 90% 25%,
rgba(139,92,246,.12),
transparent 30%
),
radial-gradient(
circle at 50% 100%,
rgba(14,165,233,.10),
transparent 35%
);
}
.blob {
position: absolute;
border-radius: 50%;
filter: blur(80px);
opacity: .42;
animation: floating 14s ease-in-out infinite alternate;
}
.blob-1 {
width: 330px;
height: 330px;
background: #60a5fa;
top: -100px;
left: -100px;
}
.blob-2 {
width: 380px;
height: 380px;
background: #a78bfa;
right: -150px;
top: 35%;
animation-delay: 3s;
}
.blob-3 {
width: 300px;
height: 300px;
background: #38bdf8;
left: 35%;
bottom: -120px;
animation-delay: 5s;
}
@keyframes floating {
0% {
transform: translate(0,0) scale(1);
}
50% {
transform: translate(50px,-40px) scale(1.12);
}
100% {
transform: translate(-30px,50px) scale(.92);
}
}
/* =========================
PARTICLES
========================= */
.particles {
position: fixed;
inset: 0;
pointer-events: none;
z-index: -5;
}
.particle {
position: absolute;
width: 5px;
height: 5px;
border-radius: 50%;
background: rgba(37,99,235,.28);
animation: particleUp linear infinite;
}
.particle:nth-child(1) {
left: 5%;
animation-duration: 14s;
}
.particle:nth-child(2) {
left: 15%;
animation-duration: 18s;
}
.particle:nth-child(3) {
left: 27%;
animation-duration: 12s;
}
.particle:nth-child(4) {
left: 40%;
animation-duration: 17s;
}
.particle:nth-child(5) {
left: 55%;
animation-duration: 15s;
}
.particle:nth-child(6) {
left: 70%;
animation-duration: 20s;
}
.particle:nth-child(7) {
left: 85%;
animation-duration: 13s;
}
.particle:nth-child(8) {
left: 95%;
animation-duration: 16s;
}
@keyframes particleUp {
0% {
top: 110%;
opacity: 0;
transform: scale(.4);
}
20% {
opacity: 1;
}
100% {
top: -10%;
opacity: 0;
transform: scale(1.5);
}
}
/* =========================
PROGRESS BAR
========================= */
.progress {
position: fixed;
top: 0;
left: 0;
width: 0%;
height: 4px;
background: linear-gradient(
90deg,
#2563eb,
#7c3aed,
#06b6d4
);
box-shadow: 0 0 15px rgba(37,99,235,.5);
z-index: 9999;
}
/* =========================
HERO
========================= */
.hero {
min-height: 55vh;
display: flex;
justify-content: center;
align-items: center;
text-align: center;
padding: 90px 20px 60px;
}
.hero-content {
max-width: 900px;
animation: heroIn 1.2s cubic-bezier(.16,1,.3,1);
}
@keyframes heroIn {
from {
opacity: 0;
transform: translateY(60px) scale(.95);
}
to {
opacity: 1;
transform: translateY(0) scale(1);
}
}
.badge {
display: inline-flex;
align-items: center;
gap: 9px;
padding: 10px 18px;
background: rgba(255,255,255,.75);
border: 1px solid rgba(255,255,255,.9);
backdrop-filter: blur(15px);
border-radius: 999px;
font-size: 14px;
font-weight: 700;
box-shadow: 0 15px 40px rgba(15,23,42,.08);
margin-bottom: 25px;
}
.badge-dot {
width: 9px;
height: 9px;
background: #22c55e;
border-radius: 50%;
box-shadow: 0 0 15px #22c55e;
animation: pulse 2s infinite;
}
@keyframes pulse {
50% {
transform: scale(1.5);
opacity: .6;
}
}
.hero h1 {
font-size: clamp(44px, 7vw, 80px);
line-height: 1;
letter-spacing: -4px;
font-weight: 900;
margin-bottom: 25px;
}
.gradient {
background: linear-gradient(
90deg,
#111827,
#2563eb,
#7c3aed,
#06b6d4,
#111827
);
background-size: 300%;
-webkit-background-clip: text;
background-clip: text;
color: transparent;
animation: gradientMove 7s linear infinite;
}
@keyframes gradientMove {
from {
background-position: 0%;
}
to {
background-position: 300%;
}
}
.hero p {
max-width: 700px;
margin: auto;
color: #64748b;
font-size: 18px;
}
/* =========================
CONTAINER
========================= */
.container {
width: min(1100px, 92%);
margin: auto;
padding-bottom: 100px;
}
/* =========================
INTRO
========================= */
.intro {
padding: 35px;
border-radius: 28px;
background: rgba(255,255,255,.75);
border: 1px solid rgba(255,255,255,.9);
backdrop-filter: blur(18px);
box-shadow: 0 20px 60px rgba(15,23,42,.07);
margin-bottom: 25px;
opacity: 0;
transform: translateY(40px);
transition:
opacity .8s ease,
transform .8s cubic-bezier(.16,1,.3,1);
}
.intro.show {
opacity: 1;
transform: translateY(0);
}
.intro h2 {
font-size: 27px;
margin-bottom: 12px;
}
.intro p {
color: #475569;
}
/* =========================
POLICY GRID
========================= */
.grid {
display: grid;
grid-template-columns: repeat(2,1fr);
gap: 22px;
}
.card {
padding: 32px;
border-radius: 27px;
background: rgba(255,255,255,.74);
border: 1px solid rgba(255,255,255,.9);
backdrop-filter: blur(18px);
box-shadow: 0 20px 60px rgba(15,23,42,.07);
opacity: 0;
transform: translateY(45px);
transition:
opacity .7s ease,
transform .7s cubic-bezier(.16,1,.3,1),
box-shadow .35s ease;
}
.card.show {
opacity: 1;
transform: translateY(0);
}
.card:hover {
transform: translateY(-7px);
box-shadow:
0 30px 80px rgba(15,23,42,.13);
}
.icon {
width: 62px;
height: 62px;
display: flex;
align-items: center;
justify-content: center;
border-radius: 18px;
background:
linear-gradient(
135deg,
#eff6ff,
#eef2ff
);
font-size: 29px;
margin-bottom: 20px;
box-shadow:
0 10px 30px rgba(59,130,246,.12);
transition: .45s;
}
.card:hover .icon {
transform:
rotate(-8deg)
scale(1.12);
}
.card h2 {
font-size: 23px;
margin-bottom: 12px;
}
.card p {
color: #475569;
font-size: 15px;
}
.card ul {
padding-left: 22px;
margin-top: 10px;
}
.card li {
color: #475569;
margin: 7px 0;
}
/* =========================
SHIPPING STEPS
========================= */
.steps-section {
grid-column: span 2;
padding: 35px;
border-radius: 28px;
background:
linear-gradient(
135deg,
rgba(255,255,255,.88),
rgba(239,246,255,.78)
);
border: 1px solid rgba(255,255,255,.9);
box-shadow: 0 20px 60px rgba(15,23,42,.07);
}
.steps {
display: grid;
grid-template-columns: repeat(4,1fr);
gap: 15px;
margin-top: 25px;
}
.step {
text-align: center;
padding: 20px 12px;
border-radius: 20px;
background: rgba(255,255,255,.65);
transition: .4s;
}
.step:hover {
transform: translateY(-8px);
}
.step-number {
width: 48px;
height: 48px;
display: flex;
align-items: center;
justify-content: center;
margin: auto auto 14px;
border-radius: 50%;
background: #111827;
color: white;
font-weight: 800;
box-shadow:
0 10px 25px rgba(0,0,0,.18);
}
.step h3 {
font-size: 16px;
margin-bottom: 5px;
}
.step p {
font-size: 13px;
color: #64748b;
}
/* =========================
HIGHLIGHT
========================= */
.highlight {
grid-column: span 2;
background:
linear-gradient(
135deg,
#111827,
#1e293b
);
color: white;
box-shadow:
0 30px 80px rgba(15,23,42,.20);
}
.highlight h2 {
color: white;
}
.highlight p,
.highlight li {
color: #cbd5e1;
}
/* =========================
CONTACT
========================= */
.contact {
margin-top: 28px;
padding: 55px 30px;
text-align: center;
border-radius: 32px;
background: #111827;
color: white;
position: relative;
overflow: hidden;
box-shadow:
0 30px 80px rgba(15,23,42,.20);
}
.contact::before,
.contact::after {
content: "";
position: absolute;
width: 280px;
height: 280px;
border: 1px solid rgba(255,255,255,.1);
border-radius: 50%;
animation: ring 10s linear infinite;
}
.contact::before {
left: -100px;
top: -140px;
}
.contact::after {
right: -100px;
bottom: -140px;
animation-direction: reverse;
}
@keyframes ring {
to {
transform:
rotate(360deg)
scale(1.15);
}
}
.contact h2 {
position: relative;
z-index: 2;
font-size: 32px;
margin-bottom: 10px;
}
.contact p {
position: relative;
z-index: 2;
color: #cbd5e1;
margin-bottom: 25px;
}
.contact-button {
position: relative;
z-index: 2;
display: inline-flex;
padding: 14px 26px;
border-radius: 999px;
background: white;
color: #111827;
text-decoration: none;
font-weight: 800;
transition: .3s;
}
.contact-button:hover {
transform:
translateY(-5px)
scale(1.04);
box-shadow:
0 15px 40px rgba(255,255,255,.18);
}
/* =========================
TOP BUTTON
========================= */
.top {
position: fixed;
right: 22px;
bottom: 22px;
width: 48px;
height: 48px;
border: none;
border-radius: 50%;
background: #111827;
color: white;
font-size: 20px;
cursor: pointer;
opacity: 0;
pointer-events: none;
transform: translateY(15px);
transition: .3s;
z-index: 999;
}
.top.visible {
opacity: 1;
pointer-events: auto;
transform: translateY(0);
}
.top:hover {
transform: translateY(-5px);
}
/* =========================
FOOTER
========================= */
footer {
text-align: center;
padding: 30px;
color: #94a3b8;
font-size: 13px;
}
/* =========================
MOBILE
========================= */
@media(max-width: 800px) {
.hero {
min-height: 48vh;
padding-top: 75px;
}
.hero h1 {
letter-spacing: -2px;
}
.grid {
grid-template-columns: 1fr;
}
.steps-section,
.highlight {
grid-column: span 1;
}
.steps {
grid-template-columns: repeat(2,1fr);
}
.card,
.intro,
.steps-section {
padding: 27px;
}
}
@media(max-width: 480px) {
.hero p {
font-size: 15px;
}
.steps {
grid-template-columns: 1fr;
}
.contact h2 {
font-size: 27px;
}
.card h2 {
font-size: 21px;
}
}
PERSIAN Store Shipping
Shipping Policy
We work hard to get your orders packed,
shipped and delivered safely and efficiently.
🚚 Welcome to PERSIAN Store
At PERSIAN store, we want your shopping experience
to be simple and reliable. This Shipping Policy explains
how we process, ship and deliver your orders.
📦
Order Processing
Orders are normally processed after payment has been
successfully confirmed.
- Orders are prepared during normal business days.
- Processing time may vary depending on product availability.
- Orders placed during weekends or holidays may take longer.
- You will receive order information when available.
⏱️
Shipping Time
Delivery times may vary depending on your location,
shipping method, carrier availability and other factors.
- Estimated delivery times are not guaranteed.
- Remote locations may require additional time.
- Peak seasons may cause delays.
- Unexpected events may affect delivery schedules.
💰
Shipping Costs
Shipping charges, if applicable, will be displayed
during checkout before you complete your purchase.
Shipping fees may depend on the destination,
package size, weight, shipping method and other
applicable factors.
📍
Order Tracking
When tracking information is available, it may be
provided through your order confirmation or shipping
notification.
Please allow some time for tracking information to
appear after your package has been handed to the
shipping carrier.
🚀
Your Order Journey
From checkout to your doorstep, here's how your order
moves through our shipping process.
1
Order
You complete your purchase.
2
Processing
We prepare your order.
3
Shipping
Your package is handed to the carrier.
4
Delivered
Your order arrives at the destination.
⚠️
Shipping Delays
PERSIAN store is not responsible for delivery delays
caused by circumstances outside our reasonable control.
- Carrier delays
- Weather conditions
- Customs processing
- Public holidays
- Incorrect address information
- Unexpected transportation disruptions
🏠
Shipping Address
Please make sure your shipping address is correct
and complete before submitting your order.
PERSIAN store may not be able to change an address
after an order has been processed or shipped.
🌎
International Shipping & Customs
For international orders, packages may be subject
to customs inspections, duties, taxes or other charges
imposed by the destination country.
Any customs duties, import taxes or related charges,
where applicable, may be the responsibility of the
customer unless otherwise stated at checkout.
🔎
Lost or Missing Packages
If your tracking information indicates that a package
has been delivered but you cannot locate it, please
first check with household members, neighbors and
the delivery location.
If you still cannot locate your package, contact us
through our Customer Help Center so we can assist you.
📦
Damaged Packages
If your package arrives visibly damaged, please take
photographs of the package and product and contact
PERSIAN store as soon as possible.
We will review the situation and determine the
appropriate solution in accordance with our
Return & Refund Policy.
✨
Important Shipping Information
Delivery estimates are provided for convenience and
are not guaranteed. Shipping times can change because
of carrier operations, customs, weather, holidays,
incorrect addresses or other circumstances outside
our reasonable control.
Please ensure that the address and contact information
provided during checkout are accurate.
Need Help With Your Order?
Our customer support team is ready to help with
shipping, tracking and delivery questions.
Contact PERSIAN Support →
© 2026 PERSIAN store. All rights reserved.
↑
/* =========================
SCROLL REVEAL
========================= */
const animatedElements =
document.querySelectorAll(
".card, .intro"
);
const observer =
new IntersectionObserver(
entries => {
entries.forEach(entry => {
if (entry.isIntersecting) {
entry.target.classList.add("show");
observer.unobserve(
entry.target
);
}
});
},
{
threshold: .08
}
);
animatedElements.forEach(
(element, index) => {
element.style.transitionDelay =
`${Math.min(index * .04, .25)}s`;
observer.observe(element);
}
);
/* =========================
SCROLL PROGRESS
========================= */
window.addEventListener(
"scroll",
() => {
const scrollTop =
window.scrollY;
const documentHeight =
document.documentElement.scrollHeight -
window.innerHeight;
const progress =
(scrollTop / documentHeight) * 100;
document.getElementById(
"progress"
).style.width =
progress + "%";
/* BACK TO TOP */
const topButton =
document.getElementById(
"topButton"
);
if (scrollTop > 500) {
topButton.classList.add(
"visible"
);
} else {
topButton.classList.remove(
"visible"
);
}
}
);
/* =========================
BACK TO TOP
========================= */
document.getElementById(
"topButton"
).addEventListener(
"click",
() => {
window.scrollTo({
top: 0,
behavior: "smooth"
});
}
);
/* =========================
MOUSE PARALLAX
========================= */
document.addEventListener(
"mousemove",
event => {
const x =
event.clientX /
window.innerWidth -
.5;
const y =
event.clientY /
window.innerHeight -
.5;
document.querySelector(
".blob-1"
).style.transform =
`translate(${x * 35}px,
${y * 35}px)`;
document.querySelector(
".blob-2"
).style.transform =
`translate(${x * -40}px,
${y * -25}px)`;
}
);
/* =========================
CONTACT BUTTON
========================= */
const contactButton =
document.querySelector(
".contact-button"
);
contactButton.addEventListener(
"mousemove",
event => {
const rect =
contactButton.getBoundingClientRect();
const x =
event.clientX -
rect.left -
rect.width / 2;
const y =
event.clientY -
rect.top -
rect.height / 2;
contactButton.style.transform =
`translate(${x * .12}px,
${y * .12}px)
scale(1.04)`;
}
);
contactButton.addEventListener(
"mouseleave",
() => {
contactButton.style.transform = "";
}
);
