/* استيراد خط مونتسيرات */
@import url('https://fonts.googleapis.com/css2?family=Montserrat:wght@400;500;600;700&عرض = مبادلة ')؛
.hs-بانر-حاوية {
العرض: 100%؛
أقصى عرض: 1200 بكسل؛
الهامش: 0 تلقائي؛
ظل الصندوق: 0 15px 30px rgba(0, 0, 0, 0.08);
نصف قطر الحدود: 12 بكسل؛
الفائض: مخفي؛
الموقف: نسبي؛
}
.hs-بانر {
العرض: فليكس؛
الارتفاع: 300 بكسل؛
الموقف: نسبي؛
الخلفية: تدرج خطي (135 درجة، #1a3a2f 0%، #2a5c46 100%)؛
}
.hs-شعار-المحتوى {
فليكس: 1؛
الحشو: 30 بكسل 40 بكسل؛
العرض: فليكس؛
الاتجاه المرن: العمود؛
ضبط المحتوى: مركز؛
اللون: أبيض؛
مؤشر z: 2؛
الموقف: نسبي؛
}
.hs-بانر-صورة {
فليكس: 1؛
الموقف: نسبي؛
الفائض: مخفي؛
}
.hs-بانر-صورة img {
العرض: 100%؛
الارتفاع: 100%؛
ملاءمة الكائن: الغطاء؛
موضع الكائن: المركز؛
}
شعار .hs {
عائلة الخط: "Montserrat"، sans-serif؛
وزن الخط: 700؛
حجم الخط: 36 بكسل؛
اللون: #ففف؛
الهامش السفلي: 15 بكسل؛
ظل النص: 2px 2px 0 #000;
}
.hs-الشعار {
حجم الخط: 13 بكسل؛
وزن الخط: 400؛
العتامة: 0.85؛
تباعد الحروف: 1 بكسل؛
تحويل النص: أحرف كبيرة؛
الهامش السفلي: 20 بكسل؛
عائلة الخط: "Montserrat"، sans-serif؛
}
.hs-CTA زر {
الموقف: مطلق؛
اليسار: 54%؛
القاع: 5%؛
تحويل: ترجمة(-50%، -50%)؛
لون الخلفية: #e8a838؛
اللون: #1a3a2f؛
زخرفة النص: لا شيء؛
الحشو: 16 بكسل 40 بكسل؛
نصف قطر الحدود: 8 بكسل؛
وزن الخط: 700؛
حجم الخط: 20 بكسل؛
الانتقال: كل 0.3 ثانية سهل؛
ظل الصندوق: 0 4px 12px rgba(232, 168, 56, 0.25);
عائلة الخط: "Montserrat"، sans-serif؛
محاذاة النص: مركز؛
المساحة البيضاء: nowrap؛
مؤشر z: 10؛
}
.hs-CTA-زر:تحوم {
لون الخلفية: #f5bc4f؛
تحويل: ترجمة (-50%، -50%) مقياس (1.05)؛
ظل الصندوق: 0 6px 20px rgba(232, 168, 56, 0.4);
}
@media (أقصى عرض: 900 بكسل) {
.hs-بانر {
الاتجاه المرن: العمود؛
الارتفاع: 350 بكسل؛
}
.hs-شعار-المحتوى {
الحشو: 25 بكسل 30 بكسل؛
}
.hs-بانر-صورة {
الارتفاع: 150 بكسل؛
}
.hs-CTA زر {
اليسار: 50%؛
أعلى: احسب (100٪ – 150 بكسل / 2)؛
تحويل: ترجمة(-50%، -50%)؛
الحشو: 14 بكسل 32 بكسل؛
حجم الخط: 18 بكسل؛
}
.hs-CTA-زر:تحوم {
تحويل: ترجمة (-50%، -50%) مقياس (1.05)؛
}
}
@media (أقصى عرض: 600 بكسل) {
.hs-بانر {
الارتفاع: 300 بكسل؛
}
.hs-شعار-المحتوى {
الحشو: 20 بكسل 25 بكسل؛
}
شعار .hs {
حجم الخط: 22 بكسل؛
ظل النص: 1px 1px 0 #000;
}
.hs-CTA زر {
الحشو: 12 بكسل 28 بكسل؛
حجم الخط: 16 بكسل؛
}
}

متجر الجمعية الإنسانية المغربية
كل عملية شراء تساعد الحيوانات

تسوّق الآن

[custom_breadcrumbs]

تسوق بقلبك — ادعم الحيوانات في المغرب

.متجر البطل {
الخلفية: التدرج الخطي (
إلى الأسفل،
#69DBAA 0%,
#5AC79A 100%
);
محاذاة النص: مركز؛
الحشو: 100 بكسل 20 بكسل؛
}
.shop-hero h1 {
اللون: #0E1A17؛
حجم الخط: 32 بكسل؛
وزن الخط: 700؛
}
.متجر البطل ع {
اللون: #1A1A1A؛
حجم الخط: 20 بكسل؛
ارتفاع الخط: 1.5؛
أقصى عرض: 900 بكسل؛
الهامش: 0 تلقائي 20 بكسل؛
}
.shop-hero .cta-btn {
الخلفية: #AB1B2E؛
اللون: #fff! مهم؛
الحشو: 14 بكسل 36 بكسل؛
نصف قطر الحدود: 6 بكسل؛
حجم الخط: 18 بكسل؛
وزن الخط: 600؛
}

كل عملية شراء تقوم بها تدعم بشكل مباشر إنقاذ ورعاية ورفاهية الحيوانات في جميع أنحاء المغرب.

مع شركائنا الموثوقين، أصبح رد الجميل أمرًا سهلاً - تسوق الأشياء التي تحبها وأحدث فرقًا اليوم.

معًا، نجعل التعاطف يذهب إلى أبعد من ذلك.

تسوق الآن — المساعدة اليوم →

عربة

💬 ماذا يقول مؤيدونا

"أحب أن أعرف أن مشترياتي تدعم عمليات إنقاذ الحيوانات الضالة الحقيقية." — سارة م. (المملكة المتحدة)
"كل طلب يبدو وكأنه مساعدة كلب أو قطة محتاجة." — جوناس ل. (ألمانيا)
"الجودة رائعة والمهمة التي تكمن وراءها تجعلها أفضل." — أمينة ر. (فرنسا)
"أخبر جميع أصدقائي عن هذا المتجر، فهو يتسوق بهدف." - إميلي ب. (الولايات المتحدة الأمريكية)
"أشياء جميلة وسبب أجمل!" — كلوي ب. (فرنسا)
"من الجميل أن أعرف أن موهبتي تغذي أيضًا الحيوانات التي تم إنقاذها." — ماركو د. (إيطاليا)
"كانت عملية الدفع سهلة، وأنا أحب القصة وراء كل منتج." — ليلى س. (الإمارات العربية المتحدة)
“دعم المعاملة الإنسانية للحيوانات أثناء التسوق – أمر مثالي”. — توماس ك. (كندا)
"التسوق لسبب عظيم. سأعود!" - نادية ت. (إسبانيا)
"كل عملية شراء تبدو وكأنها عمل صغير من اللطف." — هيلين ف. (أستراليا)

/* ====================================================================
سبا المغرب – الشهادات
================================================================= */
.hsm-الشهادات {
محاذاة النص: مركز؛
الهامش: 70 بكسل تلقائي؛
أقصى عرض: 850 بكسل؛
الحشو: 50 بكسل 25 بكسل؛
الخلفية: #fff7f8;
الحدود: 2 بكسل الصلبة #f0d4d7؛
نصف قطر الحدود: 18 بكسل؛
ظل الصندوق: 0 4px 18px rgba(171, 28, 45, 0.08);
عائلة الخط: “بوبينز”, “فتح بلا”، بلا الرقيق؛
}
.hsm-الشهادات h2 {
حجم الخط: 1.8ريم؛
اللون: #ab1c2d؛
وزن الخط: 700؛
الهامش السفلي: 25 بكسل؛
تباعد الحروف: 0.3 بكسل؛
}
.الشهادة-دائري {
الموقف: نسبي؛
الفائض: مخفي؛
الارتفاع: 100 بكسل؛
العرض: فليكس؛
محاذاة العناصر: مركز؛
ضبط المحتوى: مركز؛
}
.عنصر الشهادة {
الموقف: مطلق؛
العرض: 100%؛
العتامة: 0؛
الانتقال: العتامة 1s سهولة الدخول والخروج؛
حجم الخط: 1.1rem؛
اللون: #444؛
نمط الخط: مائل؛
ارتفاع الخط: 1.5؛
الحشو: 0 15 بكسل؛
}
.الشهادة-البند.نشط {
العتامة: 1؛
}
/* أحجام الخطوط المستجيبة */
@media (أقصى عرض: 768 بكسل) {
.hsm-الشهادات {
الحشو: 40 بكسل 20 بكسل؛
}
.hsm-الشهادات h2 {
حجم الخط: 1.5ريم؛
}
.عنصر الشهادة {
حجم الخط: 1rem؛
}
}