/* Montserrat-lettertype importeren */
@import-URL(‘https://fonts.googleapis.com/css2?family=Montserrat:wght@400;500;600;700&weergeven=wisselen’);
.hs-banner-container {
breedte: 100%;
maximale breedte: 1200px;
marge: 0 automatisch;
vakschaduw: 0 15px 30px rgba(0, 0, 0, 0,08);
randradius: 12px;
overloop: verborgen;
positie: relatief;
}
.hs-banner {
weergave: flex;
hoogte: 300px;
positie: relatief;
achtergrond: lineair verloop (135 graden, #1a3a2f 0%, #2a5c46 100%);
}
.hs-banner-inhoud {
buigen: 1;
opvulling: 30px 40px;
weergave: flex;
flex-richting: kolom;
rechtvaardigen-inhoud: midden;
kleur: wit;
z-index: 2;
positie: relatief;
}
.hs-bannerafbeelding {
buigen: 1;
positie: relatief;
overloop: verborgen;
}
.hs-banner-afbeelding img {
breedte: 100%;
hoogte: 100%;
passend bij object: deksel;
objectpositie: midden;
}
.hs-logo {
lettertypefamilie: ‘Montserrat’, schreefloos;
lettertypegewicht: 700;
lettergrootte: 36px;
kleur: #fff;
marge-onder: 15px;
tekstschaduw: 2px 2px 0 #000;
}
.hs-slogan {
lettergrootte: 13px;
lettertypegewicht: 400;
dekking: 0,85;
letterafstand: 1px;
teksttransformatie: hoofdletters;
marge-onder: 20px;
lettertypefamilie: ‘Montserrat’, schreefloos;
}
.hs-cta-knop {
positie: absoluut;
links: 54%;
bodem: 5%;
transformeren: vertalen(-50%, -50%);
achtergrondkleur: #e8a838;
kleur: #1a3a2f;
tekstversiering: geen;
opvulling: 16px 40px;
grensradius: 8px;
lettertypegewicht: 700;
lettergrootte: 20px;
overgang: allemaal 0,3s gemak;
vakschaduw: 0 4px 12px rgba (232, 168, 56, 0,25);
lettertypefamilie: ‘Montserrat’, schreefloos;
tekst uitlijnen: centreren;
witruimte: nowrap;
z-index: 10;
}
.hs-cta-knop: hover {
achtergrondkleur: #f5bc4f;
transformeren: vertalen(-50%, -50%) schaal(1,05);
vakschaduw: 0 6px 20px rgba (232, 168, 56, 0,4);
}
@media (max. breedte: 900px) {
.hs-banner {
flex-richting: kolom;
hoogte: 350px;
}
.hs-banner-inhoud {
opvulling: 25px 30px;
}
.hs-bannerafbeelding {
hoogte: 150px;
}
.hs-cta-knop {
links: 50%;
bovenaan: berekening(100% – 150px/2);
transformeren: vertalen(-50%, -50%);
opvulling: 14px 32px;
lettergrootte: 18px;
}
.hs-cta-knop: hover {
transformeren: vertalen(-50%, -50%) schaal(1,05);
}
}
@media (max. breedte: 600px) {
.hs-banner {
hoogte: 300px;
}
.hs-banner-inhoud {
opvulling: 20px 25px;
}
.hs-logo {
lettergrootte: 22px;
tekstschaduw: 1px 1px 0 #000;
}
.hs-cta-knop {
opvulling: 12px 28px;
lettergrootte: 16px;
}
}

De Humane Society of Morocco-winkel
Elke aankoop helpt dieren

Winkel nu

[aangepaste broodkruimels]

Winkel met hart — Steun dieren in Marokko

.shop-held {
achtergrond: lineair verloop(
naar beneden,
#69DBAA 0%,
#5AC79A 100%
);
tekst uitlijnen: centreren;
opvulling: 100px 20px;
}
.shop-held h1 {
kleur: #0E1A17;
lettergrootte: 32px;
lettertypegewicht: 700;
}
.shop-held p {
kleur: #1A1A1A;
lettergrootte: 20px;
lijnhoogte: 1,5;
maximale breedte: 900px;
marge: 0 automatisch 20px;
}
.shop-held .cta-btn {
achtergrond: #AB1B2E;
kleur: #fff !belangrijk;
opvulling: 14px 36px;
grensradius: 6px;
lettergrootte: 18px;
lettertypegewicht: 600;
}

Met elke aankoop die u doet, steunt u rechtstreeks de redding, verzorging en het welzijn van dieren in heel Marokko.

Met onze vertrouwde partners is teruggeven moeiteloos: koop de dingen waar je van houdt en maak vandaag nog een verschil.

Samen zorgen we ervoor dat compassie verder gaat.

Winkel nu — Help vandaag nog →

Kar

💬 Wat onze supporters zeggen

“Ik vind het geweldig om te weten dat mijn aankopen echte reddingsacties voor zwerfdieren ondersteunen.” — Sarah M. (VK)
“Elke bestelling voelt als het helpen van een hond of kat in nood.” — Jonas L. (Duitsland)
“De kwaliteit is geweldig en de missie erachter maakt het nog beter.” — Amina R. (Frankrijk)
"Ik vertel al mijn vrienden over deze winkel: het is doelgericht winkelen." — Emily P. (VS)
“Mooie items en een nog mooier doel!” — Chloë B. (Frankrijk)
“Het is fijn om te weten dat mijn gift ook geredde dieren voedt.” — Marco D. (Italië)
"Het afrekenen was eenvoudig en ik hou van het verhaal achter elk product." — Layla S. (VAE)
“Het ondersteunen van een humane behandeling van dieren tijdens het winkelen – perfect.” — Thomas K. (Canada)
"Winkelen voor een goed doel. Ik kom terug!" — Nadia T. (Spanje)
“Elke aankoop voelt als een kleine daad van vriendelijkheid.” — Helen F. (Australië)

/* ================================
MAROKKO SPA – Getuigenissen
================================ */
.hsm-getuigenissen {
tekst uitlijnen: centreren;
marge: 70px automatisch;
maximale breedte: 850px;
opvulling: 50px 25px;
achtergrond: #fff7f8;
rand: 2px effen #f0d4d7;
randradius: 18px;
vakschaduw: 0 4px 18px rgba (171, 28, 45, 0,08);
lettertype-familie: “Poppins”, “Sans openen”, schreefloos;
}
.hsm-getuigenissen h2 {
lettergrootte: 1,8 rem;
kleur: #ab1c2d;
lettertypegewicht: 700;
marge-onder: 25px;
letterafstand: 0,3px;
}
.getuigenis-carrousel {
positie: relatief;
overloop: verborgen;
hoogte: 100px;
weergave: flex;
items uitlijnen: centreren;
rechtvaardigen-inhoud: midden;
}
.getuigenis-item {
positie: absoluut;
breedte: 100%;
dekking: 0;
overgang: dekking 1s gemak-in-uit;
lettergrootte: 1.1rem;
kleur: #444;
lettertype: cursief;
lijnhoogte: 1,5;
opvulling: 0 15px;
}
.testimonial-item.actief {
dekking: 1;
}
/* Responsieve lettergroottes */
@media (max. breedte: 768px) {
.hsm-getuigenissen {
opvulling: 40px 20px;
}
.hsm-getuigenissen h2 {
lettergrootte: 1,5 rem;
}
.getuigenis-item {
lettergrootte: 1rem;
}
}