body, html { overflow-x: clip !important; }
.exf__page {
  --CLARINS-FONT: 'Kanit Light', ClarinsRegular, Clarins, 'Kanit Light';
  --GOTHAM-EXTRALIGHT: 'Kanit Light', "Gotham_ExtraLight", 'Kanit Light';
  --GOTHAM-LIGHT: 'Kanit Light', "Gotham_Light", 'Kanit Light';
  --GOTHAM-BOOK: 'Kanit Light', "Gotham SSm book A", "Gotham SSm book B", "Gotham Book",'Kanit Light',  Helvetica, Arial, sans-serif, 'Kanit Light';
  --GOTHAM-MEDIUM: 'Kanit Light', "Gotham SSm medium A", "Gotham SSm medium B", "Gotham Medium",'Kanit Light',  Helvetica, Arial, sans-serif, 'Kanit Light';
}
.exf__page .exf__faq-item[data-faq="4"] {
  border-bottom: 1px solid #E9E3DE;
}
.exf__page .exf__routine-product[data-item="4"] .exf__routine-product-media-2 .exf__routine-product-extra .exf__routine-product-text {
  width: 100px;
}
.exf__page .exf__routine-product[data-item="4"] .exf__routine-product-media-1 {
    left: calc(50% - 150px);
}
.exf__page .swiper-container {
    width: 90%;
}
@media only screen
and (min-device-width : 834px)
and (max-device-width : 1112px)
and (orientation : portrait)
and (-webkit-min-device-pixel-ratio: 2) {
  .exf__page .exf__faq-title {
    font-size: 28px;
  }
}
@media only screen
and (min-device-width : 834px)
and (max-device-width : 1112px)
and (orientation : landscape)
and (-webkit-min-device-pixel-ratio: 2) {}
@media (max-width: 480px) {
  .exf__page .exf__routine-product[data-item="5"] .exf__routine-product-media-2 .exf__routine-product-extra .exf__routine-product-text {
    width: 100px;
  }
  .exf__page .exf__refillable-number-text {
    width: 67%;
    text-align: center;
  }
  .exf__page .exf__routine-product[data-item="5"] .exf__routine-product-category::before {
    display: none;
  }
}