/* ייבוא ​​גופן מונטסראט */
@import url('https://fonts.googleapis.com/css2?family=Montserrat:wght@400;500;600;700&display=swap');
.hs-banner-container {
רוחב: 100%;
רוחב מקסימלי: 1200 פיקסלים;
שוליים: 0 אוטומטי;
box-shadow: 0 15px 30px rgba(0, 0, 0, 0.08);
border-radius: 12px;
overflow: מוסתר;
עמדה: קרוב משפחה;
}
.hs-banner {
תצוגה: flex;
גובה: 300 פיקסלים;
עמדה: קרוב משפחה;
רקע: linear-gradient(135deg, #1a3a2f 0%, #2a5c46 100%);
}
.hs-banner-content {
flex: 1;
ריפוד: 30px 40px;
תצוגה: flex;
flex-direction: עמודה;
להצדיק-תוכן: מרכז;
צבע: לבן;
z-index: 2;
עמדה: קרוב משפחה;
}
.hs-banner-image {
flex: 1;
עמדה: קרוב משפחה;
overflow: מוסתר;
}
.hs-banner-image img {
רוחב: 100%;
גובה: 100%;
התאמה לאובייקט: כיסוי;
מיקום אובייקט: מרכז;
}
.hs-logo {
font-family: 'Montserrat', sans-serif;
משקל גופן: 700;
גודל גופן: 36px;
צבע: #fff;
margin-bottom: 15px;
text-shadow: 2px 2px 0 #000;
}
.hs-tagline {
גודל גופן: 13px;
משקל גופן: 400;
אטימות: 0.85;
מרווח אותיות: 1px;
טקסט-טרנספורמציה: אותיות רישיות;
margin-bottom: 20px;
font-family: 'Montserrat', sans-serif;
}
.hs-cta-button {
מיקום: מוחלט;
שמאל: 54%;
תחתון: 5%;
transform: translate(-50%, -50%);
צבע רקע: #e8a838;
צבע: #1a3a2f;
קישוט טקסט: אין;
ריפוד: 16px 40px;
border-radius: 8px;
משקל גופן: 700;
גודל גופן: 20px;
מעבר: קלות כל 0.3 שניות;
box-shadow: 0 4px 12px rgba(232, 168, 56, 0.25);
font-family: 'Montserrat', sans-serif;
יישור טקסט: מרכז;
white-space: nowrap;
z-index: 10;
}
.hs-cta-button:hover {
צבע רקע: #f5bc4f;
transform: translate(-50%, -50%) scale(1.05);
box-shadow: 0 6px 20px rgba(232, 168, 56, 0.4);
}
@media (מקסימום רוחב: 900px) {
.hs-banner {
flex-direction: עמודה;
גובה: 350 פיקסלים;
}
.hs-banner-content {
ריפוד: 25px 30px;
}
.hs-banner-image {
גובה: 150 פיקסלים;
}
.hs-cta-button {
שמאל: 50%;
למעלה: calc(100% – 150px / 2);
transform: translate(-50%, -50%);
ריפוד: 14px 32px;
גודל גופן: 18px;
}
.hs-cta-button:hover {
transform: translate(-50%, -50%) scale(1.05);
}
}
@media (מקסימום רוחב: 600px) {
.hs-banner {
גובה: 300 פיקסלים;
}
.hs-banner-content {
ריפוד: 20px 25px;
}
.hs-logo {
גודל גופן: 22px;
text-shadow: 1px 1px 0 #000;
}
.hs-cta-button {
ריפוד: 12px 28px;
גודל גופן: 16px;
}
}

חנות האגודה ההומנית של מרוקו
כל רכישה עוזרת לבעלי חיים

קנה עכשיו

[פירורי לחם_מותאם אישית]

חנות עם לב - תמכו בבעלי חיים במרוקו

.shop-hero {
רקע: linear-gradient(
עד למטה,
#69DBAA 0%,
#5AC79A 100%
);
יישור טקסט: מרכז;
ריפוד: 100px 20px;
}
.shop-hero h1 {
צבע: #0E1A17;
גודל גופן: 32px;
משקל גופן: 700;
}
.shop-hero p {
צבע: #1A1A1A;
גודל גופן: 20px;
גובה קו: 1.5;
רוחב מקסימלי: 900 פיקסלים;
שוליים: 0 אוטומטי 20px;
}
.shop-hero .cta-btn {
רקע: #AB1B2E;
צבע: #fff !חשוב;
ריפוד: 14px 36px;
border-radius: 6px;
גודל גופן: 18px;
משקל גופן: 600;
}

כל רכישה שתבצע תומכת ישירות בהצלה, טיפול ורווחה לבעלי חיים ברחבי מרוקו.

עם השותפים המהימנים שלנו, ההחזר הוא ללא מאמץ - קנה את הדברים שאתה אוהב ועשה את ההבדל היום.

ביחד, אנחנו גורמים לחמלה ללכת רחוק יותר.

קנה עכשיו - עזרה היום ←

עֲגָלָה

💬 מה התומכים שלנו אומרים

"אני אוהב לדעת שהרכישות שלי תומכות בהצלת חיות תועה אמיתיות." - שרה מ. (בריטניה)
"כל הזמנה מרגישה כמו לעזור לכלב או חתול במצוקה." - ג'ונאס ל. (גרמניה)
"האיכות נהדרת והמשימה שמאחוריה הופכת את זה אפילו יותר טוב." - אמינה ר. (צרפת)
"אני מספר לכל החברים שלי על החנות הזו - זה קניות מתוך מטרה." - אמילי פ. (ארה"ב)
"פריטים יפים ומטרה עוד יותר יפה!" - קלואי בי (צרפת)
"זה נחמד לדעת שהמתנה שלי מאכילה גם חיות שניצלו." - מרקו ד. (איטליה)
"התשלום היה קל, ואני אוהב את הסיפור מאחורי כל מוצר." - ליילה ס. (איחוד האמירויות)
"תמיכה בטיפול אנושי לבעלי חיים בזמן קניות - מושלם." - תומאס ק. (קנדה)
"קונים למען מטרה נהדרת. אני אחזור!" - נדיה טי (ספרד)
"כל רכישה מרגישה כמו מעשה חסד קטן." - הלן פ. (אוסטרליה)

/* ===============================
SPA מרוקו – המלצות
================================= */
‎.hsm-testimonials {
יישור טקסט: מרכז;
שוליים: 70px אוטומטי;
רוחב מקסימלי: 850 פיקסלים;
ריפוד: 50px 25px;
רקע: #fff7f8;
גבול: 2px מוצק #f0d4d7;
border-radius: 18px;
box-shadow: 0 4px 18px rgba(171, 28, 45, 0.08);
משפחת גופנים: "פופינס", "פתח את Sans", סן-סריף;
}
.hsm-testimonials h2 {
גודל גופן: 1.8 רם;
צבע: #ab1c2d;
משקל גופן: 700;
margin-bottom: 25px;
מרווח אותיות: 0.3px;
}
.testimonial-carousel {
עמדה: קרוב משפחה;
overflow: מוסתר;
גובה: 100 פיקסלים;
תצוגה: flex;
align-items: center;
להצדיק-תוכן: מרכז;
}
.testimonial-item {
מיקום: מוחלט;
רוחב: 100%;
אטימות: 0;
מעבר: אטימות 1s קלות-in-out;
גודל גופן: 1.1 רם;
צבע: #444;
סגנון גופן: נטוי;
גובה קו: 1.5;
ריפוד: 0 15px;
}
.testimonial-item.active {
אטימות: 1;
}
/* גדלי גופנים רספונסיביים */
@media (מקסימום רוחב: 768px) {
‎.hsm-testimonials {
ריפוד: 40px 20px;
}
.hsm-testimonials h2 {
גודל גופן: 1.5 רם;
}
.testimonial-item {
גודל גופן: 1rem;
}
}