Interaktivní průvodce odstraněním skvrn

Skvrny jsou běžnou součástí nošení. Náš průvodce vám podle typu skvrny a materiálu nabídne jasný a ověřený postup – od nejšetrnějších metod až po účinnější řešení. Vše s důrazem na zachování kvality vlákna, barev a šetrnost k životnímu prostředí.

/* Celá sekce – světle šedé pozadí */
.pb-stain-app{
background:#f9f9f9; /* sjednocená šedá */
border:1px solid var(–color-border,#e5e7eb);
border-radius:12px;
padding:16px;
margin-top:50px;
}
/* ===== OVLÁDÁNÍ (variátor) ===== */
.pb-stain-controls{
display:grid;
grid-template-columns:1fr;
gap:12px;
margin-bottom:16px;
}
@media (min-width:720px){
.pb-stain-controls{ grid-template-columns:1fr 1fr auto; align-items:end; }
}
.pb-field label{ display:block; font-weight:600; margin-bottom:6px; }
.pb-select,.pb-btn{
width:100%;
padding:10px 12px;
border:1px solid var(–color-border,#e5e7eb);
border-radius:5px;
background:#fff;
}
.pb-btn{ cursor:pointer; transition:.15s ease; }
.pb-btn:hover{ background:#111; color:#fff; border-color:#111; }
/* ===== VÝSLEDEK ===== */
.pb-stain-heading{ margin:.3rem 0 .75rem; line-height:1.6; }
/* Dlaždice přes šířku karty */
.pb-stain-media{
position:relative;
overflow:hidden;
margin:0 0 14px 0;
background:#f9f9f9; /* sjednocená šedá */
border:1px solid var(–color-border,#e5e7eb);
border-radius:12px;
aspect-ratio: 16 / 9;
}
@media (max-width:899.98px){
.pb-stain-media{ aspect-ratio: 4 / 3; }
}
.pb-stain-media img{
position:absolute; inset:0;
width:100%; height:100%;
object-fit:cover; object-position:center;
display:block;
}
.pb-steps{ display:grid; gap:10px; margin:.75rem 0; }
.pb-step{
background:#fff;
border:1px solid var(–color-border,#e5e7eb);
border-radius:5px;
padding:10px 12px;
}
.pb-note{ font-size:.92rem; opacity:.85; }
.pb-meta{ font-size:.85rem; opacity:.75; margin-top:6px; }

/* ===== Databáze postupů a obrázků (všechny vybrané skvrny; tipy jsou obecné/parafrázované) ===== */
const PB_DB = {
akryl: {
name: ‚Akrylová barva‘,
img: ‚https://cdn.shopify.com/s/files/1/0556/7044/0117/files/odstraneni-skvrn-akrylova-barva-premium-basics.jpg?v=1757784203‘,
imgAlt: ‚Jak odstranit skvrnu od akrylové barvy‘,
cotton: {
steps: [
‚Čerstvou barvu proplachujte studenou vodou se slabým mýdlovým roztokem; jemně třete z rubu.‘,
‚Zaschlou barvu povolujte po částech 70% lihem nebo isopropylalkoholem (nejdřív test stálobarevnosti), poté opláchněte.‘,
‚Předperte tekutým prostředkem a vyperte dle štítku (30–40 °C).‘
],
note: ‚Silná rozpouštědla používejte střídmě a až po testu stálobarevnosti.‘
},
wool: {
steps: [
‚Nechte zaschnout a přebytek opatrně seškrábněte tupou hranou.‘,
‚Skvrnu jemně tamponujte roztokem prostředku na vlnu ve studené vodě (netřít), poté důkladně opláchněte.‘,
‚Sušte naležato; u odolných skvrn zvažte profesionální čištění.‘
],
note: ‚Rozpouštědla mohou vlnu poškodit.‘
}
},
caj: {
name: ‚Čaj‘,
img: ‚https://cdn.shopify.com/s/files/1/0556/7044/0117/files/odstraneni-skvrn-caj-premium-basics.jpg?v=1757784203‘,
imgAlt: ‚Jak odstranit skvrnu od čaje‘,
cotton: {
steps: [
‚Proplachujte skvrnu studenou vodou ze zadní strany, aby se taniny uvolnily.‘,
‚Tamponujte 70% lihem nebo roztokem bílého octa (1 lžíce na 250 ml vody), poté opláchněte.‘,
‚Předperte tekutým prostředkem a vyperte dle štítku; u bílé bavlny lze použít prostředek s aktivním kyslíkem.‘
],
note: ‚Horkou vodu použijte až po odstranění zabarvení.‘
},
wool: {
steps: [
‚Jemně odsajte, proplachujte studenou vodou (netřít).‘,
‚Tamponujte zředěným bílým octem, opláchněte; poté ruční praní prostředkem na vlnu.‘,
‚Sušte naležato mimo teplo a přímé slunce.‘
],
note: ‚Na vlnu nepoužívejte bělicí ani enzymové prostředky.‘
}
},
cerveneVino: {
name: ‚Červené víno‘,
img: ‚https://cdn.shopify.com/s/files/1/0556/7044/0117/files/odstraneni-skvrn-cervene-vino-premium-basics.jpg?v=1757784204‘,
imgAlt: ‚Jak odstranit skvrnu od červeného vína‘,
cotton: {
steps: [
‚Ihned odsajte (netřít) a proplachujte studenou vodou.‘,
‚Zasypte solí nebo jedlou sodou, nechte absorbovat, poté opláchněte (může pomoci i perlivá voda).‘,
‚Ošetřete odstraňovačem skvrn na bázi aktivního kyslíku a vyperte dle štítku.‘
],
note: ‚Nepoužívejte horkou vodu – zabarvení se může fixovat.‘
},
wool: {
steps: [
‚Jemně odsajte, proplachujte studenou vodou.‘,
‚Tamponujte zředěným bílým octem, oplach.‘,
‚Jemné praní prostředkem na vlnu; sušte na ploše.‘
],
note: ‚Vyhněte se enzymům a bělení.‘
}
},
cokolada: {
name: ‚Čokoláda‘,
img: ‚https://cdn.shopify.com/s/files/1/0556/7044/0117/files/odstraneni-skvrn-cokolada-premium-basics.jpg?v=1757784204‘,
imgAlt: ‚Jak odstranit skvrnu od čokolády‘,
cotton: {
steps: [
‚Seškrábněte přebytek (tupá hrana) a krátce proplachujte studenou vodou.‘,
‚Světlá bavlna: naneste citronovou šťávu, jemně rozetřete a nechte zhruba 10 minut působit.‘,
‚Opláchněte studenou vodou a vyperte dle štítku. Přetrvává-li zabarvení, tamponujte bílým octem, opláchněte a znovu vyperte.‘,
‚Tmavá bavlna: místo citronu použijte tekutý prací prostředek. Jemně zapracujte, opláchněte a vyperte.‘
],
note: ‚Citron používejte hlavně u světlých textilií; vždy proveďte test stálobarevnosti.‘
},
wool: {
steps: [
‚Ihned proplachujte studenou vodou (netřít); přebytek opatrně seškrábněte.‘,
‚Houbičkou s kapkou prostředku na vlnu a studenou vodou skvrnu jemně potírejte, poté důkladně opláchněte.‘,
‚Perte na program „vlna/delicate“, poté sušte naležato.‘
],
note: ‚U vlny nepoužívejte horkou vodu ani agresivní tření.‘
}
},
deodorant: {
name: ‚Deodorant‘,
img: ‚https://cdn.shopify.com/s/files/1/0556/7044/0117/files/odstraneni-skvrn-deodorant-premium-basics.jpg?v=1757784204‘,
imgAlt: ‚Jak odstranit skvrny od deodorantu‘,
cotton: {
steps: [
‚Na bílé mapy naneste pastu z jedlé sody a vody (1:1) a nechte 30 minut působit.‘,
‚Alternativně namočte oblast do roztoku bílého octa a vody (1:1) na 30 minut, poté opláchněte.‘,
‚U bílého prádla přidejte před praním prostředek s aktivním kyslíkem. Vyperte na 30–40 °C.‘
],
note: “
},
wool: {
steps: [
‚Tamponujte zředěným bílým octem, poté opláchněte.‘,
‚Jemné ruční praní prostředkem na vlnu. Sušte naležato.‘
],
note: ‚Silně kyselé nebo alkalické roztoky vždy ředit a testovat.‘
}
},
kava: {
name: ‚Káva‘,
img: ‚https://cdn.shopify.com/s/files/1/0556/7044/0117/files/odstraneni-skvrn-kava-premium-basics.jpg?v=1757783377‘,
imgAlt: ‚Jak odstranit skvrnu od kávy‘,
cotton: {
steps: [
‚Ihned proplachujte studenou vodou ze zadní strany skvrny (netřít).‘,
‚Barevná bavlna: tamponujte bílým octem, opláchněte a vyperte.‘,
‚Bílá bavlna: krátce použijte 3% peroxid (otestujte), ihned opláchněte a vyperte.‘,
‚Vyperte jemným prostředkem na 30–40 °C.‘
],
note: ‚Peroxid používejte jen u bílé bavlny a po testu.‘
},
wool: {
steps: [
‚Jemně odsajte, proplachujte studenou vodou.‘,
‚Tamponujte roztokem bílého octa (1 lžíce na 250 ml), poté oplach.‘,
‚Jemné ruční praní prostředkem na vlnu. Sušte naležato.‘
],
note: ‚Na vlnu nepoužívejte bělicí prostředky.‘
}
},
krev: {
name: ‚Krev‘,
img: ‚https://cdn.shopify.com/s/files/1/0556/7044/0117/files/odstraneni-skvrn-krev-premium-basics.jpg?v=1757784204‘,
imgAlt: ‚Jak odstranit skvrnu od krve‘,
cotton: {
steps: [
‚Okamžitě proplachujte studenou vodou (teplo krev zafixuje).‘,
‚Namočte v chladné vodě s trochou pracího prostředku, lehce promněte a opláchněte.‘,
‚U bílé bavlny použijte perkarbonát/aktivní kyslík dle štítku, poté vyperte.‘
],
note: “
},
wool: {
steps: [
‚Jemně proplachujte studenou vodou, netřít.‘,
‚Tamponujte roztokem prostředku na vlnu, oplach; sušte naležato.‘,
‚Přetrvává-li skvrna, zvažte čistírnu.‘
],
note: ‚Enzymové prostředky mohou vlnu poškodit.‘
}
},
kulickovePero: {
name: ‚Kuličkové pero‘,
img: ‚https://cdn.shopify.com/s/files/1/0556/7044/0117/files/odstraneni-skvrn-kulickove-pero-premium-basics.jpg?v=1757784204‘,
imgAlt: ‚Jak odstranit skvrnu od kuličkového pera‘,
cotton: {
steps: [
‚Podložte savý papír a tamponujte 70% lihem z rubu (inkoust se přenáší do podložky).‘,
‚Posouvejte podložku na čisté místo a opakujte, dokud se inkoust neuvolňuje.‘,
‚Opláchněte a vyperte dle štítku; u odolných skvrn použijte specializovaný odstraňovač inkoustu.‘
],
note: ‚Vždy testujte stálobarevnost.‘
},
wool: {
steps: [
‚Silná rozpouštědla na vlnu nepoužívejte.‘,
‚Zkuste specializovaný přípravek určený na vlnu dle návodu nebo svěřte do čistírny.‘
],
note: “
}
},
lakNaNehty: {
name: ‚Lak na nehty‘,
img: ‚https://cdn.shopify.com/s/files/1/0556/7044/0117/files/odstraneni-skvrn-lak-na-nehty-premium-basics.jpg?v=1757784203‘,
imgAlt: ‚Jak odstranit skvrnu od laku na nehty‘,
cotton: {
steps: [
‚Podložte savý papír, tamponujte bezbarvým acetonem/odlakovačem (nejprve test).‘,
‚Ihned opláchněte studenou vodou a vyperte dle štítku.‘,
‚V případě potřeby postup opakujte s novým čistým tamponem.‘
],
note: ‚Pozor na potisk – může se rozpustit.‘
},
wool: {
steps: [
‚Aceton na vlnu nepoužívejte – vysoké riziko poškození vlákna.‘,
‚Doporučujeme profesionální čištění.‘
],
note: “
}
},
olej: {
name: ‚Olej‘,
img: ‚https://cdn.shopify.com/s/files/1/0556/7044/0117/files/odstraneni-skvrn-olej-premium-basics.jpg?v=1757784204‘,
imgAlt: ‚Jak odstranit olejovou skvrnu‘,
cotton: {
steps: [
‚Odsajte maximum savým papírem (netřít).‘,
‚Naneste kapku saponátu na nádobí nebo tekutého pracího prostředku, jemně vmasírujte z rubu.‘,
‚Vyperte dle štítku (30–40 °C). U bílé bavlny lze krátce použít technický benzín (nejdřív test), poté prát.‘
],
note: “
},
wool: {
steps: [
‚Zasypte škrobem nebo mastkem na 20–30 minut, poté jemně vykartáčujte.‘,
‚Tamponujte zředěným prostředkem na vlnu ve studené vodě, oplach; sušte naležato.‘
],
note: ‚Rozpouštědla na vlnu raději ne.‘
}
},
ovoce: {
name: ‚Ovoce‘,
img: ‚https://cdn.shopify.com/s/files/1/0556/7044/0117/files/odstraneni-skvrn-ovoce-premium-basics.jpg?v=1757784203‘,
imgAlt: ‚Jak odstranit ovocnou skvrnu‘,
cotton: {
steps: [
‚Proplachujte studenou vodou.‘,
‚Barevná bavlna: bílý ocet → oplach → praní.‘,
‚Bílá bavlna: citronová šťáva nebo 3% peroxid (test) → oplach → praní.‘,
‚Vyperte dle štítku (30–40 °C).‘
],
note: ‚Bělidla používejte pouze na bílou bavlnu a po testu.‘
},
wool: {
steps: [
‚Tamponujte zředěným bílým octem, oplach.‘,
‚Jemné praní prostředkem na vlnu; sušte naležato.‘
],
note: ‚Na vlnu bělicí prostředky nepatří.‘
}
},
rajcatovaOmacka: {
name: ‚Rajčatová omáčka‘,
img: ‚https://cdn.shopify.com/s/files/1/0556/7044/0117/files/odstraneni-skvrn-rajcatova-omacka-premium-basics.jpg?v=1757784203‘,
imgAlt: ‚Jak odstranit skvrnu od rajčatové omáčky‘,
cotton: {
steps: [
‚Seškrábněte pevné zbytky a skvrnu proplachujte studenou vodou ze zadní strany.‘,
‚Předperte saponátem na nádobí nebo tekutým prostředkem; jemně zapracujte.‘,
‚U bílé bavlny přidejte aktivní kyslík; vyperte dle štítku.‘,
‚Sušte volně (u bílé může slunce pomoci s dočištěním).‘
],
note: ‚Horká voda může skvrnu zafixovat.‘
},
wool: {
steps: [
‚Jemně odsajte, proplachujte studenou vodou.‘,
‚Tamponujte zředěným prostředkem na vlnu, oplach; sušte naležato.‘,
‚Zůstává-li zabarvení, zvažte čistírnu.‘
],
note: “
}
},
rtenka: {
name: ‚Rtěnka‘,
img: ‚https://cdn.shopify.com/s/files/1/0556/7044/0117/files/odstraneni-skvrn-rtenka-premium-basics.jpg?v=1757784202‘,
imgAlt: ‚Jak odstranit skvrnu od rtěnky‘,
cotton: {
steps: [
‚Podložte savý papír, tamponujte 70% lihem nebo odličovačem make-upu (nejprve test).‘,
‚Přidejte kapku saponátu na tukovou složku, lehce zapracujte a opláchněte.‘,
‚Vyperte dle štítku.‘
],
note: ‚Test stálobarevnosti je nutný.‘
},
wool: {
steps: [
‚Tamponujte zředěným prostředkem na vlnu (studená voda), netřít.‘,
‚Přetrvává-li skvrna, svěřte do čistírny.‘
],
note: ‚Silná rozpouštědla mohou vlnu poškodit.‘
}
},
zvykacka: {
name: ‚Žvýkačka‘,
img: ‚https://cdn.shopify.com/s/files/1/0556/7044/0117/files/odstraneni-skvrn-zvykacka-premium-basics.jpg?v=1757784204‘,
imgAlt: ‚Jak odstranit žvýkačku z textilu‘,
cotton: {
steps: [
‚Nechte ztuhnout (mrazák nebo led v sáčku), poté opatrně seškrábněte.‘,
‚Zbytky dočistěte kapkou oleje nebo saponátu; následně vyperte dle štítku.‘
],
note: “
},
wool: {
steps: [
‚Nechte ztuhnout, jemně seškrábněte (netahat vlákna).‘,
‚Zbytky velmi opatrně odstraňte lihem (test), poté ruční praní prostředkem na vlnu.‘
],
note: “
}
},
zubniPasta: {
name: ‚Zubní pasta‘,
img: ‚https://cdn.shopify.com/s/files/1/0556/7044/0117/files/odstraneni-skvrn-zubni-pasta-premium-basics.jpg?v=1757784203‘,
imgAlt: ‚Jak odstranit skvrnu od zubní pasty‘,
cotton: {
steps: [
‚Seškrábněte přebytek (pasta často obsahuje křídu/silikát).‘,
‚Opláchněte studenou vodou; bílé povlaky uvolní octová voda (1 lžíce na 250 ml).‘,
‚Předperte tekutým prostředkem a vyperte na 30–40 °C.‘
],
note: “
},
wool: {
steps: [
‚Jemně setřete a opláchněte studenou vodou.‘,
‚Krátce tamponujte zředěným octem, oplach; jemné praní prostředkem na vlnu, sušte naležato.‘
],
note: ‚Nepoužívejte horkou vodu ani agresivní tření.‘
}
}
};
/* ===== Titulek – 2. pád skvrny + lokál materiálu (CZ) ===== */
const PB_TITLE_GENITIVE = {
akryl: ‚akrylové barvy‘,
caj: ‚čaje‘,
cerveneVino: ‚červeného vína‘,
cokolada: ‚čokolády‘,
deodorant: ‚deodorantu‘,
kava: ‚kávy‘,
krev: ‚krve‘,
kulickovePero: ‚kuličkového pera‘,
lakNaNehty: ‚laku na nehty‘,
olej: ‚oleje‘,
ovoce: ‚ovoce‘,
rajcatovaOmacka: ‚rajčatové omáčky‘,
rtenka: ‚rtěnky‘,
zvykacka: ‚žvýkačky‘,
zubniPasta: ‚zubní pasty‘
};
const PB_MATERIAL_LOC = { cotton: ‚bavlně‘, wool: ‚vlně‘ };
/* ===== RENDER (nadpis → foto dlaždice → postup) ===== */
(function(){
const stainSel = document.getElementById(‚pb-stain‘);
const fiberSel = document.getElementById(‚pb-fiber‘);
const resultEl = document.getElementById(‚pb-stain-result‘);
const metaEl = document.getElementById(‚pb-stain-meta‘);
const resetBtn = document.getElementById(‚pb-reset‘);
function headingFor(sKey, fKey, stainName){
const gen = PB_TITLE_GENITIVE[sKey] || (stainName ? stainName.toLowerCase() : ‚vybrané skvrny‘);
const mat = PB_MATERIAL_LOC[fKey] || ‚materiálu‘;
return `Jak vyčistit skvrnu od ${gen} na ${mat}`;
}
function render(){
const sKey = stainSel.value;
const fKey = fiberSel.value;
const stain = PB_DB[sKey];
if(!stain){ resultEl.innerHTML = ‚

Pro tuto skvrnu zatím nemáme postup.

‚; metaEl.textContent=““; return; }
const fiber = stain[fKey];
if(!fiber){ resultEl.innerHTML = ‚

Pro tento materiál zatím nemáme postup.

‚; metaEl.textContent=““; return; }
const imgSrc = fiber.img || stain.img || “;
const imgAlt = fiber.imgAlt || stain.imgAlt || `${stain.name} – ilustrační foto`;
const stepsHTML = fiber.steps.map((t,i)=>`

`).join(“);
resultEl.innerHTML = `

${headingFor(sKey, fKey, stain.name)}

${imgSrc ? `

` : “}

${fiber.note ? `

${fiber.note}

` : “}
`;
metaEl.textContent = (fKey === ‚wool‘)
? ‚Pozn.: Vlna je citlivé živočišné vlákno – pracujte ve studené vodě, netřete, používejte prostředky na vlnu.‘
: ‚Pozn.: Po lokálním ošetření vždy vyperte dle štítku (piktogramy péče).‘;
}
stainSel.addEventListener(‚change‘, render);
fiberSel.addEventListener(‚change‘, render);
resetBtn.addEventListener(‚click‘, ()=>{
stainSel.selectedIndex = 0; // první volba (Akrylová barva)
fiberSel.selectedIndex = 0; // Bavlna
render();
});
render(); // initial
})();

Zdroj: premiumbasics.cz