@import url('https://fonts.googleapis.com/css2?family=Manrope:wght@300;400;500&display=swap');
/* Hp-hope 全站覆盖样式：只放主题原组件和故事页正文改不到的地方，全站加载 */

/* 首页商品卡（只限手机）：标签长短不一时按钮统一贴底对齐，短标签下面留空。
   电脑端卡片会被轮播拉高，套这套规则按钮会掉到很下面，所以不能全局生效 */
@media (max-width:959px){
.snippet-product-card-second{height:100%!important}
.snippet-product-card-second_a-link{display:flex!important;flex-direction:column!important;height:100%!important}
.snippet-product-card-second_a-link>.d-grid{margin-top:auto!important}
.snippet-product-card-second_super-tree{height:auto!important;align-items:flex-start}
.snippet-product-card-second_super-tree{max-width:100%}
.snippet-product-card-second_super-tree_text{height:auto!important;line-height:1.35!important;padding:4px 7px!important;white-space:nowrap!important;font-size:11px!important;letter-spacing:-.01em}
}

/* 商品列表页加购按钮：跟首页 BUY NOW 一样，黑底白字，悬停变白底黑字 */
.card__button-inner__button.button--secondary{background:#000!important;color:#fff!important;border:1px solid #000!important;box-shadow:none!important;transition:background .2s,color .2s}
.card__button-inner__button.button--secondary:before,.card__button-inner__button.button--secondary:after{display:none!important}
.card__button-inner__button.button--secondary:hover,.card__button-inner__button.button--secondary:focus-visible{background:#fff!important;color:#000!important}

/* 故事页（页面正文自带内联样式，这里只在手机端收小字号和间距） */
@media (max-width:749px){
  .hpos-hero{min-height:600px!important;padding:24px 0!important;background-size:auto 380px!important;background-position:calc(50vw - 874px) -12px!important}
  .hpos-hero:before{background:linear-gradient(0deg,rgba(3,5,10,.97) 40%,rgba(3,5,10,0) 60%)!important}
  .hpos-hero h1{font-size:25px!important;margin-bottom:12px!important}
  .hpos-hero p[style*="font-size: 17px"]{font-size:14px!important;line-height:1.6!important}
  .hpos p[style*="letter-spacing: 0.22em"]{font-size:11px!important;margin-bottom:8px!important}
  .hpos h2{font-size:22px!important;margin-bottom:10px!important}
  .hpos p[style*="line-height: 1.8"]{font-size:14px!important;line-height:1.65!important}
  .hpos-wrap[style*="padding-top: 88px"]{padding-top:40px!important}
  .hpos-wrap[style*="padding-bottom: 88px"]{padding-bottom:40px!important}
  .hpos-bleed[style*="padding: 88px"]{padding:40px 0!important;margin-top:40px!important}
  .hpos-bleed[style*="padding: 80px"]{padding:40px 0!important}
  .hpos div[style*="margin: 0 0 36px"],.hpos div[style*="margin: 0 0 30px"]{margin-bottom:20px!important}
  .hpos-row{gap:20px!important}
  .hpos-grid4 p[style*="font-size: clamp(32px"]{font-size:26px!important;margin-bottom:8px!important}
  .hpos-grid4 p[style*="font-size: 17px"]{font-size:15px!important}
  .hpos-grid4 p[style*="font-size: 14px"],.hpos-scn p[style*="font-size: 14px"],.hpos-tip p[style*="font-size: 14px"]{font-size:13px!important}
  .hpos-grid4>div,.hpos-grid4>div+div{padding-top:16px!important;padding-bottom:14px!important}
  .hpos-scn p[style*="font-size: 16px"],.hpos-tip p[style*="font-size: 16px"]{font-size:15px!important}
  .hpos-tips{gap:14px!important}
  .hpos-q{margin:18px 0 22px!important;gap:8px!important}
  .hpos-close{min-height:380px!important;padding:40px 20px!important}
  .hpos-close p[style*="font-size: clamp(32px"]{font-size:26px!important}
  .hpos-close p[style*="font-size: 17px"]{font-size:14px!important;margin-bottom:22px!important}
  .hpos-close p[style*="font-style: italic"]{font-size:13px!important;margin-top:20px!important}
}

/* 手机菜单：主题玻璃色取的是导航条的深色，菜单压在深色首屏上文字看不清 → 改成白色微透液态玻璃 */
@media (max-width:959px){
  .header.bz-floating .mobile-menu{background-color:transparent!important;background-image:linear-gradient(to bottom,rgba(255,255,255,.80),rgba(255,255,255,.68))!important;border:1px solid rgba(255,255,255,.7)!important;box-shadow:0 12px 32px rgba(0,0,0,.18),inset 0 1px 0 rgba(255,255,255,.9)!important;-webkit-backdrop-filter:blur(22px) saturate(170%)!important;backdrop-filter:blur(22px) saturate(170%)!important}
  .header.bz-floating .mobile-menu__link,.header.bz-floating .mobile-menu__sublink,.header.bz-floating .mobile-menu__feature-item,.header.bz-floating .mobile-menu *{color:#111!important;text-shadow:none!important}
  .header.bz-floating .mobile-menu__feature-item,.header.bz-floating .mobile-menu__feature-item *{background:none!important;box-shadow:none!important;filter:none!important}
}

/* 首页封面：图片按原比例铺满（电脑 16:9 / 手机 4:5），文字按定稿位置叠在图上；字号用容器宽度单位，跟着图片等比缩放 */
#shopline-section-template--index__featured-slideshow .featured-slideshow-slide__media{container-type:inline-size}
#shopline-section-template--index__featured-slideshow .featured-slideshow-slide__media::after{display:none!important}
#shopline-section-template--index__featured-slideshow .featured-slideshow-slide__text-wrapper{padding:0!important;display:block!important}
#shopline-section-template--index__featured-slideshow .featured-slideshow-slide__text{position:absolute!important;left:8%;top:56%;transform:translateY(-50%);width:auto!important;max-width:36%;text-align:left!important;color:#fff;font-family:Manrope,-apple-system,sans-serif}
#shopline-section-template--index__featured-slideshow .featured-slideshow-slide__eyebrow{display:flex;align-items:center;gap:.8cqw;margin:0 0 1.6cqw;font-size:max(9px,.85cqw);letter-spacing:.32em;text-transform:uppercase;color:#7FE0D6;font-weight:500;white-space:nowrap;font-family:Manrope,-apple-system,sans-serif}
#shopline-section-template--index__featured-slideshow .featured-slideshow-slide__eyebrow:before{content:"";width:2.4cqw;height:1px;background:#7FE0D6;flex:none}
#shopline-section-template--index__featured-slideshow .featured-slideshow-slide__title{margin:0 0 1.6cqw!important}
#shopline-section-template--index__featured-slideshow .featured-slideshow-slide__title span{font-family:Manrope,-apple-system,sans-serif!important;font-weight:300!important;font-size:4.6cqw!important;line-height:1.04!important;letter-spacing:-.02em!important;background:none!important;-webkit-text-fill-color:#fff!important;color:#fff!important}
#shopline-section-template--index__featured-slideshow .featured-slideshow-slide__desc{margin:0 0 2.4cqw!important;font-family:Manrope,-apple-system,sans-serif!important;font-size:max(10px,1.05cqw)!important;line-height:1.6!important;font-weight:400!important;color:rgba(255,255,255,.72)!important}
#shopline-section-template--index__featured-slideshow .featured-slideshow-slide__button.button{margin-top:0!important;display:inline-flex!important;align-items:center;gap:.8em;padding:.9em 1.8em!important;border-radius:99px!important;background:#1C7270!important;color:#fff!important;border:1px solid rgba(127,224,214,.45)!important;font-family:Manrope,-apple-system,sans-serif!important;font-weight:500!important;font-size:max(10px,1cqw)!important;letter-spacing:.06em!important;text-transform:none!important;box-shadow:none!important}
#shopline-section-template--index__featured-slideshow .featured-slideshow-slide__button.button:before,#shopline-section-template--index__featured-slideshow .featured-slideshow-slide__button.button:after{display:none!important}
#shopline-section-template--index__featured-slideshow .featured-slideshow-slide__button.button:hover{background:#155a58!important}
@media (max-width:959px){
  /* 手机端悬浮导航压在首屏上，封面整体下移让开导航 */
  #shopline-section-template--index__featured-slideshow{padding-top:calc(var(--header-mobile-height,60px) + 24px)}
  #shopline-section-template--index__featured-slideshow .featured-slideshow-slide__media{height:auto!important;min-height:0!important}
  #shopline-section-template--index__featured-slideshow .featured-slideshow-slide__text{left:8%;right:8%;top:6%;transform:none;max-width:none}
  #shopline-section-template--index__featured-slideshow .featured-slideshow-slide__eyebrow{font-size:max(8px,2.6cqw);margin-bottom:3cqw;gap:2cqw}
  #shopline-section-template--index__featured-slideshow .featured-slideshow-slide__eyebrow:before{width:6cqw}
  #shopline-section-template--index__featured-slideshow .featured-slideshow-slide__title span{font-size:10.5cqw!important}
  #shopline-section-template--index__featured-slideshow .featured-slideshow-slide__title{margin-bottom:2.4cqw!important}
  #shopline-section-template--index__featured-slideshow .featured-slideshow-slide__desc{font-size:max(9px,3.2cqw)!important;margin-bottom:3.6cqw!important}
  #shopline-section-template--index__featured-slideshow .featured-slideshow-slide__button.button{font-size:max(9px,3.2cqw)!important}
}

/* 订阅成功提示 */
.hp-subscribe-msg{margin:12px auto 0;max-width:560px;text-align:center;font-size:14px;color:#fff;background:rgba(255,255,255,.14);border-radius:10px;padding:10px 14px}

/* 手机商品页：吸底加购条会压住页脚最后一屏，给页脚留出底部空间 */
@media (max-width:959px){
  body[data-page-type="product"] #shopline-section-sections--footer-group__footer{padding-bottom:84px}
}

/* 手机菜单里 Brand story 前面的默认图标是一团模糊阴影，去掉图标，文字跟上面几项左对齐 */
@media (max-width:959px){
  .header.bz-floating .mobile-menu__feature-icon{display:none!important}
  .header.bz-floating .mobile-menu__feature-item{padding-left:10px!important;gap:0!important}
}

/* 电脑端悬浮导航：主题玻璃取的是深色，压在深色封面上菜单文字和图标看不清 → 同样改成白色微透玻璃 */
@media (min-width:960px){
  .header.bz-floating{background-image:linear-gradient(to right,rgba(255,255,255,.80),rgba(255,255,255,.66))!important;border:1px solid rgba(255,255,255,.7)!important;-webkit-backdrop-filter:blur(20px) saturate(170%)!important;backdrop-filter:blur(20px) saturate(170%)!important;box-shadow:0 8px 28px rgba(0,0,0,.12)!important}
}

/* 首页封面视频：电脑和手机各显示自己那一个，视频按原比例铺满 */
.featured-slideshow-slide__video video{display:block;width:100%;height:auto;object-fit:cover}
.hp-video-m{display:none!important}
@media (max-width:959px){.hp-video-pc{display:none!important}.hp-video-m{display:block!important}}