Beskrivning
@import url(’https://fonts.googleapis.com/css2?family=Fraunces:wght@700;900&family=DM+Sans:wght@400;500;600&display=swap’); .cp-wrap { font-family: ’DM Sans’, sans-serif; color: #0d1b2a; line-height: 1.6; max-width: 100%; } /* VARIABLES */ .cp-wrap { –blue: #111111; –blue-light: #f5f5f5; –ice: #f0f0f0; –dark: #0a0a0a; –mid: #555555; –light: #fafafa; –green: #1a1a1a; –green-light: #f0f0f0; –accent: #111111; –border: #e0e0e0; } /* TRUST ROW */ .cp-trust { display: flex; gap: 12px; padding: 14px 16px; background: #f5f5f5; border-radius: 10px; border-left: 3px solid #111111; margin-bottom: 28px; flex-wrap: wrap; } .cp-trust-item { display: flex; align-items: center; gap: 6px; font-size: 13px; font-weight: 600; color: #111111; } /* HOOK */ .cp-hook { background: var(–ice); border-radius: 12px; padding: 18px 20px; margin-bottom: 28px; font-size: 15px; line-height: 1.7; border-left: 3px solid var(–blue); color: var(–dark); } .cp-hook strong { color: #111111; } /* BULLETS */ .cp-bullets { list-style: none; padding: 0; margin: 0 0 28px 0; } .cp-bullets li { display: flex; align-items: flex-start; gap: 10px; padding: 10px 0; border-bottom: 1px solid var(–border); font-size: 15px; } .cp-bullets li:last-child { border-bottom: none; } .cp-bullets li .cp-icon { font-size: 20px; flex-shrink: 0; margin-top: 1px; } /* SIZE GUIDE */ .cp-sizeguide-toggle { display: flex; align-items: center; gap: 8px; background: var(–blue-light); border: 1px solid #111111; border-radius: 10px; padding: 14px 18px; cursor: pointer; font-size: 14px; font-weight: 600; color: #111111; margin-bottom: 8px; transition: background 0.2s; width: 100%; text-align: left; } .cp-sizeguide-toggle:hover { background: #d0e0ff; } .cp-sizeguide-toggle .cp-sg-arrow { margin-left: auto; transition: transform 0.3s; font-style: normal; } .cp-sizeguide-toggle.open .cp-sg-arrow { transform: rotate(180deg); } .cp-sizeguide-body { display: none; background: white; border: 1px solid var(–border); border-radius: 0 0 10px 10px; padding: 0; margin-bottom: 28px; overflow: hidden; } .cp-sizeguide-body.open { display: block; } .cp-sg-tip { padding: 12px 18px; font-size: 13px; color: var(–mid); background: var(–light); border-bottom: 1px solid var(–border); } .cp-sg-tip strong { color: var(–dark); } .cp-sg-table { width: 100%; border-collapse: collapse; font-size: 13px; } .cp-sg-table th { background: #111111; color: white; padding: 10px 14px; text-align: left; font-weight: 600; } .cp-sg-table td { padding: 10px 14px; border-bottom: 1px solid var(–border); color: var(–dark); } .cp-sg-table tr:last-child td { border-bottom: none; } .cp-sg-table tr:nth-child(even) td { background: var(–light); } .cp-sg-table td:first-child { font-weight: 700; } /* DIVIDER */ .cp-divider { height: 1px; background: var(–border); margin: 40px 0; } /* FEATURES SECTION */ .cp-features-title { font-family: ’Fraunces’, serif; font-size: 26px; font-weight: 900; margin-bottom: 24px; color: var(–dark); line-height: 1.2; } .cp-features-grid { display: grid; grid-template-columns: 1fr 1fr; gap: 16px; margin-bottom: 40px; } @media (max-width: 640px) { .cp-features-grid { grid-template-columns: 1fr; } } .cp-feature-card { padding: 24px; border-radius: 14px; background: var(–light); border: 1px solid var(–border); } .cp-feature-card .cp-f-icon { font-size: 32px; margin-bottom: 10px; display: block; } .cp-feature-card h3 { font-family: ’Fraunces’, serif; font-size: 17px; font-weight: 700; margin-bottom: 6px; color: var(–dark); } .cp-feature-card p { font-size: 14px; color: var(–mid); line-height: 1.6; margin: 0; } /* IMAGE + TEXT BLOCKS */ .cp-imgblock { display: grid; grid-template-columns: 1fr 1fr; gap: 32px; align-items: center; margin-bottom: 48px; } .cp-imgblock.reverse { direction: rtl; } .cp-imgblock.reverse > * { direction: ltr; } @media (max-width: 640px) { .cp-imgblock, .cp-imgblock.reverse { grid-template-columns: 1fr; direction: ltr; } } .cp-imgblock img { width: 100%; border-radius: 14px; display: block; object-fit: cover; aspect-ratio: 1; } .cp-imgblock-text h3 { font-family: ’Fraunces’, serif; font-size: 22px; font-weight: 900; margin-bottom: 12px; color: var(–dark); line-height: 1.2; } .cp-imgblock-text p { font-size: 15px; color: var(–mid); line-height: 1.7; margin: 0; } /* HOW IT WORKS */ .cp-how { background: #111111; border-radius: 16px; padding: 40px 32px; margin-bottom: 40px; color: white; } .cp-how h2 { font-family: ’Fraunces’, serif; font-size: 24px; font-weight: 900; margin-bottom: 6px; text-align: center; } .cp-how .cp-how-sub { text-align: center; opacity: 0.75; font-size: 14px; margin-bottom: 32px; } .cp-steps { display: grid; grid-template-columns: repeat(3, 1fr); gap: 16px; } @media (max-width: 640px) { .cp-steps { grid-template-columns: 1fr; } .cp-how { padding: 32px 20px; } } .cp-step { background: #f5f5f5; border-radius: 12px; padding: 22px 18px; border: 1px solid #e0e0e0; text-align: center; } .cp-step-num { width: 40px; height: 40px; background: #111111; border-radius: 50%; display: flex; align-items: center; justify-content: center; font-weight: 900; font-size: 17px; margin: 0 auto 14px; color: white; } .cp-step h3 { font-family: ’Fraunces’, serif; font-size: 16px; margin-bottom: 8px; color: #111111; } .cp-step p { font-size: 13px; color: #555555; line-height: 1.6; margin: 0; } /* WARNING BOX */ .cp-warning { background: #f5f5f5; border: 1px solid #ddd; border-radius: 10px; padding: 16px 18px; font-size: 14px; color: #333333; margin-bottom: 40px; } .cp-warning strong { display: block; margin-bottom: 6px; color: #111111; } /* FAQ */ .cp-faq-title { font-family: ’Fraunces’, serif; font-size: 26px; font-weight: 900; margin-bottom: 20px; color: var(–dark); } .cp-faq-item { border: 1px solid var(–border); border-radius: 10px; background: white; margin-bottom: 10px; overflow: hidden; } .cp-faq-q { padding: 16px 18px; display: flex; justify-content: space-between; align-items: center; cursor: pointer; font-weight: 600; font-size: 14px; transition: background 0.15s; user-select: none; gap: 12px; } .cp-faq-q:hover { background: var(–light); } .cp-faq-icon { font-size: 20px; color: #111111; flex-shrink: 0; transition: transform 0.3s; } .cp-faq-item.open .cp-faq-icon { transform: rotate(45deg); } .cp-faq-a { max-height: 0; overflow: hidden; transition: max-height 0.35s ease, padding 0.25s; font-size: 14px; color: var(–mid); line-height: 1.7; } .cp-faq-item.open .cp-faq-a { max-height: 300px; padding: 0 18px 16px; } /* FINAL CTA */ .cp-final-cta { background: #111111; border-radius: 16px; padding: 48px 32px; text-align: center; color: #ffffff; margin-top: 40px; } .cp-final-cta h2 { font-family: ’Fraunces’, serif; font-size: clamp(22px, 4vw, 34px); font-weight: 900; margin-bottom: 10px; line-height: 1.2; color: #ffffff; } .cp-final-cta p { color: rgba(255,255,255,0.75); font-size: 15px; margin-bottom: 28px; } .cp-final-cta-btn { display: inline-block; background: #ffffff; color: #111111; border: none; padding: 16px 40px; border-radius: 10px; font-size: 16px; font-weight: 700; cursor: pointer; text-decoration: none; font-family: ’DM Sans’, sans-serif; transition: background 0.2s, transform 0.15s; } .cp-final-cta-btn:hover { background: #eeeeee; transform: translateY(-1px); } .cp-final-cta-sub { margin-top: 14px; font-size: 13px; color: rgba(255,255,255,0.5); }
✅ 30 dagars öppet köp
🚚 Fri frakt
🔒 Säker betalning
Flämtar din hund mer än vanligt när det är varmt? Vägrar lägga sig ner? Det är ett tecken på överhettning — och det behöver inte vara så. CoolingPaw aktiveras direkt av hundens kroppsvärme och sänker temperaturen utan att du behöver göra ett skit.
- ❄️Självkylande — aktiveras direkt, ingen el eller vatten behövs
- 🔁Återfår sin kyleffekt automatiskt efter en stunds paus
- 🎒Lätt att vika och ta med — soffan, bilen, stugan, stranden
- 🧼Enkel att hålla ren — torkas av med fuktig trasa på sekunder
📏 Storleksguide — vilken passar min hund? ▼
Tips: Mät din hund från nos till svansrot när den ligger utsträckt. Välj den storlek som är lika lång eller lite längre. Osäker? Välj upp.
| Storlek | Mått | Hundens längd |
|---|---|---|
| XS | 40×30 cm | upp till 35 cm |
| S | 50×40 cm | 35–45 cm |
| M | 62×50 cm | 45–55 cm |
| L | 70×55 cm | 55–65 cm |
| XL | 100×75 cm | 65–90 cm |
| 2XL | 150×100 cm | 90+ cm |
Varför hundägare älskar CoolingPaw
😮💨
Hunden slutar flämta
Värme gör hundar rastlösa och utmattade. CoolingPaw ger kroppen en sval yta att vila mot — skillnaden märks på minuter.
🌙
Somnar snabbare, sover längre
En sval hund är en lugn hund. Många ägare märker att hunden lägger sig och somnar av sig själv — utan att lockas.
🎒
Svalkan följer med överallt
Bilen, stugan, trädgården, stranden. Lätt att vika och ta med. Din hund behöver inte stanna hemma.
🧼
Ren på sekunder
Inga filter, inget att fylla på. Torka av med en fuktig trasa och mattan är som ny igen.
Perfekt för varma sommardagar — och varma hundar
Oavsett om det är 25 grader inne eller 35 grader ute så ger CoolingPaw din hund en plats att verkligen kyla ner sig. Ingen fördröjning, inga knappar — bara lägger sig och svalnar.
Passar lika bra i soffan som i bilen
Lägg den i hundbädden, på golvet, i baksätet eller ute i trädgården. Flexibel nog för vardagen, lätt nog för semestern. Tar plats precis där hunden behöver den mest.
Enkel att hålla ren
Smutsig? Inga problem. Torka av med en fuktig trasa och den är ren på sekunder. Enkel att hålla fräsch säsong efter säsong.
Hur fungerar den?
Tre steg. Det är allt.
1
Lägg ut mattan
I soffan, hundbädden, bilen eller på golvet. Var som helst din hund brukar vila.
2
Hunden lägger sig
Materialet aktiveras av kroppsvärmen och börjar leda bort värmen direkt. Inga knappar. Ingen setup.
3
Lugn och sval hund
Hunden svalnar, lugnar ner sig och somnar snabbare. Mattan är redo igen efter en kort paus.
⚠️ Viktigt att veta Rekommenderas inte för hundar som aktivt tuggar på sina tillhörigheter. Kyleffekten kan variera beroende på hundens storlek och aktivitetsnivå.
Vanliga frågor
Behöver jag fylla på vatten eller stoppa den i frysen? +
Nej. CoolingPaw är helt självkylande och kräver noll förberedelse. Ingen el, inget vatten, inget kylskåp. Lägg ut mattan och låt hunden göra resten.
Hur länge håller kyleffekten? +
Kyleffekten är aktiv så länge hunden ligger på mattan. Efter en kortare paus laddar mattan om sig och är redo igen. Effekten kan variera beroende på hundens storlek och hur varmt det är.
Vilken storlek ska jag välja? +
Tumregel: välj en matta som din hund får plats på när den ligger utsträckt. Osäker? Ta en större — det är alltid bättre än en för liten.
Hur rengör jag mattan? +
Torka av med en fuktig trasa — det räcker. Enkel att hålla ren utan krångel.
Din hund förtjänar en sval sommar
30 dagars öppet köp · Fri frakt · Säker betalning
Enkel retur om du inte är nöjd
document.addEventListener(’DOMContentLoaded’, function() { // Size guide toggle var toggle = document.getElementById(’cp-sg-toggle’); var body = document.getElementById(’cp-sg-body’); if (toggle && body) { toggle.addEventListener(’click’, function() { toggle.classList.toggle(’open’); body.classList.toggle(’open’); }); } // FAQ toggles document.querySelectorAll(’.cp-faq-q’).forEach(function(q) { q.addEventListener(’click’, function() { q.parentElement.classList.toggle(’open’); }); }); });
