/*
 * Custom code goes here.
 * A template should always ship with an empty custom.css
 */

/* 自定义 logo 样式 */
.logo {
    /* 您的自定义样式 */
}
.paypal-img{
 width:200px important;
height:30px !important;
}

/* 如果没有 img-fluid 类，可以添加响应式样式 */
#header_logo img {
    max-width: 100%;
    height: auto;
}
.leo-list-product-reviews{
 display: none !important;
}



/* —— 块 1 MULTI-PLATFORM —— */
.feat-multiplatform{
  display:block; text-decoration:none; text-align:center;
  font-family:'Helvetica Neue',Arial,'PingFang SC','Microsoft YaHei',sans-serif;
  box-sizing:border-box;
  width:100%; max-width:300px; margin:0 auto;
  padding:clamp(16px,3.5vw,28px) clamp(8px,2.5vw,20px);
  transition:transform .2s ease;
}
.feat-multiplatform:hover{transform:translateY(-3px);}
.feat-multiplatform__icon{
  display:inline-block;
  width:clamp(1.5rem,1.3rem + 1vw,2rem);
  height:clamp(1.5rem,1.3rem + 1vw,2rem);
  color:#1d1d1d; margin-bottom:clamp(10px,1.8vw,16px); transition:color .2s ease;
}
.feat-multiplatform__title{
  margin:0 0 clamp(8px,1.4vw,14px);
  font-size:clamp(1.15rem,0.85rem + 1.5vw,1.85rem);
  font-weight:400; line-height:1.2; letter-spacing:0.06em;
  text-transform:uppercase; color:#1d1d1d; transition:color .2s ease;
}
.feat-multiplatform__desc{
  margin:0; font-size:clamp(0.85rem,0.8rem + 0.3vw,1rem); line-height:1.7; color:#555;
}
.feat-multiplatform:hover .feat-multiplatform__icon,
.feat-multiplatform:hover .feat-multiplatform__title{color:#e60023;}

/* —— 块 2 DELIVERY WORLD —— */
.feat-delivery{
  display:block; text-decoration:none; text-align:center;
  font-family:'Helvetica Neue',Arial,'PingFang SC','Microsoft YaHei',sans-serif;
  box-sizing:border-box;
  width:100%; max-width:300px; margin:0 auto;
  padding:clamp(16px,3.5vw,28px) clamp(8px,2.5vw,20px);
  transition:transform .2s ease;
}
.feat-delivery:hover{transform:translateY(-3px);}
.feat-delivery__icon{
  display:inline-block;
  width:clamp(1.5rem,1.3rem + 1vw,2rem);
  height:clamp(1.5rem,1.3rem + 1vw,2rem);
  color:#1d1d1d; margin-bottom:clamp(10px,1.8vw,16px); transition:color .2s ease;
}
.feat-delivery__title{
  margin:0 0 clamp(8px,1.4vw,14px);
  font-size:clamp(1.15rem,0.85rem + 1.5vw,1.85rem);
  font-weight:400; line-height:1.2; letter-spacing:0.06em;
  text-transform:uppercase; color:#1d1d1d; transition:color .2s ease;
}
.feat-delivery__desc{
  margin:0; font-size:clamp(0.85rem,0.8rem + 0.3vw,1rem); line-height:1.7; color:#555;
}
.feat-delivery:hover .feat-delivery__icon,
.feat-delivery:hover .feat-delivery__title{color:#e60023;}

/* —— 块 3 SECURE PAYMENT —— */
.feat-payment{
  display:block; text-decoration:none; text-align:center;
  font-family:'Helvetica Neue',Arial,'PingFang SC','Microsoft YaHei',sans-serif;
  box-sizing:border-box;
  width:100%; max-width:300px; margin:0 auto;
  padding:clamp(16px,3.5vw,28px) clamp(8px,2.5vw,20px);
  transition:transform .2s ease;
}
.feat-payment:hover{transform:translateY(-3px);}
.feat-payment__icon{
  display:inline-block;
  width:clamp(1.5rem,1.3rem + 1vw,2rem);
  height:clamp(1.5rem,1.3rem + 1vw,2rem);
  color:#1d1d1d; margin-bottom:clamp(10px,1.8vw,16px); transition:color .2s ease;
}
.feat-payment__title{
  margin:0 0 clamp(8px,1.4vw,14px);
  font-size:clamp(1.15rem,0.85rem + 1.5vw,1.85rem);
  font-weight:400; line-height:1.2; letter-spacing:0.06em;
  text-transform:uppercase; color:#1d1d1d; transition:color .2s ease;
}
.feat-payment__desc{
  margin:0; font-size:clamp(0.85rem,0.8rem + 0.3vw,1rem); line-height:1.7; color:#555;
}
.feat-payment:hover .feat-payment__icon,
.feat-payment:hover .feat-payment__title{color:#e60023;}

/* —— 块 4 CLIENT SERVICE —— */
.feat-service{
  display:block; text-decoration:none; text-align:center;
  font-family:'Helvetica Neue',Arial,'PingFang SC','Microsoft YaHei',sans-serif;
  box-sizing:border-box;
  width:100%; max-width:300px; margin:0 auto;
  padding:clamp(16px,3.5vw,28px) clamp(8px,2.5vw,20px);
  transition:transform .2s ease;
}
.feat-service:hover{transform:translateY(-3px);}
.feat-service__icon{
  display:inline-block;
  width:clamp(1.5rem,1.3rem + 1vw,2rem);
  height:clamp(1.5rem,1.3rem + 1vw,2rem);
  color:#1d1d1d; margin-bottom:clamp(10px,1.8vw,16px); transition:color .2s ease;
}
.feat-service__title{
  margin:0 0 clamp(8px,1.4vw,14px);
  font-size:clamp(1.15rem,0.85rem + 1.5vw,1.85rem);
  font-weight:400; line-height:1.2; letter-spacing:0.06em;
  text-transform:uppercase; color:#1d1d1d; transition:color .2s ease;
}
.feat-service__desc{
  margin:0; font-size:clamp(0.85rem,0.8rem + 0.3vw,1rem); line-height:1.7; color:#555;
}
.feat-service:hover .feat-service__icon,
.feat-service:hover .feat-service__title{color:#e60023;}




.my-footer .ApRow{
  display:grid;
  grid-template-columns:repeat(2, 1fr);     /* 手机：一行 2 个 */
  gap:clamp(8px, 2.5vw, 14px);
  margin-left:0;                            /* 清掉 Bootstrap row 的负 margin */
  margin-right:0;
}


.my-footer .ApRow > .ApColumn{
  width:auto;
  max-width:none;        /* 抵消 col-*-3 的 max-width:25% */
  flex:none;             /* 抵消 Bootstrap 4 的 flex:0 0 25% */
  float:none;            /* 抵消 Bootstrap 3 残留的 float:left */
  padding-left:0;        /* 去掉栅格 gutter，间距交给上面的 gap */
  padding-right:0;
  margin:0;
}

/* 让块本身撑满所在列（覆盖 feat-* 里的 max-width:300px / margin:auto） */
.my-footer .ApRow > .ApColumn > a{
  max-width:none;
  width:100%;
  margin:0;
}

/* PC：一行 4 个，恢复原图横排 */
@media (min-width: 768px){
  .my-footer .ApRow{
    grid-template-columns:repeat(4, 1fr);   /* PC：一行 4 个 */
    gap:clamp(14px, 1.6vw, 28px);
  }
}