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

#home .sub-visual-title .logoInText,
.floatText img {
  height: clamp(1.125rem, 0.0933rem + 4.2328vw, 2.125rem);
  width: auto;
}
.floatText span,
.sub-visual-title {
  font-size: clamp(1.1rem, 0.0425rem + 4.3386vw, 2.125rem);
}
.key_ingredients_intro h2,
.fragrance_profile h2,
.additive_free_commitment h2,
.how_to_use_steps h2 {
  /* font-size: clamp(2rem, -0.0635rem + 8.4656vw, 4rem); */
  font-size: clamp(1.5625rem, 0.5952rem + 3.9683vw, 2.5rem);
}

/* .fragrance_profile h2,
.additive_free_commitment h2 {
  font-size: clamp(2rem, -0.0635rem + 8.4656vw, 4rem);
} */

.fragrance_profile h3,
.key_ingredients_intro h3 {
  font-size: clamp(1.25rem, -0.0397rem + 5.291vw, 2.5rem);
  font-size: clamp(1.25rem, 0.4762rem + 3.1746vw, 2rem);
  margin-bottom: clamp(2.5rem, -0.7242rem + 13.2275vw, 5.625rem);
}

.productContent h2.title2,
.fragrance_profile h2 {
  margin-bottom: clamp(0.75rem, 0.5833rem + 0.3472vw, 1rem);
}
.innerWrap h3 br,
.additive_free_commitment h2 br,
.fragrance_profile h2 br {
  display: block;
}
.fragrance_profile .pyramid img {
  width: 95%;
}
.additive_free_commitment img {
  width: clamp(12.5rem, 5.4067rem + 29.1005vw, 19.375rem);
}

/* .popUpArea   { */
.info_explain {
  font-size: clamp(0.8rem, -0.0159rem + 2.1164vw, 1rem);
  margin-top: 1.5rem;
}

/* 商品卡片 */

.product_info .btn_box {
  display: grid;
  grid-template-columns: 1fr;
  width: 100%;
  gap: 12px;
}
.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: 65px;
  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%;
}

/* 產品卡片 動畫 ↓ */
.shampoo_detail {
  opacity: 0;
  transform: translateY(10%);
  transition: all 1.5s ease-in-out;
}
.shampoo_detail.active {
  opacity: 1;
  transform: translateY(0);
}
/* 產品卡片 動畫 ↑ */

@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;
}

.product_info.flexBtn .btn_box {
  grid-template-columns: repeat(auto-fit, minmax(150px, 1fr));
}
.product_info.flexBtn .btn_box a {
  height: 50px;
}
.product_info.flexBtn .btn_box a img {
  margin-right: clamp(0.25rem, -0.2114rem + 1.8927vw, 1rem);
  width: 50px;
  height: 30px;
}
.product_info.flexBtn .btn_box a {
  font-size: 1.2rem;
}

/* popTitle */
/* .detailed_introduction h3,
.popTitle {
  font-size: clamp(0.875rem, 0.2302rem + 2.6455vw, 1.5rem);
  margin-bottom: 2rem;
  font-family: var(--main-font);
  font-weight: 700;
  letter-spacing: 4px;
  padding: clamp(0.375rem, 0.1171rem + 1.0582vw, 0.625rem) 0;
} */

@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;
  }
  .how_to_use_steps h4 {
    font-size: clamp(0.75rem, -0.0238rem + 3.1746vw, 1.5rem);
  }
  .how_to_use_steps h3 {
    font-size: clamp(1.25rem, -0.0397rem + 5.291vw, 2.5rem);
  }
  .how_to_use_steps p {
    font-size: clamp(0.625rem, -0.0198rem + 2.6455vw, 1.25rem);
    /* font-weight: 500;
    letter-spacing: 1px;
    line-height: 2; */
  }
}

.how_to_use_steps {
  padding: 60px 0 clamp(4.375rem, -0.1389rem + 18.5185vw, 8.75rem);
}
.how_to_use_steps p {
  font-size: 1rem;
  font-weight: 500;
  letter-spacing: 1px;
  line-height: 2;
}

@media (min-width: 768px) {
  .how_to_use_steps {
    padding: 0px 0 clamp(8.75rem, 7.5rem + 2.6042vw, 10.625rem);
  }
  #home .sub-visual-title .logoInText,
  .floatText img {
    height: clamp(2.125rem, 0.2083rem + 3.9931vw, 5rem);
  }

  .floatText span,
  .sub-visual-title {
    font-size: clamp(2.125rem, 0.875rem + 2.6042vw, 4rem);
  }
  .key_ingredients_intro h2,
  .detailed_introduction h2,
  .how_to_use_steps h2,
  .additive_free_commitment h2,
  .fragrance_profile h2 {
    font-size: clamp(2.5rem, 1.5rem + 2.0833vw, 4rem);
  }
  .innerWrap h3 br,
  .additive_free_commitment h2 br,
  .fragrance_profile h2 br {
    display: none;
  }
  /* .additive_free_commitment h2,
  .fragrance_profile h2 {
    font-size: 64px;
    text-wrap: pretty;
  } */

  .fragrance_profile .pyramid img {
    width: 100%;
    max-width: clamp(700px, 33.33vw + 512px, 80%);
    margin: auto;
  }
  .additive_free_commitment img {
    margin: 6rem auto 4rem;
    width: clamp(31.25rem, 18.75rem + 26.0417vw, 50rem);
  }
  .fragrance_profile h3,
  .key_ingredients_intro h3 {
    font-size: clamp(2rem, 1.6667rem + 0.6944vw, 2.5rem);
    width: 90%;
    margin: 0 auto clamp(5.625rem, 2.7083rem + 6.0764vw, 10rem);
  }
  .productContent h2.title2,
  .fragrance_profile h2 {
    margin-bottom: clamp(0.5rem, 0.2421rem + 1.0582vw, 0.75rem);
  }
}

/* area-spacing */

.product_concept {
  padding-top: clamp(2.5rem, -0.7242rem + 13.2275vw, 5.625rem);
  padding-bottom: 0;
}
.sub-visual-content {
  margin-top: clamp(2rem, 0.1944rem + 7.4074vw, 3.75rem);
}

@media (min-width: 768px) {
  .product_concept {
    padding-top: clamp(5.625rem, 0.8333rem + 9.9826vw, 12.8125rem);
  }
  .sub-visual-content {
    margin-top: clamp(5.625rem, 0.8333rem + 9.9826vw, 12.8125rem);
  }
}

.shampoo_detail:last-of-type {
  margin-bottom: 0;
}

.shampoo_detail {
  margin-bottom: clamp(1.5625rem, -0.0496rem + 6.6138vw, 3.125rem);
}
@media (min-width: 768px) {
  .shampoo_detail {
    margin-bottom: clamp(6.25rem, 2.6786rem + 5.5804vw, 9.375rem);
  }
}

/* pdCard */

@font-face {
  font-family: "ShrunkEnglish";
  src: local("Arial"), local("Helvetica");
  unicode-range: U+0000-007F;
  size-adjust: 45.7%;
}

.product_info li strong {
  font-size: clamp(1.1rem, 0.7421rem + 1.0582vw, 1.25rem);
  letter-spacing: 2.5px;
}
@media (min-width: 768px) {
  .product_info li strong {
    font-size: 25px;
  }
}

.product_info ul li {
  font-size: clamp(0.9rem, 0.7421rem + 1.0582vw, 1.25rem);
}
@media (min-width: 768px) {
  .product_info ul li {
    font-size: 20px;
  }
}

.product_info ul li::before {
  line-height: 1.8rem;
  margin-right: 0.5em;
}

@media (min-width: 768px) {
  .product_info ul li::before {
    line-height: 2.65rem;
  }
}

.productNameEn,
.product_info h2 {
  font-size: clamp(1.3125rem, 0.0873rem + 5.0265vw, 2.5rem);
}

.productNameEn img,
.product_info .logoInText {
  height: clamp(1.4375rem, 0.0833rem + 5.5556vw, 2.75rem);
}
@media (min-width: 768px) {
  .productNameEn img,
  .product_info .logoInText {
    height: clamp(2.5625rem, 2.4375rem + 0.2604vw, 2.75rem);
  }

  .productNameEn {
    font-size: clamp(1.875rem, 2.3958rem + -0.434vw, 2.1875rem);
  }
  .product_info h2 {
    font-size: clamp(2.1875rem, 1.9792rem + 0.434vw, 2.3rem);
  }
}

/* how2use 
.how_to_use_steps h2 {
  font-size: clamp(2rem, -0.0635rem + 8.4656vw, 4rem);
}
*/
.how_to_use_steps > .innerWrap > h2 {
  padding-bottom: clamp(4.0625rem, -0.129rem + 17.1958vw, 8.125rem);
}
@media (min-width: 768px) {
  .how_to_use_steps > .innerWrap > h2 {
    padding: 120px 0;
  }
}