Pravila o vračilu denarja
<!DOCTYPE html>
<html lang="sl">
<head>
<meta charset="UTF-8" />
<meta name="viewport" content="width=device-width, initial-scale=1.0"/>
<title>Politika vračil — EvaLjubljana</title>
<link href="https://fonts.googleapis.com/css2?family=Cormorant+Garamond:ital,wght@0,300;0,400;0,600;1,300;1,400&family=Jost:wght@300;400;500&display=swap" rel="stylesheet"/>
<style>
:root {
--bg: #faf8f5;
--ink: #1a1713;
--accent: #b8977e;
--muted: #8a8179;
--rule: #e2ddd8;
--section-bg: #f2ede8;
}
*, *::before, *::after { box-sizing: border-box; margin: 0; padding: 0; }
html { scroll-behavior: smooth; }
body {
background: var(--bg);
color: var(--ink);
font-family: 'Jost', sans-serif;
font-weight: 300;
font-size: 15px;
line-height: 1.8;
}
/* ── Header ── */
header {
background: var(--ink);
color: var(--bg);
padding: 60px 40px 50px;
text-align: center;
position: relative;
overflow: hidden;
}
header::before {
content: '';
position: absolute;
inset: 0;
background: repeating-linear-gradient(
45deg, transparent, transparent 40px,
rgba(255,255,255,.025) 40px, rgba(255,255,255,.025) 41px
);
}
header .brand {
font-family: 'Cormorant Garamond', serif;
font-size: clamp(2.2rem, 6vw, 3.8rem);
font-weight: 300;
letter-spacing: .18em;
text-transform: uppercase;
color: var(--bg);
position: relative;
}
header .brand span { color: var(--accent); }
header .doc-title {
font-family: 'Jost', sans-serif;
font-size: .72rem;
letter-spacing: .35em;
text-transform: uppercase;
color: var(--accent);
margin-top: 10px;
position: relative;
}
header .meta {
font-size: .75rem;
letter-spacing: .08em;
color: rgba(250,248,245,.5);
margin-top: 18px;
position: relative;
}
header .meta a { color: var(--accent); text-decoration: none; }
/* ── Info bar ── */
.info-bar {
display: flex;
flex-wrap: wrap;
gap: 1px;
background: var(--rule);
border-bottom: 1px solid var(--rule);
}
.info-bar .chip {
flex: 1 1 160px;
background: var(--bg);
padding: 18px 24px;
font-size: .72rem;
letter-spacing: .12em;
text-transform: uppercase;
}
.info-bar .chip strong {
display: block;
color: var(--accent);
font-weight: 500;
margin-bottom: 4px;
}
/* ── Layout ── */
.wrapper {
max-width: 860px;
margin: 0 auto;
padding: 0 24px 80px;
}
/* ── Alert banner ── */
.alert-banner {
background: var(--ink);
color: var(--bg);
text-align: center;
padding: 18px 24px;
margin: 48px 0 0;
font-size: .78rem;
letter-spacing: .2em;
text-transform: uppercase;
}
.alert-banner span { color: var(--accent); }
/* ── Highlights ── */
.highlights {
display: flex;
flex-wrap: wrap;
gap: 1px;
background: var(--rule);
margin: 2px 0 0;
}
.highlight-card {
flex: 1 1 180px;
background: var(--section-bg);
padding: 28px 24px;
text-align: center;
}
.highlight-card .h-num {
font-family: 'Cormorant Garamond', serif;
font-size: 2.4rem;
font-weight: 300;
color: var(--accent);
line-height: 1;
}
.highlight-card .h-label {
font-size: .68rem;
letter-spacing: .18em;
text-transform: uppercase;
color: var(--muted);
margin-top: 8px;
}
/* ── Section ── */
.section {
padding: 40px 0;
border-bottom: 1px solid var(--rule);
}
.section:last-child { border-bottom: none; }
.section-label {
display: flex;
align-items: baseline;
gap: 16px;
margin-bottom: 20px;
}
.section-num {
font-family: 'Cormorant Garamond', serif;
font-size: 2.4rem;
font-weight: 300;
color: var(--rule);
line-height: 1;
min-width: 52px;
}
.section-title {
font-family: 'Cormorant Garamond', serif;
font-size: 1.15rem;
font-weight: 600;
letter-spacing: .08em;
text-transform: uppercase;
color: var(--ink);
}
.section p { font-size: .92rem; color: var(--ink); }
.section p + p { margin-top: 10px; }
/* ── Numbered conditions ── */
.conditions { margin-top: 16px; }
.condition {
display: flex;
gap: 18px;
padding: 14px 0;
border-bottom: 1px solid var(--rule);
}
.condition:last-child { border-bottom: none; }
.condition-num {
font-family: 'Cormorant Garamond', serif;
font-size: 1.6rem;
font-weight: 300;
color: var(--accent);
line-height: 1.1;
min-width: 28px;
}
.condition p { font-size: .88rem; color: var(--muted); }
/* ── Steps ── */
.steps { margin-top: 16px; }
.step {
display: flex;
gap: 20px;
padding: 20px 0;
border-bottom: 1px solid var(--rule);
}
.step:last-child { border-bottom: none; }
.step-num {
font-family: 'Cormorant Garamond', serif;
font-size: 2rem;
font-weight: 300;
color: var(--accent);
line-height: 1;
min-width: 36px;
}
.step-content .step-title {
font-size: .78rem;
font-weight: 500;
letter-spacing: .14em;
text-transform: uppercase;
color: var(--ink);
margin-bottom: 6px;
}
.step-content p { font-size: .88rem; color: var(--muted); }
/* ── Warning box ── */
.warning-box {
background: var(--ink);
color: var(--accent);
text-align: center;
padding: 16px 24px;
margin-top: 20px;
font-size: .75rem;
letter-spacing: .18em;
text-transform: uppercase;
}
/* ── Note box ── */
.note-box {
background: var(--section-bg);
border-left: 3px solid var(--accent);
padding: 20px 24px;
margin-top: 16px;
font-size: .88rem;
color: var(--muted);
}
.note-box strong { color: var(--ink); }
/* ── Refund grid ── */
.refund-grid {
display: grid;
grid-template-columns: 1fr 1fr;
gap: 1px;
background: var(--rule);
margin-top: 20px;
}
.refund-col {
background: var(--bg);
padding: 24px 22px;
}
.refund-col.yes { background: var(--section-bg); }
.refund-col .col-title {
font-size: .7rem;
letter-spacing: .2em;
text-transform: uppercase;
color: var(--accent);
margin-bottom: 14px;
font-weight: 500;
}
.refund-col ul { list-style: none; padding: 0; }
.refund-col ul li {
font-size: .85rem;
color: var(--muted);
padding: 6px 0 6px 18px;
border-bottom: 1px solid var(--rule);
position: relative;
}
.refund-col ul li:last-child { border-bottom: none; }
.refund-col ul li::before {
position: absolute;
left: 0;
color: var(--accent);
}
.refund-col.yes ul li::before { content: '✓'; }
.refund-col.no ul li::before { content: '✗'; }
/* ── Summary ── */
.summary {
background: var(--ink);
color: var(--bg);
padding: 48px 40px;
margin-top: 56px;
}
.summary h2 {
font-family: 'Cormorant Garamond', serif;
font-size: 1.6rem;
font-weight: 300;
letter-spacing: .2em;
text-transform: uppercase;
color: var(--accent);
margin-bottom: 32px;
}
.summary-grid {
display: grid;
grid-template-columns: repeat(auto-fit, minmax(200px, 1fr));
gap: 24px;
}
.summary-item { border-top: 1px solid rgba(255,255,255,.12); padding-top: 16px; }
.summary-item .label {
font-size: .68rem;
letter-spacing: .2em;
text-transform: uppercase;
color: var(--accent);
margin-bottom: 6px;
}
.summary-item .value { font-size: .88rem; color: rgba(250,248,245,.8); line-height: 1.6; }
/* ── Footer ── */
footer {
text-align: center;
padding: 32px 24px;
font-size: .72rem;
letter-spacing: .1em;
color: var(--muted);
border-top: 1px solid var(--rule);
}
footer a { color: var(--accent); text-decoration: none; }
@media (max-width: 600px) {
header { padding: 40px 20px 36px; }
.refund-grid { grid-template-columns: 1fr; }
.summary { padding: 28px 20px; }
}
</style>
</head>
<body>
<!-- Header -->
<header>
<div class="brand">Eva<span>Ljubljana</span></div>
<div class="doc-title">Politika vračil</div>
<div class="meta">
Vračila sprejeta v 30 dneh po prejemu |
<a href="mailto:info@evaljubljana.si">info@evaljubljana.si</a>
</div>
</header>
<!-- Info bar -->
<div class="info-bar">
<div class="chip"><strong>Rok vračila</strong>30 dni</div>
<div class="chip"><strong>Pravica do odstopa</strong>14 dni</div>
<div class="chip"><strong>Stroški vračila</strong>Bremeni stranko</div>
<div class="chip"><strong>Kontakt</strong>info@evaljubljana.si</div>
</div>
<div class="wrapper">
<!-- Alert -->
<div class="alert-banner">
<span>Vračila niso brezplačna</span> — stroški pošiljanja se zaračunajo
</div>
<!-- Highlights -->
<div class="highlights">
<div class="highlight-card">
<div class="h-num">30</div>
<div class="h-label">dni · Rok za vračilo</div>
</div>
<div class="highlight-card">
<div class="h-num">14</div>
<div class="h-label">dni · Pravica do odstopa</div>
</div>
<div class="highlight-card">
<div class="h-num">7</div>
<div class="h-label">delovnih dni · Obdelava vračila</div>
</div>
</div>
<!-- Return policy -->
<div class="section">
<div class="section-label">
<span class="section-num">01</span>
<span class="section-title">Politika vračil</span>
</div>
<p><strong>Ali lahko vrnem svoje naročilo?</strong></p>
<p>Da, to je mogoče. Če niste zadovoljni z naročenimi artikli, jih imate možnost vrniti v 30 dneh po prejemu. Da bo vračilo sprejeto, mora naročilo izpolnjevati vse naslednje pogoje:</p>
<div class="conditions">
<div class="condition">
<div class="condition-num">1</div>
<p>Naročilo še vsebuje vse ustrezne dele in komponente, embalaža pa je prispela točno tako, kot je bil izdelek.</p>
</div>
<div class="condition">
<div class="condition-num">2</div>
<p>Viden je normalen ravnanje z izdelkom. Poškodbe, ki nastanejo zaradi malomarnega ravnanja, so izključene.</p>
</div>
<div class="condition">
<div class="condition-num">3</div>
<p>Izdelki, za katere je higiena pomembna, so bili ustrezno očiščeni pred začetkom postopka vračila.</p>
</div>
<div class="condition">
<div class="condition-num">4</div>
<p>Napaka na izdelku je bila ugotovljena takoj po prejemu.</p>
</div>
<div class="condition">
<div class="condition-num">5</div>
<p>Pridržujemo si pravico, da stranki zaračunamo stroške pošiljanja vračila.</p>
</div>
<div class="condition">
<div class="condition-num">6</div>
<p>Vračilo bo obdelano v roku 7 delovnih dni. Če so pogoji izpolnjeni, bo uradno potrjeno v tem roku.</p>
</div>
</div>
<div class="note-box" style="margin-top:20px;">
Pridržujemo si pravico, da zavrnemo vrnjene artikle, če sumimo, da so bili uporabljeni ali poškodovani po naši krivdi.
</div>
</div>
<!-- How to return -->
<div class="section">
<div class="section-label">
<span class="section-num">02</span>
<span class="section-title">Kako vrniti naročilo</span>
</div>
<p>Če vaše naročilo izpolnjuje zgornje pogoje, sledite spodnjim korakom za začetek postopka vračila:</p>
<div class="steps">
<div class="step">
<div class="step-num">1</div>
<div class="step-content">
<div class="step-title">E-pošta</div>
<p>Pošljite e-pošto na: <a href="mailto:info@evaljubljana.si" style="color:var(--accent);">info@evaljubljana.si</a> z zadevo »Zahteva za vračilo«.</p>
</div>
</div>
<div class="step">
<div class="step-num">2</div>
<div class="step-content">
<div class="step-title">Informacije</div>
<p>Prepričajte se, da e-pošta vsebuje: številko naročila, razlog za zahtevo za vračilo, fotografijo izdelka v primeru poškodbe, ime in priimek stranke ter naslov stranke.</p>
</div>
</div>
<div class="step">
<div class="step-num">3</div>
<div class="step-content">
<div class="step-title">Počakajte</div>
<p>Stopili bomo v stik z vami in posredovali pravilen naslov za vračilo. Ne pošiljajte izdelka nazaj pošiljatelju — počakajte na naslov za vračilo, ki vam ga bomo poslali.</p>
</div>
</div>
<div class="step">
<div class="step-num">4</div>
<div class="step-content">
<div class="step-title">Pošiljanje</div>
<p>Stranka je odgovorna za stroške pošiljanja vračila izdelka v naše centralno skladišče v Aziji.</p>
</div>
</div>
</div>
<div class="warning-box">
NIKOLI ne pošljite vračila pošiljatelju — vedno počakajte na naslov za vračilo, ki vam ga bomo posredovali
</div>
</div>
<!-- Cancellation -->
<div class="section">
<div class="section-label">
<span class="section-num">A</span>
<span class="section-title">Pogoji odpovedi — pravica do odstopa</span>
</div>
<p>Potrošnik ima pravico do odstopa v skladu z naslednjimi določbami, če je potrošnik fizična oseba, ki sklepa pravni posel za namene, ki pretežno niso povezani z njegovo poslovno ali poklicno dejavnostjo.</p>
<div class="highlights" style="margin-top:20px;">
<div class="highlight-card">
<div class="h-num">14</div>
<div class="h-label">dni · Rok za odpoved — od dneva prejema zadnjih izdelkov</div>
</div>
</div>
<div class="note-box">
<strong>Avtomatiziran sistem:</strong> Ker delujemo s popolnoma avtomatiziranim sistemom, se naročila izvršijo takoj po oddaji. Zato ni mogoče prekiniti postopka pošiljanja do dostave. Povračilo ni možno po prejemu izdelkov brez njihove vrnitve.
</div>
<p style="margin-top:16px;">Za uveljavljanje pravice do odstopa nas morate obvestiti (<strong>EvaLjubljana</strong>) z jasno izjavo (npr. po e-pošti) o svoji odločitvi, da odstopate od te pogodbe. Odstop je zaključen, ko prejmemo izdelke. Stroške vračila izdelkov nosi kupec.</p>
<p style="margin-top:14px;"><strong>Naročila v tranzitu:</strong> Ker so naši izdelki poslani iz Azije, lahko pride do daljših tranzitnih časov, nad katerimi nimamo nadzora. Če so izdelki že na poti, odpoved ni možna. Prosimo, počakajte, da prejmete izdelke, in jih nato vrnite. O odpovedi nas lahko predhodno obvestite.</p>
<div class="note-box" style="margin-top:14px;">
Za zagotovitev čim hitrejšega vračila vas prosimo, da nam pošljete potrdilo o pošiljanju takoj, ko je izdelek vrnjen.
</div>
</div>
<!-- Refund consequences -->
<div class="section">
<div class="section-label">
<span class="section-num">03</span>
<span class="section-title">Posledice odstopa</span>
</div>
<div class="refund-grid">
<div class="refund-col yes">
<div class="col-title">Kar vrnemo</div>
<ul>
<li>Vsa prejeta plačila</li>
<li>Razen dodatnih stroškov dostave</li>
<li>Povračilo v največ 14 dneh</li>
<li>Z istim plačilnim sredstvom</li>
</ul>
</div>
<div class="refund-col no">
<div class="col-title">Česar NE vrnemo</div>
<ul>
<li>Stroški pošiljanja vračila</li>
<li>Dodatni stroški dostave (po izbiri dražje metode)</li>
<li>Škoda zaradi neprimernega ravnanja</li>
</ul>
</div>
</div>
<div class="note-box" style="margin-top:16px;">
Povračilo se obdela po prejemu in pregledu izdelkov.
</div>
<div class="warning-box" style="margin-top:16px;">
Vsa vračila bodo poslana v naše centralno skladišče v Aziji na stroške stranke
</div>
</div>
<!-- Summary -->
<div class="summary">
<h2>Povzetek politike vračil</h2>
<div class="summary-grid">
<div class="summary-item">
<div class="label">Rok za vračilo</div>
<div class="value">30 dni po prejemu</div>
</div>
<div class="summary-item">
<div class="label">Pravica do odstopa</div>
<div class="value">14 dni od prejema</div>
</div>
<div class="summary-item">
<div class="label">Obdelava vračila</div>
<div class="value">7 delovnih dni</div>
</div>
<div class="summary-item">
<div class="label">Stroški vračila</div>
<div class="value">Bremeni stranko — pošiljanje v Azijo</div>
</div>
<div class="summary-item">
<div class="label">Povračilo</div>
<div class="value">Do 14 dni po prejemu in pregledu</div>
</div>
<div class="summary-item">
<div class="label">Kontakt</div>
<div class="value">info@evaljubljana.si</div>
</div>
</div>
</div>
</div>
<footer>
© EvaLjubljana · <a href="mailto:info@evaljubljana.si">info@evaljubljana.si</a> · Slovenija
</footer>
</body>
</html>