/* 🛠 切版專用：強制所有人直接顯示，並關掉所有動畫 */
/* [data-sal] {
  opacity: 1 !important;
  transform: none !important;
  transition: none !important;
  animation: none !important;
} */

.main-content {
  background-color: #f5f6fa;
}

.product_concept {
  display: flex;
  justify-content: space-around;
  align-items: center;
}
.floatText {
  display: flex;
  align-items: center;
  justify-content: space-around;
  position: absolute;
  width: 100%;
}
.floatText span {
  letter-spacing: 4px;
  font-size: clamp(1rem, 3vw, 4rem);
  /* letter-spacing: 3px; */
  font-family: var(--main-font);
  font-weight: 700;
}
.floatText img {
  height: clamp(1.5rem, 3.5vw, 4rem);
}

/* 覆蓋 */
.additive_free_commitment,
.fragrance_profile {
  margin-bottom: 0px;
}
/* @media (min-width: 1024px) {
  .additive_free_commitment,
  .fragrance_profile {
    margin-bottom: 100px;
  }
} */

.product_info .btn_box {
  display: grid;
  grid-template-columns: 1fr;
  width: 100%;
  gap: 16px;
}

.btn_box a span {
  text-align: center;
  text-wrap: balance;
  font-weight: 600;
}

.product_info .btn_box a {
  display: flex;
  justify-content: center;
  align-items: center;
  width: 100%;
  height: 75px;
  padding: 4px;
  box-sizing: border-box;
  border: 1px solid #000000;
  text-decoration: none;
  color: #333;
  font-size: 1.5rem;
  font-family: var(--main-font);
  max-width: 100%;
}
@media (min-width: 1024px) {
  .product_info .btn_box a {
    font-size: 1.2rem;
  }
}

.product_info .btn_box a img {
  object-fit: contain;
  margin-right: 1rem;
  width: 150px;
  max-width: 40dvw;
}

@media (min-width: 1024px) {
  .product_info .btn_box {
    grid-template-columns: repeat(auto-fit, minmax(150px, 1fr));
  }

  .product_info .btn_box a {
    height: 50px;
  }

  .product_info .btn_box a img {
    margin-right: 0.5rem;
    width: auto;
    height: 30px;
  }
}
/* 其他 */

/* .open-popup-trigger::after {
  content: "";
  display: inline-block;
  width: 8px;
  height: 8px;
  border-right: 2px solid #333333;
  border-bottom: 2px solid #333333;
  transform: rotate(-45deg);
  margin-bottom: 0.2dvw;
} */
@media (min-width: 1024px) {
  /* .open-popup-trigger::after {
    width: 12px;
    height: 12px;
    margin-bottom: 0.15dvw;
  } */
  .product_info,
  .product_pic {
    flex: 1;
  }
}

/* .product_box {
  padding-left: 1rem;
  padding-right: 1rem;
} */

.product_info h2 {
  letter-spacing: min(10%, 1.5px);
}
/* @media (max-width: 768px) {
  .product_info h2 {
    font-size: 1.4rem;
  }
} */
.product_info li strong {
  font-size: clamp(1.2rem, 1.149rem + 0.2092vw, 1.4rem);
  letter-spacing: 2.5px;
}

/* #common-popup .ld-popup-hero,
#common-popup .popup-wrapper,
#common-popup .ld-popup-container {
  /* background-color: rgba(255, 255, 255, 0); */
  background-color: rgba(255, 255, 255, 0.1);
} */
#common-popup .ld-popup-container {
  background: linear-gradient(to bottom, transparent 50%, white 50%);
}
.popup-scroll-content {
  scrollbar-color: #bababa rgba(255, 255, 255, 0);
  scrollbar-width: thin;
}

.cosmedBTN {
  pointer-events: none;
}

/* .popText .view-more-btn {
  font-size: clamp(1rem, 2vw, 1.8rem);
  padding: 8px 8px;
  border: 1px solid black;
  cursor: pointer;
  margin: 0 auto;
  letter-spacing: 2px;
  width: 80%;
  font-weight: 700;
  font-family: var(--main-font);
  margin-top: auto;
  height: 40px;
}

.popText .btn__arrow,
.popText .btn__arrow-back {
  right: 15px;
  width: 8px;
  height: 8px;
  border-top: 2px solid #333;
  border-right: 2px solid #333;
} */

@media (min-width: 1024px) {
  .popText .btn__arrow,
  .popText .btn__arrow-back {
    right: 20px;
    width: 12px;
    height: 12px;
    border-top: 3px solid #333;
    border-right: 3px solid #333;
  }
  .popText .view-more-btn {
    padding: 8px 8px;
    margin-top: auto;
    height: auto;
  }

  .popText > span:nth-child(2) {
    margin-top: 20px;
    margin-bottom: 35px;
  }
}

.fragrance_profile h3 {
  font-size: clamp(1.5rem, 1.2451rem + 1.0458vw, 2.5rem);
}
@media (min-width: 768px) {
  .fragrance_profile h3 {
    margin-top: 0px;
  }
}

@media (max-width: 480px) {
  .productContent {
    padding: 40px 0px;
  }
}

.fragrance_profile h2 {
  font-size: clamp(2.5rem, 2.1176rem + 1.5686vw, 4rem);
}
.stepBlock.lower {
  align-items: flex-start;
}
.how_to_use_steps h4 {
  letter-spacing: 2px;
}

/* .additive_free_commitment h2 {
  margin-top: clamp(1.5rem, 1.1176rem + 1.5686vw, 3rem);
} */

/* spacingAdjust */

/* reset */

.additive_free_commitment h2 {
  margin-top: 0;
  margin-bottom: clamp(2.5rem, 0.5655rem + 7.9365vw, 4.375rem);
}
.productContent {
  padding: 0;
}
.info_explain {
  padding: 0;
}
.productContent .info_explain {
  font-size: clamp(0.625rem, 0.3671rem + 1.0582vw, 0.875rem);
}
.additive_free_commitment img,
.additive_free_commitment,
.key_ingredients_intro img {
  margin: 0 auto;
} /* reset */

.key_ingredients_intro h2 {
  margin: clamp(1.875rem, -0.0595rem + 7.9365vw, 3.75rem) auto;
}

.key_ingredients_intro img {
  margin: clamp(1.875rem, -0.0595rem + 7.9365vw, 3.75rem) auto
    clamp(2.1875rem, 0.5754rem + 6.6138vw, 3.75rem);
  width: auto;
}
.nano_pic {
  margin-top: clamp(4.375rem, 3.3333rem + 2.1701vw, 5.9375rem);
  margin-bottom: clamp(5rem, -0.1587rem + 21.164vw, 10rem);

  margin-left: auto;
  margin-right: auto;
}

.additive_free_commitment img {
  margin-bottom: clamp(1.5rem, -0.1766rem + 6.8783vw, 3.125rem);
}
.fragrance_profile h2 {
  margin-top: clamp(5rem, -0.1587rem + 21.164vw, 10rem);
}
.fragrance_profile h3 {
  margin-bottom: clamp(2.5rem, -0.7242rem + 13.2275vw, 5.625rem);
}
@media (min-width: 768px) {
  .fragrance_profile h3 {
    margin-bottom: clamp(5.625rem, 2.7083rem + 6.0764vw, 10rem);
  }
  .fragrance_profile h2 {
    margin-top: clamp(10rem, 7.0833rem + 6.0764vw, 14.375rem);
  }
  .additive_free_commitment img {
    margin-bottom: clamp(3.125rem, 2.2917rem + 1.7361vw, 4.375rem);
  }
  .additive_free_commitment h2 {
    margin-bottom: clamp(4.375rem, 2.9167rem + 3.0382vw, 6.5625rem);
  }
  .nano_pic {
    margin-bottom: clamp(10rem, 6.0417rem + 8.2465vw, 15.9375rem);
  }
  .key_ingredients_intro img {
    margin: clamp(3.75rem, 2.7083rem + 2.1701vw, 5.3125rem) auto
      clamp(4.375rem, 3.9583rem + 0.8681vw, 5rem);
  }
  .key_ingredients_intro h2 {
    margin: clamp(3.75rem, -2.0833rem + 12.1528vw, 12.5rem) auto
      clamp(3.75rem, 2.7083rem + 2.1701vw, 5.3125rem);
  }
}