/* ===== CHERRY — CLAIMS & RETURNS (SAME COLORS, NEW LAYOUT) ===== */
#cherry-claims-page{
--ch-bg:#ffe0d7;
--ch-bg-strong:#ffd0c4;
--ch-card:#fff5f0;
--ch-card-soft:#ffe8df;
--ch-border-soft:rgba(255,138,138,.25);
--ch-ink:#421518;
--ch-ink-soft:#8f575b;
--ch-accent:#ff5c5c;
--ch-accent-dark:#e63946;
--ch-shadow: 0 18px 46px rgba(255,135,135,.22);
font-family: system-ui,-apple-system,BlinkMacSystemFont,"Poppins",sans-serif;
background: linear-gradient(180deg,var(--ch-bg) 0%, var(--ch-bg-strong) 100%);
padding: 72px 16px 96px;
color: var(--ch-ink);
}
#cherry-claims-page *{ box-sizing:border-box; }
#cherry-claims-page .ch-width{ max-width:1100px; margin:0 auto; }
/* HERO */
#cherry-claims-page .ch-hero{ text-align:center; margin-bottom: 26px; }
#cherry-claims-page .ch-badge{
display:inline-flex; align-items:center; gap:8px;
padding:6px 14px; border-radius:999px;
background: rgba(255,255,255,.75);
border:1px solid rgba(255,255,255,.92);
font-size:13px; font-weight:700; color: var(--ch-ink-soft);
margin-bottom: 12px;
}
#cherry-claims-page .ch-badge span{ font-size:15px; }
#cherry-claims-page .ch-subtitle{
max-width: 820px; margin: 0 auto;
font-size: 15px; line-height: 1.7; color: var(--ch-ink-soft);
}
/* GRID */
#cherry-claims-page .ch-grid{
margin-top: 26px;
display:grid;
grid-template-columns: minmax(0, 2fr) minmax(0, 1.2fr);
gap: 28px;
align-items:start;
}
/* CARD BASE */
#cherry-claims-page .ch-card{
background: var(--ch-card);
border-radius: 26px;
padding: 22px 22px;
box-shadow: var(--ch-shadow);
border: 1px solid var(--ch-border-soft);
position: relative;
overflow:hidden;
}
#cherry-claims-page .ch-card::before{
content:""; position:absolute; inset:0;
background: radial-gradient(circle at top right, rgba(255,255,255,.85), transparent 55%);
opacity:.9; pointer-events:none;
}
#cherry-claims-page .ch-card > *{ position:relative; z-index:1; }
/* TOP CHIPS */
#cherry-claims-page .ch-top{
display:flex; flex-wrap:wrap; gap:10px; align-items:center;
margin-bottom: 16px;
}
#cherry-claims-page .ch-chip{
display:inline-flex; align-items:center; gap:8px;
padding:8px 12px; border-radius:999px;
background: rgba(255,255,255,.78);
border:1px solid rgba(255,160,160,.35);
color: var(--ch-ink-soft);
font-size:13px;
box-shadow: 0 10px 22px rgba(255,92,92,.12);
}
#cherry-claims-page .ch-chip strong{ color:var(--ch-ink); font-weight:800; }
/* STEPS (NEW DESIGN) */
#cherry-claims-page .ch-steps{
display:grid;
grid-template-columns: repeat(3, minmax(0, 1fr));
gap: 12px;
margin: 6px 0 16px;
}
#cherry-claims-page .ch-step{
border-radius: 18px;
padding: 14px 14px;
background: linear-gradient(180deg, rgba(255,255,255,.70), rgba(255,255,255,.45));
border: 1px solid rgba(255,160,160,.28);
position: relative;
overflow:hidden;
}
#cherry-claims-page .ch-step::after{
content:""; position:absolute; inset:-40% -40% auto auto;
width:140px; height:140px; border-radius:50%;
background: radial-gradient(circle, rgba(255,92,92,.18), transparent 60%);
transform: rotate(25deg);
pointer-events:none;
}
#cherry-claims-page .ch-step b{
display:inline-flex; align-items:center; justify-content:center;
width:28px; height:28px; border-radius:999px;
background: rgba(255,92,92,.14);
border:1px solid rgba(255,92,92,.22);
color: var(--ch-accent-dark);
font-size: 12px;
margin-bottom: 10px;
font-weight: 900;
}
#cherry-claims-page .ch-step h3{
margin: 0 0 6px;
font-size: 14px;
letter-spacing: -0.01em;
color: var(--ch-ink);
}
#cherry-claims-page .ch-step p{
margin: 0;
font-size: 13px;
line-height: 1.6;
color: var(--ch-ink-soft);
}
/* SECTIONS */
#cherry-claims-page .ch-section{
margin-top: 14px;
border-radius: 18px;
border: 1px solid rgba(255,160,160,.28);
background: rgba(255,255,255,.45);
overflow:hidden;
}
#cherry-claims-page .ch-section + .ch-section{ margin-top: 12px; }
#cherry-claims-page .ch-section summary{
list-style:none; cursor:pointer;
padding: 14px 14px;
display:flex; align-items:center; justify-content:space-between; gap:12px;
font-weight: 900; font-size: 14px; color: var(--ch-ink);
}
#cherry-claims-page .ch-section summary::-webkit-details-marker{ display:none; }
#cherry-claims-page .ch-left{
display:flex; align-items:center; gap:10px; min-width:0;
}
#cherry-claims-page .ch-icon{
width: 28px; height: 28px; border-radius: 999px;
display:grid; place-items:center;
background: rgba(255,92,92,.14);
border: 1px solid rgba(255,92,92,.22);
color: var(--ch-accent-dark);
flex: 0 0 auto;
font-size: 14px;
}
#cherry-claims-page .ch-title{
white-space: nowrap; overflow: hidden; text-overflow: ellipsis;
line-height: 1.2;
}
#cherry-claims-page .ch-chevron{
width:18px; height:18px; flex:0 0 auto;
border-right: 2px solid rgba(66,21,24,.55);
border-bottom: 2px solid rgba(66,21,24,.55);
transform: rotate(45deg);
transition: transform .18s ease;
margin-right: 4px;
opacity: .9;
}
#cherry-claims-page details[open] .ch-chevron{
transform: rotate(225deg);
margin-top: 4px;
}
#cherry-claims-page .ch-body{
padding: 0 14px 14px;
color: var(--ch-ink-soft);
font-size: 14px;
line-height: 1.85;
}
#cherry-claims-page .ch-body p{ margin: 10px 0 0; }
#cherry-claims-page .ch-body p:first-child{ margin-top: 0; }
#cherry-claims-page .ch-body ul{ margin: 10px 0 0; padding-left: 18px; }
#cherry-claims-page .ch-body li{ margin: 6px 0; }
/* SIDE PANEL (NEW LOOK) */
#cherry-claims-page .ch-side{
display:flex; flex-direction:column; gap: 14px;
position: sticky; top: 18px;
}
#cherry-claims-page .ch-mini{
border-radius: 20px;
padding: 14px 14px;
background: rgba(255,255,255,.80);
border:1px dashed rgba(255,154,154,.9);
color: var(--ch-ink-soft);
font-size: 13px;
line-height: 1.65;
}
#cherry-claims-page .ch-mini strong{ color: var(--ch-ink); }
#cherry-claims-page .ch-highlight{
background: radial-gradient(circle at 0% 0%, #ffd9cf 0%, #ffb6b3 45%, #ff8b88 90%);
border-radius: 26px;
padding: 18px 16px;
color: #fff;
box-shadow: 0 20px 50px rgba(228,77,92,.5);
position: relative;
overflow:hidden;
}
#cherry-claims-page .ch-highlight::before{
content:""; position:absolute; inset:0;
background: radial-gradient(circle at 130% -10%, rgba(255,255,255,.82), transparent 55%);
opacity:.9; pointer-events:none;
}
#cherry-claims-page .ch-highlight > *{ position:relative; z-index:1; }
#cherry-claims-page .ch-kicker{
font-size: 12px; letter-spacing: .18em; text-transform: uppercase;
opacity: .92; margin-bottom: 8px; font-weight: 900;
}
#cherry-claims-page .ch-h-title{
font-size: 18px; font-weight: 900; line-height: 1.35;
margin-bottom: 8px;
}
#cherry-claims-page .ch-h-text{
font-size: 14px; opacity: .98; line-height: 1.7;
}
#cherry-claims-page .ch-actions{
margin-top: 12px;
display:flex; flex-wrap:wrap; gap:10px;
}
#cherry-claims-page .ch-btn{
display:inline-flex; align-items:center; gap:8px;
padding: 10px 12px;
border-radius: 14px;
background: rgba(255,255,255,.22);
border: 1px solid rgba(255,255,255,.35);
color: #fff;
text-decoration:none;
font-weight: 800;
font-size: 13px;
transition: transform .15s ease, background .15s ease;
}
#cherry-claims-page .ch-btn:hover{
transform: translateY(-1px);
background: rgba(255,255,255,.30);
}
/* Responsive */
@media (max-width: 900px){
#cherry-claims-page{ padding-top:56px; padding-bottom:80px; }
#cherry-claims-page .ch-grid{ grid-template-columns: 1fr; }
#cherry-claims-page .ch-side{ position: relative; top:auto; }
#cherry-claims-page .ch-steps{ grid-template-columns: 1fr; }
}
🧾Reklamacije i povraćaj
Naš cilj je da svaka porudžbina bude bez brige. Ako se desi problem — rešavamo ga brzo i transparentno.
U nastavku su jasna pravila i koraci.
🗓️ Poslednje ažuriranje: {{ 'now' | date: "%d.%m.%Y" }}
📦 Obuhvata: reklamacije, zamene, refund
1
Pošaljite zahtev
Broj porudžbine + opis problema (i slike ako treba).
2
Potvrda i uputstvo
Javljamo se sa sledećim korakom: zamena ili refund.
3
Rešenje
Zamena, dopuna porudžbine ili povraćaj sredstava.
✅
Kada je reklamacija opravdana
Reklamacija je opravdana u slučajevima kao što su:
- proizvod je stigao oštećen ili neispravan,
- poslat je pogrešan proizvod ili pogrešna varijanta,
- nedostaje deo porudžbine,
- proizvod bitno odstupa od opisa na način koji utiče na upotrebu.
📩
Šta nam je potrebno da rešimo problem
Da bismo brzo rešili slučaj, pošaljite:
-
Broj porudžbine (Order ID),
-
Kratak opis problema,
-
Fotografije proizvoda i pakovanja (ako je primenljivo),
- Kontakt email/telefon za povratnu informaciju.
🔁
Zamena ili ponovno slanje
Ako je reklamacija prihvaćena, možemo ponuditi zamenu proizvoda ili ponovno slanje,
u zavisnosti od vrste problema i dostupnosti. Ako nedostaje deo porudžbine, možemo poslati dopunu.
💳
Povraćaj sredstava (refund)
Povraćaj sredstava se odobrava kada je to primenljivo, nakon potvrde reklamacije i/ili vraćanja proizvoda (ako je potrebno).
Povraćaj se, kada je moguće, vrši na isti način plaćanja.
Vreme knjiženja može zavisiti od banke ili platnog provajdera.
⚠️
Kada refund može biti ograničen
U određenim situacijama refund može biti ograničen, na primer:
- oštećenje nastalo nepravilnom upotrebom nakon prijema,
- proizvod je korišćen na način koji menja njegovo stanje,
- za personalizovane proizvode mogu važiti posebni uslovi (u skladu sa zakonskim izuzecima).
🚚
Troškovi slanja i povrata
U zavisnosti od razloga reklamacije, troškove povrata ili ponovnog slanja može snositi CherryCard ili kupac.
Tačan scenario komuniciramo jasno pre nego što preduzmete sledeći korak.
Za reklamacije i povraćaj, kontaktirajte nas putem kontakt stranice ili zvaničnog email-a navedenog na sajtu.
Molimo vas da u poruci obavezno navedete broj porudžbine radi bržeg rešavanja.
Najbrže rešavamo slučajeve kada dobijemo:
broj porudžbine + kratak opis + fotografije (ako je potrebno).
BRZO & FER
Rešenje bez komplikacija
Ako postoji problem — javljamo se sa jasnim sledećim korakom: zamena, dopuna ili refund.