SKINLY — Refund Policy
: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: 440px;
margin: 0 auto;
line-height: 1.7;
}
/* ─── CONTENT ─── */
.policy-content {
max-width: 720px;
margin: 0 auto;
padding: clamp(3rem, 6vw, 5rem) clamp(1.5rem, 4vw, 2rem);
}
/* ─── INTRO ─── */
.policy-intro {
text-align: center;
padding-bottom: clamp(2.5rem, 5vw, 3.5rem);
border-bottom: 1px solid var(--skinly-border);
margin-bottom: clamp(2.5rem, 5vw, 3.5rem);
}
.policy-intro p {
font-size: 0.9rem;
font-weight: 300;
line-height: 1.9;
color: var(--skinly-text-light);
}
.policy-intro .highlight {
color: var(--skinly-taupe);
font-weight: 400;
}
/* ─── SECTION ─── */
.policy-section {
margin-bottom: clamp(2.5rem, 5vw, 3.5rem);
padding-bottom: clamp(2.5rem, 5vw, 3.5rem);
border-bottom: 1px solid var(--skinly-border);
}
.policy-section:last-child {
border-bottom: none;
margin-bottom: 0;
padding-bottom: 0;
}
.section-top {
display: flex;
align-items: baseline;
gap: 1.2rem;
margin-bottom: 1.5rem;
}
.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: 1rem;
}
.section-text:last-child {
margin-bottom: 0;
}
.section-text strong {
font-weight: 500;
color: var(--skinly-dark);
}
/* ─── HIGHLIGHT BOX ─── */
.policy-highlight {
background: var(--skinly-cream);
padding: 1.5rem 2rem;
margin: 1.2rem 0;
border-left: 2px solid var(--skinly-taupe-light);
}
.policy-highlight p {
font-size: 0.85rem;
font-weight: 300;
line-height: 1.85;
color: var(--skinly-text-light);
margin: 0;
}
/* ─── LIST ─── */
.policy-list {
list-style: none;
margin: 1rem 0;
}
.policy-list li {
position: relative;
padding-left: 1.5rem;
font-size: 0.88rem;
font-weight: 300;
line-height: 1.9;
color: var(--skinly-text-light);
margin-bottom: 0.3rem;
}
.policy-list li::before {
content: '';
position: absolute;
left: 0;
top: 0.7rem;
width: 6px;
height: 6px;
border: 1px solid var(--skinly-taupe);
transform: rotate(45deg);
}
/* ─── LINK ─── */
.policy-link {
color: var(--skinly-taupe);
text-decoration: none;
font-weight: 400;
border-bottom: 1px solid var(--skinly-border);
transition: border-color 0.3s ease;
}
.policy-link:hover {
border-bottom-color: var(--skinly-taupe);
}
/* ─── NOTICE BOX ─── */
.notice-box {
background: var(--skinly-cream);
padding: 2rem 2.5rem;
text-align: center;
margin: 2rem 0;
}
.notice-icon {
width: 48px;
height: 48px;
border-radius: 50%;
background: var(--skinly-warm-white);
display: flex;
align-items: center;
justify-content: center;
margin: 0 auto 1rem;
color: var(--skinly-taupe);
}
.notice-title {
font-family: 'Montserrat', sans-serif;
font-size: 0.78rem;
font-weight: 600;
letter-spacing: 0.1em;
color: var(--skinly-dark);
margin-bottom: 0.6rem;
}
.notice-text {
font-size: 0.82rem;
font-weight: 300;
line-height: 1.7;
color: var(--skinly-text-light);
}
/* ─── EMAIL BLOCK ─── */
.email-block {
display: flex;
align-items: center;
gap: 0.8rem;
margin: 1rem 0;
padding: 1rem 1.5rem;
background: var(--skinly-cream);
}
.email-icon {
width: 36px;
height: 36px;
border-radius: 50%;
background: var(--skinly-warm-white);
display: flex;
align-items: center;
justify-content: center;
color: var(--skinly-taupe);
flex-shrink: 0;
}
.email-address {
font-size: 0.85rem;
font-weight: 500;
color: var(--skinly-taupe);
letter-spacing: 0.02em;
}
/* ─── 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-email-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-email-btn:hover {
transform: translateY(-2px);
box-shadow: 0 8px 30px rgba(0,0,0,0.15);
}
.contact-email-btn svg {
transition: transform 0.3s ease;
}
.contact-email-btn:hover svg {
transform: translateX(4px);
}
/* ─── PAGE 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);
}
At SKINLY, we place great importance on quality, safety and hygiene. For this reason, we maintain a strict refund policy.
01
No Returns & No Cooling-Off Period
Due to the nature of our products (beauty, skincare, haircare and bodycare products), it is not possible to return any items.
For hygienic and health-related reasons, we do not accept returns or cancellations after an order has been placed and processed. This means that no statutory cooling-off period applies to our products.
This policy exists to protect every customer — ensuring that each product you receive from SKINLY is brand new, sealed and safe to use.
02
Damaged or Incorrect Product
We kindly ask you to inspect your order immediately upon receipt.
Did you receive a damaged, defective or incorrect product? Please contact us within 48 hours of delivery at:
Please include the following:
- Your order number
- Clear photos of the issue
- A brief description of the problem
We will carefully assess the situation and provide an appropriate solution.
48-hour window
Please report any issues within 48 hours of receiving your order so we can resolve them as quickly as possible.
For any questions about your order or this policy, you can always reach us at:
SKINLY
var observer = new IntersectionObserver(function(entries) {
entries.forEach(function(entry) {
if (entry.isIntersecting) {
entry.target.classList.add('visible');
}
});
}, { threshold: 0.1, rootMargin: '0px 0px -40px 0px' });
document.querySelectorAll('.reveal').forEach(function(el) {
observer.observe(el);
});