Verzendbeleid
:root {
--skinly-taupe: #A8908B;
--skinly-taupe-light: #C4ADA9;
--skinly-taupe-dark: #8B736F;
--skinly-cream: #F7F3F0;
--skinly-warm-white: #FDFBF9;
--skinly-dark: #2C2321;
--skinly-text: #4A3F3D;
--skinly-text-light: #7A6E6C;
--skinly-border: rgba(168, 144, 139, 0.2);
}
* { margin: 0; padding: 0; box-sizing: border-box; }
body {
font-family: 'Montserrat', sans-serif;
background: var(--skinly-warm-white);
color: var(--skinly-text);
-webkit-font-smoothing: antialiased;
}
/* ─── HEADER ─── */
.page-header {
background: var(--skinly-taupe);
padding: clamp(4rem, 10vw, 7rem) 2rem;
text-align: center;
position: relative;
overflow: hidden;
}
.page-header::before {
content: '';
position: absolute;
inset: 0;
background:
radial-gradient(ellipse at 30% 20%, rgba(255,255,255,0.08) 0%, transparent 60%),
radial-gradient(ellipse at 70% 80%, rgba(0,0,0,0.1) 0%, transparent 50%);
}
.header-content {
position: relative;
z-index: 1;
animation: fadeUp 1s ease-out;
}
.header-brand {
font-family: 'Montserrat', sans-serif;
font-weight: 600;
font-size: 0.75rem;
letter-spacing: 0.5em;
color: rgba(255,255,255,0.45);
margin-bottom: 1.5rem;
}
.header-title {
font-family: 'Cormorant Garamond', serif;
font-size: clamp(2rem, 4.5vw, 3.2rem);
font-weight: 300;
color: white;
line-height: 1.2;
margin-bottom: 1rem;
}
.header-subtitle {
font-size: 0.85rem;
font-weight: 300;
color: rgba(255,255,255,0.6);
max-width: 480px;
margin: 0 auto;
line-height: 1.7;
}
/* ─── STATS BAR ─── */
.stats-bar {
display: grid;
grid-template-columns: repeat(3, 1fr);
background: var(--skinly-cream);
border-bottom: 1px solid var(--skinly-border);
}
.stat {
padding: 3rem 2rem;
text-align: center;
position: relative;
}
.stat:not(:last-child)::after {
content: '';
position: absolute;
right: 0;
top: 50%;
transform: translateY(-50%);
height: 40%;
width: 1px;
background: var(--skinly-border);
}
.stat-icon {
width: 44px;
height: 44px;
border-radius: 50%;
background: var(--skinly-warm-white);
display: flex;
align-items: center;
justify-content: center;
margin: 0 auto 1rem;
color: var(--skinly-taupe);
}
.stat-value {
font-family: 'Cormorant Garamond', serif;
font-size: clamp(1.8rem, 3vw, 2.4rem);
font-weight: 300;
color: var(--skinly-taupe);
line-height: 1;
margin-bottom: 0.4rem;
}
.stat-label {
font-size: 0.68rem;
font-weight: 500;
letter-spacing: 0.2em;
text-transform: uppercase;
color: var(--skinly-text-light);
}
/* ─── CONTENT ─── */
.shipping-content {
max-width: 720px;
margin: 0 auto;
padding: clamp(3rem, 6vw, 5rem) clamp(1.5rem, 4vw, 2rem);
}
/* ─── SECTION ─── */
.shipping-section {
padding: clamp(2rem, 4vw, 3rem) 0;
border-bottom: 1px solid var(--skinly-border);
}
.shipping-section:last-child {
border-bottom: none;
}
.section-top {
display: flex;
align-items: baseline;
gap: 1.2rem;
margin-bottom: 1.2rem;
}
.section-number {
font-family: 'Cormorant Garamond', serif;
font-size: 2.5rem;
font-weight: 300;
color: var(--skinly-taupe-light);
line-height: 1;
}
.section-heading {
font-family: 'Montserrat', sans-serif;
font-size: 0.85rem;
font-weight: 600;
letter-spacing: 0.1em;
color: var(--skinly-dark);
}
.section-text {
font-size: 0.88rem;
font-weight: 300;
line-height: 1.9;
color: var(--skinly-text-light);
margin-bottom: 0.8rem;
}
.section-text:last-child {
margin-bottom: 0;
}
/* ─── HIGHLIGHT ─── */
.shipping-highlight {
background: var(--skinly-cream);
padding: 1.5rem 2rem;
margin: 1rem 0;
border-left: 2px solid var(--skinly-taupe-light);
}
.shipping-highlight p {
font-size: 0.85rem;
font-weight: 300;
line-height: 1.85;
color: var(--skinly-text-light);
margin: 0;
}
.shipping-highlight strong {
font-weight: 500;
color: var(--skinly-dark);
}
/* ─── CONTACT CTA ─── */
.contact-section {
background: var(--skinly-taupe);
text-align: center;
padding: clamp(3rem, 6vw, 5rem) 2rem;
position: relative;
overflow: hidden;
}
.contact-section::before {
content: '';
position: absolute;
inset: 0;
background:
radial-gradient(ellipse at 20% 50%, rgba(255,255,255,0.06) 0%, transparent 60%),
radial-gradient(ellipse at 80% 50%, rgba(0,0,0,0.08) 0%, transparent 50%);
}
.contact-inner {
position: relative;
z-index: 1;
}
.contact-label {
font-size: 0.7rem;
font-weight: 600;
letter-spacing: 0.35em;
text-transform: uppercase;
color: rgba(255,255,255,0.45);
margin-bottom: 1rem;
}
.contact-title {
font-family: 'Cormorant Garamond', serif;
font-size: clamp(1.6rem, 3vw, 2.2rem);
font-weight: 300;
color: white;
margin-bottom: 0.8rem;
}
.contact-text {
font-size: 0.85rem;
font-weight: 300;
color: rgba(255,255,255,0.6);
line-height: 1.7;
max-width: 400px;
margin: 0 auto 1.5rem;
}
.contact-btn {
display: inline-flex;
align-items: center;
gap: 0.8rem;
background: white;
color: var(--skinly-taupe-dark);
padding: 1rem 2.5rem;
font-family: 'Montserrat', sans-serif;
font-size: 0.72rem;
font-weight: 600;
letter-spacing: 0.15em;
text-decoration: none;
border: none;
cursor: pointer;
transition: all 0.4s ease;
}
.contact-btn:hover {
transform: translateY(-2px);
box-shadow: 0 8px 30px rgba(0,0,0,0.15);
}
.contact-btn svg {
transition: transform 0.3s ease;
}
.contact-btn:hover svg {
transform: translateX(4px);
}
/* ─── FOOTER ─── */
.page-footer {
text-align: center;
padding: 2.5rem 2rem;
border-top: 1px solid var(--skinly-border);
}
.footer-brand {
font-family: 'Montserrat', sans-serif;
font-weight: 600;
font-size: 0.85rem;
letter-spacing: 0.5em;
color: var(--skinly-taupe);
margin-bottom: 0.4rem;
}
.footer-text {
font-size: 0.7rem;
color: var(--skinly-text-light);
font-weight: 300;
}
/* ─── ANIMATIONS ─── */
@keyframes fadeUp {
from { opacity: 0; transform: translateY(15px); }
to { opacity: 1; transform: translateY(0); }
}
.reveal {
opacity: 0;
transform: translateY(15px);
transition: all 0.7s ease;
}
.reveal.visible {
opacity: 1;
transform: translateY(0);
}
/* ─── RESPONSIVE ─── */
@media (max-width: 600px) {
.stats-bar {
grid-template-columns: 1fr;
}
.stat:not(:last-child)::after {
display: none;
}
.stat {
padding: 2rem;
border-bottom: 1px solid var(--skinly-border);
}
.stat:last-child {
border-bottom: none;
}
}
SKINLY
Shipping & Delivery
Every order is carefully prepared and shipped — just as you'd expect from a refined SKINLY experience.
1–2 days
Processing time
3–4 days
Delivery within Europe
Europe
Shipping coverage
01
Processing & Shipping
Orders are processed within 1–2 business days. Once your package has been shipped, you'll receive a tracking link to easily follow your delivery.
Every order is carefully packaged to ensure your products arrive in perfect condition.
02
Delivery Time
The average delivery time within Europe is 3 to 4 business days.
03
Shipping Costs
Shipping costs are calculated at checkout. Orders above a certain amount qualify for free shipping.
04
Delays
In exceptional cases, delays may occur due to external parties such as carriers or customs. These circumstances are beyond our control.
05
Address Details
Please double-check your details when placing your order to ensure correct delivery.
Questions about your order?
We're here to help
Need help with tracking or have a question about delivery? Our team is ready to assist you.
Hello@skinlyforyou.com