/* home.css - 31392 补充层
   只放参考模板 style.css 没有、而本项目数据模型确实需要的规则。
   参考模板的页脚 SNS 用 sns01-05.png 固定图片, 本项目平台为
   email / wechat / whatsapp / phone, 故改用 style.css 已加载的
   fontawesome 字形 (font-family:'fontawesome'), 与参考图标同重量。 */

/* 页脚 SNS 图标 */
.foot_sns li a i {
    font-family: 'fontawesome';
    font-style: normal;
    font-size: 16px;
    line-height: 16px;
    color: #bbb;
    display: inline-block;
    vertical-align: middle;
    transition: all .3s ease;
}
.foot_sns li a:hover i {
    color: #fff;
    transform: scale(1.3) rotate(360deg);
}
.foot_sns li a i:before { content: '\f0ac'; }
.foot_sns li a.sns-email i:before    { content: '\f0e0'; }
.foot_sns li a.sns-wechat i:before   { content: '\f1d7'; }
.foot_sns li a.sns-whatsapp i:before { content: '\f232'; }
.foot_sns li a.sns-phone i:before    { content: '\f095'; }
.foot_sns li a.sns-facebook i:before  { content: '\f09a'; }
.foot_sns li a.sns-twitter i:before   { content: '\f099'; }
.foot_sns li a.sns-youtube i:before   { content: '\f167'; }
.foot_sns li a.sns-instagram i:before { content: '\f16d'; }
.foot_sns li a.sns-google i:before    { content: '\f1a0'; }
.foot_sns li a.sns-linkedin i:before  { content: '\f0e1'; }

/* 首页推荐产品卡片：容器视觉扩大 20%。
   用 transform:scale(1.2) 对 .item_img 容器做纯视觉放大(不占布局、不依赖
   aspect-ratio 百分比高度，跨浏览器稳定)；父级 figure 放开 overflow 避免裁切，
   并增加底部留白与标题区域，保证放大后不遮标题。
   容器高度固定 451px(scale 1.2 后视觉 541px = 原 491px 再 +50px)，宽度随
   swiper slide 自适应。 */
.index_product .product_item figure {
    overflow: visible;
}
.index_product .product_item .item_img {
    aspect-ratio: auto;
    height: 451px;
    margin: 0 13px;
    display: flex;
    align-items: center;
    justify-content: center;
    overflow: hidden;
    transform: scale(1.2);
}
.index_product .product_item .item_img img {
    flex-shrink: 0;
    width: 100%;
    height: 100%;
    max-width: none;
    object-fit: contain;
    object-position: center;
}
.index_product .product_item .item_title a {
    position: relative;
    bottom: auto;
    margin-top: 30px;
}

/* 首页底部 promote 大图：图片完整显示不裁切，70% 宽度居中，
   区块背景用纯白(#fff)与图片白底一致，图片左右不再露出灰/黑色框。 */
.index_promote {
    background-color: #ffffff;
}
.index_promote .promote_item a {
    overflow: hidden;
    display: block;
    width: 70%;
    margin: 0 auto;
}
.index_promote .promote_item a img {
    width: 100%;
    height: auto;
    object-fit: contain;
}

/* 首页 "Our stand mixers are simply the best." 区域背景图 + 半透明深色遮罩 */
.index_company_intr .company_intr_cont {
    background-image: linear-gradient(rgba(0,0,0,0.4), rgba(0,0,0,0.4)), url('/static/images/221.jpg');
    background-size: cover;
    background-position: center;
}

/* 首页 index_business (FIND OUT MORE 区域)：
   去掉原 style.css 的 text-align:center 居中属性，改为左对齐；
   容器改为 max-content 自适应内容宽度 + 左缘固定偏移 1000px 整体右移，
   文本保持单行不被压缩/截断。 */
.index_business {
    text-align: left;
}
.index_business .layout {
    width: auto;
    max-width: none;
    padding-left: 0;
    margin: 0 88px 0 1000px;
}
@media (max-width: 1200px) {
    .index_business .layout {
        width: auto;
        max-width: 1240px;
        margin: 0 auto;
    }
}