Shipping policy
:root {
--gold: #c9a84c;
--gold-light: #e8c97a;
--gold-dark: #8a6b22;
--black: #0d0d0d;
--off-white: #f7f4ef;
--text-dark: #1a1a1a;
--text-muted: #6b6155;
}
*, *::before, *::after { box-sizing: border-box; margin: 0; padding: 0; }
body {
font-family: 'Montserrat', sans-serif;
background: var(--off-white);
color: var(--text-dark);
min-height: 100vh;
}
/* ── ANNOUNCEMENT BAR ── */
.topbar {
background: #c0392b;
color: #fff;
text-align: center;
font-size: 11px;
font-weight: 500;
letter-spacing: 1.5px;
padding: 8px 16px;
text-transform: uppercase;
}
/* ── NAV ── */
nav {
background: #fff;
border-bottom: 1px solid #e8e2d9;
display: flex;
align-items: center;
justify-content: space-between;
padding: 14px 48px;
position: sticky;
top: 0;
z-index: 100;
}
.nav-logo {
font-family: 'Cormorant Garamond', serif;
font-size: 22px;
font-weight: 600;
letter-spacing: 3px;
color: var(--black);
text-transform: uppercase;
}
.nav-links {
display: flex;
gap: 36px;
list-style: none;
font-size: 12px;
font-weight: 500;
letter-spacing: 1.2px;
text-transform: uppercase;
}
.nav-links a { text-decoration: none; color: var(--text-dark); }
.nav-links a:hover { color: var(--gold); }
/* ── HERO ── */
.page-hero {
background: linear-gradient(135deg, #1a1208 0%, #2d1f05 40%, #4a2e08 100%);
position: relative;
overflow: hidden;
padding: 80px 48px 70px;
text-align: center;
}
.page-hero::before {
content: '';
position: absolute;
inset: 0;
background: radial-gradient(ellipse 70% 60% at 50% 50%, rgba(201,168,76,0.18) 0%, transparent 70%);
}
.page-hero::after {
content: '';
position: absolute;
bottom: 0; left: 0; right: 0;
height: 2px;
background: linear-gradient(90deg, transparent, var(--gold), transparent);
}
.hero-label {
font-size: 10px;
letter-spacing: 4px;
text-transform: uppercase;
color: var(--gold-light);
margin-bottom: 18px;
font-weight: 500;
opacity: 0;
animation: fadeUp 0.8s 0.1s forwards;
}
.hero-title {
font-family: 'Cormorant Garamond', serif;
font-size: clamp(36px, 5vw, 58px);
font-weight: 300;
color: #fff;
letter-spacing: 2px;
line-height: 1.15;
opacity: 0;
animation: fadeUp 0.8s 0.25s forwards;
}
.hero-title em {
font-style: italic;
color: var(--gold-light);
}
.hero-divider {
width: 60px;
height: 1px;
background: linear-gradient(90deg, transparent, var(--gold), transparent);
margin: 28px auto 0;
opacity: 0;
animation: fadeUp 0.8s 0.4s forwards;
}
@keyframes fadeUp {
from { opacity: 0; transform: translateY(16px); }
to { opacity: 1; transform: translateY(0); }
}
/* ── BREADCRUMB ── */
.breadcrumb {
padding: 18px 48px;
font-size: 11px;
color: var(--text-muted);
letter-spacing: 0.5px;
border-bottom: 1px solid #e0d9cf;
background: #fff;
}
.breadcrumb a { color: var(--text-muted); text-decoration: none; }
.breadcrumb a:hover { color: var(--gold); }
.breadcrumb span { margin: 0 8px; }
/* ── CONTAINER ── */
.container {
max-width: 860px;
margin: 0 auto;
padding: 64px 24px 80px;
}
/* ── INTRO PARAGRAPH ── */
.intro-text {
font-family: 'Cormorant Garamond', serif;
font-size: 19px;
font-weight: 300;
font-style: italic;
color: var(--text-muted);
text-align: center;
line-height: 1.8;
margin-bottom: 52px;
opacity: 0;
animation: fadeUp 0.8s 0.2s forwards;
}
/* ── GRID OF CARDS ── */
.policy-grid {
display: grid;
grid-template-columns: 1fr 1fr;
gap: 20px;
margin-bottom: 24px;
}
/* ── CARD ── */
.policy-card {
background: #fff;
border: 1px solid #e8e2d9;
border-top: 3px solid var(--gold);
border-radius: 2px;
padding: 30px 28px;
opacity: 0;
transform: translateY(20px);
animation: fadeUp 0.6s forwards;
transition: box-shadow 0.3s, transform 0.3s;
}
.policy-card:hover {
box-shadow: 0 8px 32px rgba(201,168,76,0.12);
transform: translateY(-2px);
}
.policy-card:nth-child(1) { animation-delay: 0.05s; }
.policy-card:nth-child(2) { animation-delay: 0.12s; }
.policy-card:nth-child(3) { animation-delay: 0.18s; }
.policy-card:nth-child(4) { animation-delay: 0.24s; }
.card-icon {
font-size: 26px;
margin-bottom: 14px;
display: block;
}
.card-title {
font-family: 'Cormorant Garamond', serif;
font-size: 18px;
font-weight: 600;
color: var(--black);
letter-spacing: 0.3px;
margin-bottom: 12px;
}
.card-body {
font-size: 12.5px;
line-height: 1.85;
color: #3d3630;
font-weight: 300;
}
.card-body strong {
color: var(--black);
font-weight: 600;
}
.card-body .highlight {
color: var(--gold-dark);
font-weight: 500;
}
/* ── FULL-WIDTH CARD ── */
.policy-card.full {
grid-column: 1 / -1;
}
.policy-card.full:nth-child(5) { animation-delay: 0.30s; }
.policy-card.full:nth-child(6) { animation-delay: 0.36s; }
/* ── NOTICE CARD ── */
.notice-card {
background: linear-gradient(135deg, #fff9ee 0%, #fff 100%);
border: 1px solid #e8d9a0;
border-top: 3px solid var(--gold);
border-radius: 2px;
padding: 30px 36px;
margin-bottom: 20px;
display: flex;
align-items: flex-start;
gap: 18px;
opacity: 0;
animation: fadeUp 0.6s 0.42s forwards;
transition: box-shadow 0.3s;
}
.notice-card:hover { box-shadow: 0 8px 32px rgba(201,168,76,0.12); }
.notice-icon {
font-size: 28px;
flex-shrink: 0;
margin-top: 2px;
}
.notice-body { flex: 1; }
.notice-title {
font-family: 'Cormorant Garamond', serif;
font-size: 18px;
font-weight: 600;
color: var(--black);
margin-bottom: 10px;
}
.notice-text {
font-size: 12.5px;
line-height: 1.85;
color: #3d3630;
font-weight: 300;
}
.notice-text strong { color: var(--black); font-weight: 600; }
/* ── CONTACT CARD ── */
.contact-card {
background: var(--black);
border-radius: 2px;
padding: 40px 36px;
text-align: center;
opacity: 0;
animation: fadeUp 0.6s 0.48s forwards;
}
.contact-card .contact-label {
font-size: 10px;
letter-spacing: 3px;
text-transform: uppercase;
color: var(--gold-light);
margin-bottom: 10px;
font-weight: 500;
}
.contact-card .contact-title {
font-family: 'Cormorant Garamond', serif;
font-size: 26px;
font-weight: 300;
color: #fff;
margin-bottom: 6px;
}
.contact-card .contact-sub {
font-size: 12px;
color: rgba(255,255,255,0.45);
margin-bottom: 28px;
font-weight: 300;
}
.contact-buttons {
display: flex;
gap: 16px;
justify-content: center;
flex-wrap: wrap;
}
.contact-btn {
display: inline-flex;
align-items: center;
gap: 8px;
text-decoration: none;
font-size: 11px;
font-weight: 600;
letter-spacing: 1.5px;
text-transform: uppercase;
padding: 12px 28px;
border-radius: 1px;
transition: all 0.25s;
}
.contact-btn.instagram {
background: linear-gradient(135deg, var(--gold) 0%, var(--gold-light) 100%);
color: var(--black);
}
.contact-btn.instagram:hover {
background: linear-gradient(135deg, var(--gold-light) 0%, var(--gold) 100%);
transform: translateY(-2px);
box-shadow: 0 6px 20px rgba(201,168,76,0.35);
}
.contact-btn.tiktok {
background: transparent;
color: #fff;
border: 1px solid rgba(255,255,255,0.25);
}
.contact-btn.tiktok:hover {
border-color: var(--gold);
color: var(--gold-light);
transform: translateY(-2px);
}
/* ── TIMELINE STRIP ── */
.timeline {
display: flex;
align-items: center;
gap: 0;
margin-bottom: 20px;
background: #fff;
border: 1px solid #e8e2d9;
border-radius: 2px;
overflow: hidden;
opacity: 0;
animation: fadeUp 0.6s 0.08s forwards;
}
.timeline-step {
flex: 1;
text-align: center;
padding: 26px 16px;
position: relative;
border-right: 1px solid #e8e2d9;
}
.timeline-step:last-child { border-right: none; }
.timeline-step::after {
content: '›';
position: absolute;
right: -8px;
top: 50%;
transform: translateY(-50%);
color: var(--gold);
font-size: 18px;
z-index: 1;
}
.timeline-step:last-child::after { display: none; }
.tl-num {
font-family: 'Cormorant Garamond', serif;
font-size: 32px;
font-weight: 300;
color: var(--gold);
line-height: 1;
margin-bottom: 4px;
}
.tl-unit {
font-size: 9px;
letter-spacing: 1.5px;
text-transform: uppercase;
color: var(--text-muted);
font-weight: 500;
margin-bottom: 6px;
}
.tl-label {
font-size: 11px;
color: var(--text-dark);
font-weight: 500;
letter-spacing: 0.3px;
}
/* ── FOOTER ── */
.footer-note {
background: var(--black);
color: rgba(255,255,255,0.45);
text-align: center;
font-size: 11px;
letter-spacing: 1px;
padding: 20px 24px;
line-height: 1.8;
}
.footer-note strong { color: var(--gold-light); }
@media (max-width: 640px) {
nav { padding: 14px 20px; }
.nav-links { display: none; }
.page-hero { padding: 60px 20px 50px; }
.breadcrumb { padding: 14px 20px; }
.policy-grid { grid-template-columns: 1fr; }
.policy-card.full { grid-column: 1; }
.timeline { flex-direction: column; }
.timeline-step { border-right: none; border-bottom: 1px solid #e8e2d9; width: 100%; }
.timeline-step::after { content: '↓'; right: auto; top: auto; bottom: -12px; left: 50%; transform: translateX(-50%); }
.timeline-step:last-child { border-bottom: none; }
.contact-card { padding: 32px 20px; }
.notice-card { flex-direction: column; gap: 10px; }
}
Grande Fragrances
Shipping Policy
Committed to delivering your orders efficiently,
securely, and with full transparency.
1–2
Business Days
Order Processing
2–4
Business Days
Delivery
Sat–Thu
Working Days
Fri: Closed
Processing Time
All orders are processed within 1–2 business days after payment confirmation. Orders placed on Friday will be processed on the next working day, as we are closed on Fridays.
Delivery Time
Once processed, delivery is completed within 2–4 business days depending on your destination and courier operations.
Shipping Fees
Shipping fees, if applicable, are calculated at checkout based on your delivery location and order details.
Accurate Address
Customers are responsible for providing accurate and complete shipping information. We are not liable for delays or failed deliveries caused by incorrect or incomplete addresses.
Shipping Confirmation
Once your order has been shipped, you may receive a confirmation notification with delivery details where available. While we aim to meet the stated delivery timeframe, occasional delays may occur due to courier issues, high order volume, or other unforeseen circumstances beyond our control.
Delays Beyond Our Control
While we always aim to deliver on time, delays may occasionally occur due to courier issues, high order volume, or unforeseen circumstances. We appreciate your patience and will always keep you informed.
Need Help?
Contact Our Team
For any inquiries regarding your shipment, reach us on