Negozio

/* Importa il carattere Montserrat */
@import url('https://fonts.googleapis.com/css2?family=Montserrat:wght@400;500;600;700&visualizza=scambia’);
.hs-contenitore-banner {
larghezza: 100%;
larghezza massima: 1200px;
margin: 0 auto;
box-ombra: 0 15px 30px rgba(0, 0, 0, 0.08);
raggio del bordo: 12px;
overflow: nascosto;
posizione: relativa;
}
.hs-banner {
display: flessibile;
altezza: 300px;
posizione: relativa;
sfondo: gradiente lineare (135 gradi, #1a3a2f 0%, #2a5c46 100%);
}
.hs-contenuto-banner {
flessibilità: 1;
imbottitura: 30px 40px;
display: flessibile;
direzione flessibile: colonna;
giustifica-contenuto: centro;
colore: bianco;
indice z: 2;
posizione: relativa;
}
.hs-immagine-banner {
flessibilità: 1;
posizione: relativa;
overflow: nascosto;
}
.hs-immagine-banner img {
larghezza: 100%;
altezza: 100%;
adattamento all'oggetto: copertura;
posizione dell'oggetto: centro;
}
.hs-logo {
famiglia di caratteri: "Montserrat", sans-serif;
peso carattere: 700;
dimensione carattere: 36px;
colore: #fff;
margine inferiore: 15px;
ombra testo: 2px 2px 0 #000;
}
slogan .hs {
dimensione carattere: 13px;
peso carattere: 400;
opacità: 0,85;
spaziatura tra lettere: 1px;
trasformazione del testo: maiuscolo;
margine inferiore: 20px;
famiglia di caratteri: "Montserrat", sans-serif;
}
pulsante .hs-cta {
posizione: assoluta;
a sinistra: 54%;
inferiore: 5%;
trasformazione: traduci(-50%, -50%);
colore di sfondo: #e8a838;
colore: #1a3a2f;
decorazione del testo: nessuna;
imbottitura: 16px 40px;
raggio del bordo: 8px;
peso carattere: 700;
dimensione carattere: 20px;
transizione: tutti gli 0,3 sono facili;
box-ombra: 0 4px 12px rgba(232, 168, 56, 0,25);
famiglia di caratteri: "Montserrat", sans-serif;
allineamento testo: centro;
spazi bianchi: nowrap;
indice z: 10;
}
.hs-cta-pulsante:passa il mouse {
colore di sfondo: #f5bc4f;
trasforma: traduci(-50%, -50%) scala(1.05);
box-ombra: 0 6px 20px rgba(232, 168, 56, 0.4);
}
@media (larghezza massima: 900px) {
.hs-banner {
direzione flessibile: colonna;
altezza: 350px;
}
.hs-contenuto-banner {
imbottitura: 25px 30px;
}
.hs-immagine-banner {
altezza: 150px;
}
pulsante .hs-cta {
sinistra: 50%;
in alto: calc(100% – 150px/2);
trasformazione: traduci(-50%, -50%);
imbottitura: 14px 32px;
dimensione carattere: 18px;
}
.hs-cta-pulsante:passa il mouse {
trasforma: traduci(-50%, -50%) scala(1.05);
}
}
@media (larghezza massima: 600px) {
.hs-banner {
altezza: 300px;
}
.hs-contenuto-banner {
imbottitura: 20px 25px;
}
.hs-logo {
dimensione carattere: 22px;
ombra testo: 1px 1px 0 #000;
}
pulsante .hs-cta {
imbottitura: 12px 28px;
dimensione carattere: 16px;
}
}

Negozio della Società Umanistica del Marocco
Ogni acquisto aiuta gli animali
Negozio della Società Umanistica del Marocco
Acquista Ora

[pangrattato_personalizzato]

Acquista con il cuore: sostieni gli animali in Marocco

.shop-eroe {
sfondo: gradiente lineare(
fino in fondo,
#69DBAA 0%,
#5AC79A 100%
);
allineamento testo: centro;
imbottitura: 100px 20px;
}
.shop-eroe h1 {
colore: #0E1A17;
dimensione carattere: 32px;
peso carattere: 700;
}
.shop-eroe p {
colore: #1A1A1A;
dimensione carattere: 20px;
altezza della linea: 1,5;
larghezza massima: 900px;
margine: 0 automatico 20px;
}
.shop-eroe .cta-btn {
sfondo: #AB1B2E;
colore: #fff !importante;
imbottitura: 14px 36px;
raggio del bordo: 6px;
dimensione carattere: 18px;
peso carattere: 600;
}

Ogni acquisto effettuato sostiene direttamente il salvataggio, la cura e il benessere degli animali in tutto il Marocco.

Con i nostri partner di fiducia, restituire è semplice: acquista le cose che ami e fai la differenza oggi stesso.

Insieme, stiamo facendo sì che la compassione vada oltre.

Acquista ora: aiuta oggi →

Carrello



💬 Cosa dicono i nostri sostenitori

"Mi piace sapere che i miei acquisti supportano il vero salvataggio di animali randagi." — Sarah M. (Regno Unito)
"Ogni ordine sembra come aiutare un cane o un gatto bisognoso." — Jonas L. (Germania)
"La qualità è ottima e la missione che sta dietro la rende ancora migliore." — Amina R. (Francia)
"Parlo di questo negozio a tutti i miei amici: fa acquisti con uno scopo." — Emily P. (Stati Uniti)
“Articoli bellissimi e causa ancora più bella!” — Chloe B. (Francia)
"È bello sapere che il mio dono dà da mangiare anche agli animali salvati." — Marco D. (Italia)
"Il pagamento è stato semplice e adoro la storia dietro ogni prodotto." — Layla S. (Emirati Arabi Uniti)
“Sostenere il trattamento umano degli animali durante lo shopping: perfetto.” — Thomas K. (Canada)
"Shopping per una grande causa. Tornerò!" — Nadia T. (Spagna)
"Ogni acquisto sembra un piccolo atto di gentilezza." — Helen F. (Australia)

/* ================================
MAROCCO TERME – Testimonianze
================================ */
.hsm-testimonianze {
allineamento testo: centro;
margine: 70px automatico;
larghezza massima: 850px;
imbottitura: 50px 25px;
sfondo: #fff7f8;
bordo: 2px solido #f0d4d7;
raggio del bordo: 18px;
box-ombra: 0 4px 18px rgba(171, 28, 45, 0,08);
famiglia di caratteri: “Poppins”, “Apri Sans”, sans-serif;
}
.hsm-testimonianze h2 {
dimensione carattere: 1,8rem;
colore: #ab1c2d;
peso carattere: 700;
margine inferiore: 25px;
spaziatura tra lettere: 0,3px;
}
.testimonial-carosello {
posizione: relativa;
overflow: nascosto;
altezza: 100px;
display: flessibile;
allineare gli elementi: centro;
giustifica-contenuto: centro;
}
.elemento-testimonianza {
posizione: assoluta;
larghezza: 100%;
opacità: 0;
transizione: opacità 1s facilità in-out;
dimensione carattere: 1.1rem;
colore: #444;
stile carattere: corsivo;
altezza della linea: 1,5;
imbottitura: 0 15px;
}
.articolo-testimonianza.attivo {
opacità: 1;
}
/* Dimensioni dei caratteri reattivi */
@media (larghezza massima: 768px) {
.hsm-testimonianze {
imbottitura: 40px 20px;
}
.hsm-testimonianze h2 {
dimensione carattere: 1,5rem;
}
.elemento-testimonianza {
dimensione carattere: 1rem;
}
}

Visualizzazione di 1-12 di 16 risultati