/* 导入蒙特塞拉特字体 */
@import url(‘https://fonts.googleapis.com/css2?family=蒙特塞拉特:wght@400;500;600;700&显示=交换’);
.hs-横幅容器{
宽度：100%；
最大宽度：1200px；
保证金：0 自动；
盒子阴影: 0 15px 30px rgba(0, 0, 0, 0.08);
边框半径：12px；
溢出：隐藏；
位置：相对；
}
.hs-横幅{
显示：柔性；
高度：300px；
位置：相对；
背景：线性渐变（135deg，#1a3a2f 0%，#2a5c46 100%）；
}
.hs-横幅内容{
弹性：1；
内边距：30 像素 40 像素；
显示：柔性；
弹性方向：列；
调整内容：居中；
颜色: 白色;
z 索引：2；
位置：相对；
}
.hs-横幅图像{
弹性：1；
位置：相对；
溢出：隐藏；
}
.hs-横幅图像 img {
宽度：100%；
高度：100%；
对象适配：覆盖；
对象位置：中心；
}
.hs-标志{
字体系列：“蒙特塞拉特”，无衬线字体；
字体粗细：700；
字体大小：36px；
颜色：#fff；
下边距：15px；
文本阴影：2px 2px 0 #000；
}
.hs-标语{
字体大小：13px；
字体粗细：400；
不透明度：0.85；
字母间距：1px；
文本转换：大写；
下边距：20px；
字体系列：“蒙特塞拉特”，无衬线字体；
}
.hs-cta-按钮 {
位置：绝对；
左：54%；
底部：5%；
变换：翻译（-50%，-50%）；
背景颜色：#e8a838；
颜色：#1a3a2f；
文本装饰：无；
内边距：16 像素 40 像素；
边框半径：8px；
字体粗细：700；
字体大小：20px；
过渡：全部 0.3s 缓和；
盒子阴影: 0 4px 12px rgba(232, 168, 56, 0.25);
字体系列：“蒙特塞拉特”，无衬线字体；
文本对齐：居中；
空白：nowrap；
z 索引：10；
}
.hs-cta-button:悬停{
背景颜色：#f5bc4f；
变换：平移（-50%，-50%）缩放（1.05）；
盒子阴影: 0 6px 20px rgba(232, 168, 56, 0.4);
}
@media（最大宽度：900px）{
.hs-横幅{
弹性方向：列；
高度：350像素；
}
.hs-横幅内容{
内边距：25 像素 30 像素；
}
.hs-横幅图像{
高度：150 像素；
}
.hs-cta-按钮 {
左：50%；
顶部：计算（100% – 150 像素/2);
变换：翻译（-50%，-50%）；
内边距：14px 32px；
字体大小：18px；
}
.hs-cta-button:悬停{
变换：平移（-50%，-50%）缩放（1.05）；
}
}
@media（最大宽度：600px）{
.hs-横幅{
高度：300px；
}
.hs-横幅内容{
内边距：20px 25px；
}
.hs-标志{
字体大小：22px；
文本阴影：1px 1px 0 #000；
}
.hs-cta-按钮 {
内边距：12px 28px；
字体大小：16px；
}
}

摩洛哥人道协会商店
每次购买都会帮助动物

立即购买

[自定义面包屑]

用心购物——支持摩洛哥的动物

.shop-英雄 {
背景：线性渐变（
到底部，
#69DBAA 0%,
#5AC79A 100%
）；
文本对齐：居中；
内边距：100px 20px；
}
.shop-英雄 h1 {
颜色：#0E1A17；
字体大小：32px；
字体粗细：700；
}
.shop-英雄 p {
颜色：#1A1A1A；
字体大小：20px；
行高：1.5；
最大宽度：900px；
边距：0 自动 20 像素；
}
.shop-hero .cta-btn {
背景：#AB1B2E；
颜色：#fff！重要；
内边距：14px 36px；
边框半径：6px；
字体大小：18px；
字体粗细：600；
}

您的每一次购买都会直接支持摩洛哥各地动物的救援、护理和福利。

有了我们值得信赖的合作伙伴，回馈社会变得毫不费力——购买您喜爱的东西，今天就做出改变。

我们共同努力，让同情心走得更远。

立即购买 — 立即帮助 →

大车

💬 我们的支持者怎么说

“我喜欢知道我的购买支持真正的流浪动物救援。” — 莎拉·M.（英国）
“每一个订单都像是在帮助有需要的狗或猫。” — 乔纳斯·L.（德国）
“质量很棒，背后的使命让它变得更好。” — Amina R.（法国）
“我向我所有的朋友介绍了这家商店——这是有目的的购物。” — Emily P.（美国）
“美丽的物品，更美丽的事业！” — Chloe B.（法国）
“很高兴知道我的礼物也可以喂养被拯救的动物。” — Marco D.（意大利）
“结账很简单，我喜欢每件产品背后的故事。” — Layla S.（阿联酋）
“支持在购物时人道对待动物——完美。” — 托马斯·K.（加拿大）
“为了伟大的事业而购物。我会回来的！” — Nadia T.（西班牙）
“每次购买都感觉像是一次小小的善举。” — 海伦·F.（澳大利亚）

/* ==================================
摩洛哥水疗中心 – 感言
================================== */
.hsm-感言{
文本对齐：居中；
边距：70px 自动；
最大宽度：850px；
内边距：50px 25px；
背景：#fff7f8；
边框：2px实线#f0d4d7；
边框半径：18px；
盒子阴影: 0 4px 18px rgba(171, 28, 45, 0.08);
字体系列： “波平斯”, “打开无字体”, 无衬线字体;
}
.hsm-感言 h2 {
字体大小：1.8rem；
颜色：#ab1c2d；
字体粗细：700；
下边距：25px；
字母间距：0.3px；
}
.推荐轮播{
位置：相对；
溢出：隐藏；
高度：100px；
显示：柔性；
对齐项目：居中；
调整内容：居中；
}
.推荐项目{
位置：绝对；
宽度：100%；
不透明度：0；
过渡：不透明度 1s 缓入缓出；
字体大小：1.1rem；
颜色：#444；
字体样式：斜体；
行高：1.5；
内边距：0 15px；
}
.testimonial-item.active {
不透明度：1；
}
/* 响应字体大小 */
@media（最大宽度：768px）{
.hsm-感言{
内边距：40px 20px；
}
.hsm-感言 h2 {
字体大小：1.5rem；
}
.推荐项目{
字体大小：1rem；
}
}