/** Shopify CDN: Minification failed

Line 462:28 Expected "}" to go with "{"

**/
/*body background color*/
body{background-color:#fbf7f0 !important;}
.section.pb-min { background-color: #fbf7f0;}

.shopify-section .color-default {
    --color-background: #fbf7f0;}

.shopify-section .gradient{
    background: #fbf7f0;}




@media (min-width: 1025px) and (pointer: fine) and (prefers-reduced-motion: no-preference) {
    .btn:not(.cart-discount-remove):hover, .btn-outline:hover, .btn-primary:hover {
        --btn-color: var(--btn-primary-hover-color);
        --btn-border-color: #fa703b;
        --btn-bg: #fa703b;
        --btn-bg-gradient: #fa703b;
    }


.collection-item__wrapper:hover .collection-item__information .icon_collection {
   
    background-color: #fa703b;
}




.menu_label.hot {
    --menu-label-bg: #fa703b;
    
}

.h-count {
    background-color: #fa703b;
    
}


.invisible-1025 .gradient {background: transparent;}





/* ===== Footer整体 ===== */
.footer__middle {
  padding: 70px 0 50px;
  border-top: 1px solid rgba(255, 255, 255, 0.08);
} /* ===== Footer四列布局 ===== */
.footer__blocks {
  display: flex;
  flex-wrap: wrap;
  gap: 60px;
  justify-content: space-between;
} /* ===== About Us ===== */
.footer__blocks .custom_liquid {
  flex: 1.6;
  min-width: 280px;
} /* ===== Quick Links ===== */
.footer__blocks .link_list:nth-child(2) {
  flex: 1;
  min-width: 180px;
} /* ===== Products ===== */
.footer__blocks .link_list:nth-child(3) {
  flex: 1.2;
  min-width: 220px;
} /* ===== Contact ===== */
.footer__blocks .store_info {
  flex: 1.4;
  min-width: 260px;
} /* ===== 标题 ===== */
.footer__block-heading {
  font-size: 20px !important;
  font-weight: 700;
  margin-bottom: 18px !important;
  letter-spacing: 0.3px;
} /* ===== About文字 ===== */
.style-about-text {
  font-size: 15px !important;
  line-height: 1.9 !important;
  opacity: 0.85;
  max-width: 100% !important;
} /* ===== 链接列表 ===== */
.footer-block ul li {
  margin-bottom: 12px;
}
.footer-block ul li a {
  transition: 0.3s;
  opacity: 0.85;
}
.footer-block ul li a:hover {
  padding-left: 6px;
  opacity: 1;
} /* ===== 电话邮箱 ===== */
.footer__store-info {
  margin-bottom: 12px;
}
.footer__store-info a {
  font-size: 15px;
  font-weight: 500;
} /* ===== 社交图标 ===== */
.list-social {
  margin-top: 25px;
}
.list-social__item a {
  transition: 0.3s;
  transform: translateY(0);
}
.list-social__item a:hover {
  transform: translateY(-4px);
} /* ===== 手机版 ===== */
@media (max-width: 768px) {
  .footer__middle {
    padding: 50px 0 20px;
  }
  .footer__blocks {
    gap: 25px;
  }
  .footer-block {
    width: 100% !important;
    min-width: 100% !important;
  }
  .footer__block-heading {
    font-size: 18px !important;
  }
  .style-about-text {
    max-width: 100% !important;
  }
}


.index .footer.border-top:not(.remove_spacing-on-home) {
    margin-top: -40px;
}







/*科学页面一行3个区域图片尺寸*/


#template--26570068558142__multi_content_DgW4KK .section__block-inner,
#template--26570068558142__multi_content_DgW4KK .banner__media {
  --aspect-ratio: 0.75 !important;
}
#template--26570068558142__multi_content_DgW4KK img,
#template--26570068558142__multi_content_DgW4KK svg {
  object-fit: cover !important;
  height: 100% !important;
  width: 100% !important;
}
#template--26570068558142__multi_content_DgW4KK .section__block {
  transition: transform 0.3s ease !important;
}
#template--26570068558142__multi_content_DgW4KK .section__block:hover {
  transform: translateY(-5px) !important;
}

/*首页一行3个图片正方形*/

#template--26564285989182__multi_content_Mxw93h .section__block-inner,
#template--26564285989182__multi_content_Mxw93h .banner__media {
  --aspect-ratio: 1 !important;
}
#template--26564285989182__multi_content_Mxw93h img {
  object-fit: cover !important;
  height: 100% !important;
  width: 100% !important;
}
#template--26564285989182__multi_content_Mxw93h .section__block {
  align-self: stretch !important;
}
#template--26564285989182__multi_content_Mxw93h .group-text {
  height: 100% !important;
  display: flex !important;
  flex-direction: column !important;
  justify-content: center !important;
}


/*首页 about 区域 图片4：3*/

.banner__media {
  --aspect-ratio: 1.333333 !important;
}
.banner__media img {
  object-fit: cover !important;
  height: 100% !important;
  width: 100% !important;
}

/*text style*/

.section.pb-min {
   
    margin-bottom: 40px !important;
}


.header.section.pb-min {
   
    margin-bottom: 0px !important;
}








/*产品分类页面的视频禁止自动播放*/

/* 1. 强行显示视频，但通过定位和层级，让它在没播放时静静待在下面 */

#shopify-section-template--26604813943102__video_width_text_ovlerlay_F49KcU video {
  display: block !important;
  opacity: 0; /* 默认透明，不盖住封面 */
  transition: opacity 0.3s ease;
  z-index: 1;
}

/* 2. 当视频被点击、或者处于播放状态时，让它显现出来 */
#shopify-section-template--26604813943102__video_width_text_ovlerlay_F49KcU .sec__inner.is-playing video {
  opacity: 1;
  z-index: 3;
}

/* 3. 强制把封面图垫在最底下作为背景 */
#shopify-section-template--26604813943102__video_width_text_ovlerlay_F49KcU .banner__media {
  background-image: url('/cdn/shop/files/See_How_Targeted_Light_Therapy_Fits_Into_Everyday_Life.webp?v=1785295719') !important;

  
  background-size: cover;
  background-position: center;
  cursor: pointer;
}

/* 4. 用纯 CSS 在图片正中间“画”一个高档的三角播放按钮 */
#shopify-section-template--26604813943102__video_width_text_ovlerlay_F49KcU .sec__inner::after {
  content: "";
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  width: 70px;
  height: 70px;
  background: rgba(255, 255, 255, 0.2);
  backdrop-filter: blur(5px);
  -webkit-backdrop-filter: blur(5px);
  border: 2px solid #ffffff;
  border-radius: 50%;
  z-index: 2;
  cursor: pointer;
  transition: all 0.3s ease;
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='%23ffffff'%3E%3Cpath d='M8 5v14l11-7z'/%3E%3C/svg%3E");
  background-repeat: no-repeat;
  background-position: calc(50% + 1px) center;
  background-size: 30px;
}

/* 5. 鼠标悬停在播放按钮上时的微动特效 */
#shopify-section-template--26604813943102__video_width_text_ovlerlay_F49KcU .sec__inner:hover::after {
  transform: translate(-50%, -50%) scale(1.1);
  background-color: rgba(255, 255, 255, 0.4);
}

/* 6. 当视频播放时，自动隐藏这个播放按钮 */
#shopify-section-template--26604813943102__video_width_text_ovlerlay_F49KcU .sec__inner.is-playing::after {
  display: none !important;
}


/*faq 美化效果 和 页面卡片*/
.sec__content .motion-item{background-color:#fff;
        padding:5px 20px 5px 20px;
        margin-bottom: 15px;
        border-radius: 10px;
}




.motion-item{background-color:#fff;
        padding:20px;
        margin-bottom: 15px;
        border-radius: 10px;
}




:where(.border-bottom), .border-0.border-bottom {
    border-bottom: 0px solid var(--color-border);
}







/* ==================================================
   Recovery Cycle Section首页黑色区域
   ================================================== */

/* 基础区域 */
.custom-step-section{
    background:#0c0c0c;
    color:#fff;
    padding:80px 40px;
    font-family:-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,sans-serif;
    overflow:hidden;
    border-radius:12px;
}

.step-container{
    max-width:1200px;
    margin:0 auto;
    display:flex;
    align-items:center;
    gap:50px;
}

/* ==================================================
   左侧标题
   ================================================== */

.step-header-box{
    flex:1.2;
    max-width:400px;
}

.step-sub-title{
    color:#888;
    font-size:12px;
    letter-spacing:2px;
    text-transform:uppercase;
    margin-bottom:15px;
}

.step-main-title{
    font-size:36px;
    line-height:1.2;
    font-weight:500;
    margin:0 0 20px;
    color:#fff;
}

.step-desc{
    color:#aaa;
    font-size:15px;
    line-height:1.6;
    margin:0;
}

/* ==================================================
   右侧流程
   ================================================== */

.step-items-wrapper{
    flex:2.5;
    display:flex;
    justify-content:space-between;
    gap:20px;
}

.step-item{
    flex:1;
    text-align:center;
    position:relative;
}

/* ==================================================
   Icon Circle
   ================================================== */

.icon-circle{
    width:80px;
    height:80px;
    margin:0 auto 25px;
    display:flex;
    align-items:center;
    justify-content:center;
    border-radius:50%;
    border:1px solid rgba(255,255,255,.15);
    background:rgba(255,255,255,.02);
}

.icon-circle svg{
    width:32px;
    height:32px;
    stroke:#fff;
}

/* ==================================================
   文本
   ================================================== */

.item-title{
    margin:0 0 10px;
    color:#fff;
    font-size:14px;
    font-weight:600;
    letter-spacing:1.5px;
    text-transform:uppercase;
}

.item-text{
    margin:0;
    padding:0 10px;
    color:#888;
    font-size:13px;
    line-height:1.5;
}

/* ==================================================
   箭头连接线
   ================================================== */

.step-item:not(.no-arrow)::after{
    content:"";
    position:absolute;
    top:40px;
    right:-25%;
    width:40px;
    height:1px;
    background:rgba(255,255,255,.2);
}

.step-item:not(.no-arrow)::before{
    content:"";
    position:absolute;
    top:38px;
    right:-25%;
    width:5px;
    height:5px;
    border-top:1px solid rgba(255,255,255,.2);
    border-right:1px solid rgba(255,255,255,.2);
    transform:rotate(45deg);
}


/*about us page hidden page title*/

#shopify-section-template--26564286054718__page-heading .sec__page-heading{display:none;}


/*policy page h2 title font size*/

.policy h2{font-size:2.0em;}