/** Shopify CDN: Minification failed

Line 358:1 Expected "}" to go with "{"

**/
/* ========== 1. 产品页 & 列表页 SALE 标签（product-tag） ========== */
.product-tag.gradient-theme{
  border-radius:8px!important;
  padding:4px 10px!important;
  font-size:12px!important;
  line-height:1!important;
  font-weight:600!important;
  background:#EB4D55!important;
  color:#fff!important;
}

/* hover 不再变直角、不跳色 */
.product-tag.gradient-theme:hover{
  border-radius:8px!important;
  background:#EB4D55!important;
  color:#fff!important;
}

/* ========== 2. 商品列表折扣百分比（-40%、-41% 那种） ========== */
.product-item .product-tag,
.product-item [class*="discount"],
.product-item [class*="percent"],
.product-item [class*="off"]{
  border-radius:8px!important;
  padding:4px 10px!important;
  font-size:12px!important;
  line-height:1!important;
  font-weight:600!important;
}

/* ========== 3. 所有主按钮（Hero / 产品页 / 购物车）统一圆角 + hover ========== */
.slideshow a.btn,
.slideshow a.btn:hover,
button[name="add"],
button[name="add"]:hover,
.product-form__submit,
.product-form__submit:hover,
.cart__checkout,
.cart__checkout:hover,
.shopify-payment-button__button,
.shopify-payment-button__button:hover{
  border-radius:10px!important;
}

/* hover 统一颜色（与你现在主色一致） */
.slideshow a.btn:hover,
.product-form__submit:hover,
.cart__checkout:hover{
  background:#E95A68!important;
}

/* ========== 4. 购物车抽屉 / 弹窗里的 CHECKOUT 按钮 ========== */
.cart-drawer button,
.cart-drawer button:hover{
  border-radius:10px!important;
}

/* ========== 5. 防止 hover 出现“直角回跳”的根源修复 ========== */
.slideshow a.btn::before,
.slideshow a.btn::after,
.product-form__submit::before,
.product-form__submit::after{
  border-radius:inherit!important;
}
@media (max-width: 768px){
  .slideshow img,
  .slideshow__image,
  .slideshow__img,
  .slide__image,
  .banner__media img{
    max-width: 75% !important;
    margin-left: auto !important;
    margin-right: 0 !important;
    display: block;
  }
}
@media (max-width: 768px){

  /* Hero 图片容器整体向右 */
  .slideshow__image,
  .slideshow__media,
  .banner__media,
  .slide__image {
    transform: translateX(40%) scale(0.95) !important;
    transform-origin: right center !important;

  }
}
@media (max-width: 768px){
  .slideshow__subtitle,
  span.mega-subtitle.slideshow__subtitle.d-lg-block.fz-2{
    line-height: 1.3 !important;
    margin-bottom: 0px !important;
    display: block !important;
  }
}
@media (max-width: 768px){

  /* 1️⃣ 主标题：整体往上挪 */
  .slideshow h1,
  .slideshow__title{
    margin-bottom: 8px !important;   /* 👈 原来通常是 16–24px */
  }

  /* 2️⃣ 副标题：稍微贴近标题（可选，但建议） */
  .slideshow__subtitle{
    margin-top: 0 !important;
    margin-bottom: 10px !important;
  }

  /* 3️⃣ CTA 按钮：往下挪 + 变小 */
  .slideshow .btn,
  .slideshow__btn{
    margin-top: 22px !important;     /* 👈 往下挪（你可调 12–20） */
    font-size: 14px !important;      /* 👈 字号变小一点更精致 */
}
.gr-btnjs.border-top{margin-top:12px!important;padding:6px 0 0!important}
.gr-btnjs.border-top>.pt-4{display:none!important}
.gr-btnjs.border-top .ndp-confirm{
  margin:2px auto 0!important;max-width:520px!important;
  text-align:center!important;font-size:12px!important;
  color:#777!important;opacity:.7!important;
}
}
.atc-hint{
font-size:13px;
color:#777;
margin:6px 0 8px;
line-height:1.4
}
/* 降权 Buy with Shop（不禁用） */
.shopify-payment-button{
  margin-top:6px !important;
}

.shopify-payment-button__button{
  background:#f3f3f3 !important;
  color:#555 !important;
  box-shadow:none !important;
  border-radius:12px !important;
  opacity:.65;
  transform:scale(.95);
}

.shopify-payment-button__button:hover{
  background:#ededed !important;
}
/* ============================================================
   Avada AOV – FINAL LOCKED (Nano Chip)
   Goal:
   1) Only Buy2 shows a system-style helper line (not marketing)
   2) Buy1 only lowers border contrast when NOT selected (no opacity/filter)
   3) Keep global hint (container after) as neutral system note
   4) Price weight hierarchy: discount price a bit bolder
   ============================================================ */

/* --- Kill theme/cart hint if it exists (safe) --- */
.atc-hint{ display:none !important; }



/* --- MOST POPULAR badge: more “system” --- */
.Avada-Volume__Tag,
.Avada-Volume__TagText,
.Avada-Volume__Tag-Text{
  text-transform:none !important;
  letter-spacing:.2px !important;
  font-weight:600 !important;
  border-radius:999px !important;
  padding:6px 10px !important;
  box-shadow:none !important;
  opacity:.92;
}

/* ============================================================
   Buy 1: De-emphasize ONLY when NOT selected
   - No opacity/filter
   - Border softer
   - Subtitle slightly lighter but still readable (not disabled)
   ============================================================ */
.Avada-ItemTier:first-child:not(.is-active){
  border-color: rgba(0,0,0,0.10) !important;
  box-shadow: none !important;
}

/* Buy1 subtitle ("Single refill" / "Standard") – readable, not disabled */
.Avada-ItemTier:first-child:not(.is-active) .Avada-Volume__DiscountText,
.Avada-ItemTier:first-child:not(.is-active) .Avada-Volume__Discount{
  color:#777 !important;
  font-weight:400 !important;
  font-size:12.5px !important;
}

/* When Buy1 is selected: restore normal border (so it doesn't look “wrong”) */
.Avada-ItemTier:first-child.is-active{
  border-color: rgba(0,0,0,0.16) !important;
}

/* ============================================================
   Buy 2: System helper line (non-marketing)
   Best anchor: put helper under the discount text line inside tier #2
   ============================================================ */

/* ensure the line has stable layout */
.Avada-ItemTier:nth-of-type(2) .Avada-Volume__DiscountText{
  display:block !important;
}

/* inject helper */
.Avada-ItemTier:nth-of-type(2) .Avada-Volume__DiscountText::after{
  content:"Ideal for maintaining consistent routines";
  display:block;
  margin-top:6px;
  font-size:12.5px;
  line-height:1.3;
  color:#777;
  font-weight:400;
}

/* (optional) If Buy2 has no DiscountText on some device, fallback to Discount */
.Avada-ItemTier:nth-of-type(2) .Avada-Volume__Discount::after{
  content:"";
}

/* ============================================================
   Price hierarchy: make the right-side discounted price feel “system”
   ============================================================ */
.Avada-Bundle-Volume__Container .Avada-Offer__Price .Avada-Offer__PriceDiscount span.AOV-Offer__DiscountPrice,
.Avada-Bundle-Volume__Container--Mobile .Avada-Offer__Price .Avada-Offer__PriceDiscount span.AOV-Offer__DiscountPrice,
.Avada-Bundle-Volume__Container--Desktop .Avada-Offer__Price .Avada-Offer__PriceDiscount span.AOV-Offer__DiscountPrice{
  font-weight:600 !important;
  letter-spacing:.2px;
}

/* original/compare price stays lighter */
.Avada-Bundle-Volume__Container .Avada-Offer__Price .Avada-Offer__PriceDiscount span.AOV-Offer__OriginalPrice,
.Avada-Bundle-Volume__Container--Mobile .Avada-Offer__Price .Avada-Offer__PriceDiscount span.AOV-Offer__OriginalPrice,
.Avada-Bundle-Volume__Container--Desktop .Avada-Offer__Price .Avada-Offer__PriceDiscount span.AOV-Offer__OriginalPrice{
  font-weight:400 !important;
  opacity:.65 !important;
}
/* Remove underline for all nav items (active + hover) */
.site-nav__title::before {
  content: none !important;
  display: none !important;
}
.full-width--return-link{display:none}
@supports (-webkit-appearance:none){.page-container{background:#fff!important;}}
body.template-collection main#MainContent {
  padding-bottom: 0 !important;
}
body.template-collection .section-block > p:empty{
  display:none !important;
}
.template-product #MainContent.main-content{
  padding-bottom:0!important;
}

@media (min-width: 992px){
  .template-product .container.js-recently-view{
    max-width:1120px!important;
    margin-left:auto!important;
    margin-right:auto!important;
  }
  .template-product .container.js-recently-view>.row{
    margin-left:0!important;
    margin-right:0!important;
  }
  /* 取消 bootstrap row 的负 margin */
  .template-product .container.js-recently-view > .row{
    margin-left:0!important;
    margin-right:0!important;
  }
  /* Row wrapper */
.product-form__quantity-submit{
  display:flex!important;flex-wrap:wrap!important;align-items:center!important;
  gap:14px 16px!important;
}
/* Qty: own row */
.product-form__item--quantity{
  flex:0 0 100%!important;width:50%!important;margin:0!important;
}
/* Buttons: 2 columns */
.product-form__item--submit{flex:1 1 0!important;margin:0!important;}
.product-form__buynow{flex:1 1 0!important;margin:0!important;}
.product-form__item--submit .btn,
.product-form__buynow .shopify-payment-button__button{
  width:100%!important;min-height:48px!important;line-height:48px!important;
  padding:0 18px!important;white-space:nowrap!important;
}
/* Mobile stack */
@media (max-width:749px){
  .product-form__quantity-submit{gap:10px!important;}
  .product-form__item--submit,.product-form__buynow{flex:0 0 100%!important;}
}
/* 1) Qty 宽度 + 数字居中 */
.product-form__item--quantity .js-qty{
  width:140px!important;   /* 你想更短：140px */
  max-width:160px!important;
}
.product-form__item--quantity .js-qty__input{
  text-align:center!important;
  padding-left:0!important;
  padding-right:0!important;
}

/* 1. 价格 + 数量框 在一行（紧凑） */
.product__price {
  display: inline-block !important;
  vertical-align: middle !important;
}

.product-form__item--quantity {
  flex: 0 0 auto !important;
  width: auto !important;
  display: inline-block !important;
  vertical-align: middle !important;
  margin-left: 16px !important;
}

/* 2. 让两个按钮各自独占一行（全宽） */
.product-form__item--submit,
.product-form__buynow {
  flex: 0 0 100% !important;
  width: 100% !important;
  margin-top: 12px !important;
}

.product-form__item--submit .btn,
.product-form__buynow .shopify-payment-button__button {
  width: 100% !important;
  min-height: 52px !important;
  height: 52px !important;
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
}/* 让价格和数量框在同一行 */
.product__price {
  display: inline-block !important;
  vertical-align: middle !important;
}

.product-form__item--quantity {
  display: inline-block !important;
  vertical-align: middle !important;
  margin-left: 20px !important;
  width: auto !important;
  flex: none !important;

 /* Fix bottom seam under Make Every Serum Go Further */
}.customstyletemplate--14523242020979__advanced_content_FMkQCX .section-block {
  background: #f6f7fa !important;
}