/** Shopify CDN: Minification failed

Line 82:5 Expected identifier but found "."
Line 83:5 Expected identifier but found "."
Line 285:0 Unexpected "<"

**/
/* Heading Font grotesk wide */

:root {

  --heading-font-family: roc-grotesk-wide, sans-serif;
  --heading-font-weight: 600;

}


/* SubHeading Font Pretendard Medium */
/*
:root {

  --subheading-font-family: "Pretendard-Medium", sans-serif;
  --subheading-font-weight: normal;

}*/

/* BodyText Font Pretendard Regular */
/*
:root {

  --text-font-family: "Pretendard-Regular", sans-serif;
  --text-font-weight: normal;

}*/

/*text scale 0.85x*/
:is(
  .heading, .display-xl, .display-l, .display-m, 
  .h1, .h2, .h3, .h4, .h5, .h6, .h7, 
  .prose :where(h1,h2,h3,h4,h5,h6)
) {
  display: inline-block;
  transform: scaleX(0.85);
}

/* text origin settings */


:is(
  .heading, .display-xl, .display-l, .display-m, 
  .h1, .h2, .h3, .h4, .h5, .h6, .h7, 
  .prose :where(h1,h2,h3,h4,h5,h6)
) {
  transform-origin: left center;
}


:is(
  .heading, .display-xl, .display-l, .display-m, 
  .h1, .h2, .h3, .h4, .h5, .h6, .h7, 
  .prose :where(h1,h2,h3,h4,h5,h6)
)[style*="text-align:center"],
:is(
  .heading, .display-xl, .display-l, .display-m, 
  .h1, .h2, .h3, .h4, .h5, .h6, .h7, 
  .prose :where(h1,h2,h3,h4,h5,h6)
).text-center,
:is(
  .heading, .display-xl, .display-l, .display-m, 
  .h1, .h2, .h3, .h4, .h5, .h6, .h7, 
  .prose :where(h1,h2,h3,h4,h5,h6)
)[class*="center"] {
  transform-origin: center !important;
}


:is(
  .heading, .display-xl, .display-l, .display-m, 
  .h1, .h2, .h3, .h4, .h5, .h6, .h7, 
  .prose :where(h1,h2,h3,h4,h5,h6)
)[style*="text-align:right"],
:is(...).text-right,
:is(...)[class*="right"] {
  transform-origin: right center !important;
}



@font-face {
  font-family: "Pretendard-ExtraBold";
  src: url("/cdn/shop/files/Pretendard-ExtraBold.otf") format("opentype");
  font-weight: normal;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: "Pretendard-Medium";
  src: url("/cdn/shop/files/Pretendard-Medium.otf?v=1772703065") format("opentype");
  font-weight: normal;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: "Pretendard-Regular";
  src: url("/cdn/shop/files/Pretendard-Regular.otf?v=1772703065") format("opentype");
  font-weight: normal;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: "Pretendard-Bold_2";
  src: url("/cdn/shop/files/Pretendard-Bold_2.otf?v=1774936936") format("opentype");
  font-weight: normal;
  font-style: normal;
  font-display: swap;
}

.amazon-button {
  width:100%;
  --button-background: 255 120 0;
  --button-text-color: 255 255 255;
}


/*Badge Style*/
.badge {
  font-family: var(--heading-font-family) !important;
  font-size: 0.92rem !important;
  box-sizing: border-box !important;
  border-radius: 999px !important;
  text-transform: lowercase !important;
}

.product-card__figure .badge-list{
  padding-top: 0.5rem;
  padding-right: 0.5rem;
  padding-bottom: 0.5rem;
  padding-left: 0.5rem;
}

@media screen and (min-width: 768px) {
  .badge {
    font-size: .875rem !important;
  }
}
badge-list{
  flex-direction: row !important;
}

/* =========================
   HOME PAGE ONLY
   ========================= */
/*
body.home-page .badge {
  font-size: 1.92rem !important;
  border-radius: 999px !important;
}
*/

.badge.badge--on-sale {
  background:rgb(255, 255, 255) !important;
  border-color: #d12b2b !important;
  border-width: 1px !important;
  color: #d12b2b !important;
}

.badge.badge--custom.badge--best {
  background: #4F2674!important;
  color: rgb(255, 255, 255) !important;
}
.badge.badge--custom.badge--trending{
  background: #4F2674!important;
  color: rgb(255, 255, 255) !important;
}


.badge.badge--custom.badge--new {
  border-color: #1b1919ff !important;
  border-width: 1px !important;
  color: #000000 !important;
}


.badge.badge--custom.badge--free-gift {
  border-color: #1b1919ff !important;
  border-width: 1px !important;
  color: #000000 !important;
}



.badge.badge--custom.badge--free-shipping {
  border-color: #1b1919ff !important;
  border-width: 1px !important;
  color: #000000 !important;
}



.badge.badge--custom.badge--multi-save {
  background: #FCDEDC !important;
  color: #321E1E !important;
}

.badge.badge--custom.badge--subscription {
  border-color: #1b1919ff !important;
  border-width: 1px !important;
  color: #000000 !important;
}

.badge.badge--custom.badge--coming-soon {
  background: #4F2674!important;
  color:#FFFFFF !important;
}

.badge.badge--custom.badge--pre-order {
  background: #E5F473!important;
  color:#0090FF !important;
}

.badge.badge--custom.badge--global-exclusive {
  background: #E5F473!important;
  color:#0090FF !important;
}

.badge.badge--custom.badge--limited-edition {
  background:rgb(209, 169, 235) !important;
  color:rgb(255, 255, 255) !important;
}

.badge.badge--custom.badge--exclusive {
  border-color: #1b1919ff !important;
  border-width: 1px !important;
  color: #000000 !important;
}

.badge.badge--custom.badge--save-25.badge--no9 {
  background:rgb(255, 255, 255) !important;
  border-color: #d12b2b !important;
  border-width: 1px !important;
  color: #d12b2b !important;
}

.badge.badge--custom.badge--save-30 {
  background:rgb(255, 255, 255) !important;
  border-color: #d12b2b !important;
  border-width: 1px !important;
  color: #d12b2b !important;
}

.badge.badge--custom.badge--customize.badge--no9 {
  background:rgb(209, 169, 235) !important;
  color:rgb(255, 255, 255) !important;
}

.badge.badge--custom.badge--customize {
  background:rgb(209, 169, 235) !important;
  color:rgb(255, 255, 255) !important;
}


a.subheading:is(.text-subdued.link-reversed, .link-faded):is([href*="toner"], [href*="all-products-1"], [href*="acne-blemishes"], [href*="subscribe-save"], [href*="gift-card-numbuzin"],[href*="new-in"]
) {
  color: #1b1919ff !important;
}



.product-card {
  overflow: hidden;
  border-width: 1px !important;
  border-color: #3d5062ff !important;
  border-radius: 16px;
  padding-bottom: 16px;
}


.rating-badge__stars {
  border-radius: 20px !important;
}

<script>
document.addEventListener('DOMContentLoaded', function () {
  const slideSelectors = [
    '.slideshow__slide',
    '.slide',
    '.slider__slide',
    '.carousel__slide',
    '.swiper-slide'
  ];

  slideSelectors.forEach(selector => {
    document.querySelectorAll(selector).forEach(slide => {
      const hasImg = slide.querySelector('img[src]:not([src=""])');
      const hasDataImg = slide.querySelector('img[data-src]:not([data-src=""])');
      const hasPicture = slide.querySelector('picture source[srcset], picture img');
      const hasBgImage = Array.from(slide.querySelectorAll('*')).some(el => {
        const bg = window.getComputedStyle(el).backgroundImage;
        return bg && bg !== 'none';
      });

      const text = slide.textContent.replace(/\s+/g, '').trim();

      if (!hasImg && !hasDataImg && !hasPicture && !hasBgImage && !text) {
        slide.remove();
      }
    });
  });
});
</script>




.member-price-block {
  letter-spacing: var(--heading-letter-spacing);
}

compare-at-price.h7.line-through {
  color: rgb(var(--text-color) / .6);
}

span.sale-price.h6 {
  color: #d12b2b !important;
  font-size: var(--text-h6);
}

span.compare-at-price.h6 {
  font-size: var(--text-h7);
}

span.discount-percent.h6 {
  color: #d12b2b !important;
  font-size: calc(var(--text-h6) * 0.9);
}



/* Button Animation Custom Hover Color change */

.button:has([color-fade]) {
  transition: background-color 0.3s ease, color 0.3s ease, border-color 0s linear !important;
}

/* Hover Color */
.button:has([color-fade]):hover {
  background-color: #fff !important; 
  color: #070707 !important;           
  border-color: #E2E1E7 !important;
}


/* Collection Banner Size Adjustment */


.product-list__promo{
  align-self: stretch !important;
  height: 100% !important;
  display: block !important;
}


.product-list__promo .content-box{
  height: 100% !important;
  min-height: 100% !important;
  position: relative !important;
}

.product-list__promo .content-box__background-media{
  height: 100% !important;
  min-height: 100% !important;
}



.product-list__promo .content-box__background-media > img{
  height: 100% !important;
  width: 100% !important;
  object-fit: contain !important;
  object-position: CENTER !important;
  display: block !important;
}

.product-info {
  --product-block-item-margin: 0.75rem !important;
}




.collection .product-card__info .price-list,
.collection .product-card__info .price-list *  {
  font-weight: 600 !important;
}


.product-cross-sell--vertical .price-list {
  display: none !important;
}

& product-recommendations {
  overflow: hidden;
  background: #f2f1f7;
  border-radius: 16px;
  border: none;
  padding: 16px;
}
& .product-cross-sell {
  display: flex;
  flex-direction: column;
  background: #fff;
  border: none !important;
  border-radius: 12px;
  overflow: hidden;
  padding: 12px;
  height: 100%;
}
& .product-cross-sell .v-stack {
  flex: 1;
  display: flex;
  flex-direction: column;
}
& .product-cross-sell product-form,
& .product-cross-sell .button,
& .product-cross-sell a[href*="/cart"] {
  margin-top: auto;
}

& .product-cross-sell product-form {
  align-self: center;
}


.slideshow .h3 {
    line-height: 1.1 !important;
}



/* secondary menu. main-menu-drawer.liquid link.title update*/
.menu-pill {
    display: inline-flex;
    align-items: center;
    justify-content: center;

    margin-left: 8px;
    padding: 6px 10px;
    min-height: 32px;

    border-radius: 20px;

    font-size: 12px;
    font-weight: 500;
    line-height: 1;

    vertical-align: middle;
    white-space: nowrap;
}

.link-no-underline,
.link-no-underline:hover {
    background: none !important;
    background-size: 0 0 !important;
    transition: none !important;
}
/* 25% OFF */
.menu-pill-no-9 {
    background: rgba(91, 20, 156, 0.08);
    color: #5B149C;
}

/* 30% OFF */
.menu-pill-build-routine{
  background: rgba(91, 20, 156, 0.08);
    color: #5B149C;
}

/* 40% OFF */
.menu-pill-no-3 {
    background: rgba(255, 55, 65, 0.08);
    color: #FF3741;
}

/* SAMPLE */
.menu-pill-no-5 {
    background: rgba(254, 195, 0, 0.12);
    color: #FEC300;
}



.menu-pill-new {
  background: #0090FF!important;
  color: rgb(255, 255, 255) !important;
  border-color: #e5f473 !important;
  border-width: 1px !important;
}

.menu-pill-sets {
  background: #E5F473!important;
  color:#0090FF !important;
}

.menu-pill-clearance {
  background: #E5F473!important;
  color:#0090FF !important;
}

/*
#shopify-section-template--22167609180357__slideshow {
  padding-top: 40px !important;
}

@media screen and (max-width: 749px) {
  #shopify-section-template--22167609180357__slideshow {
    padding-top: 20px !important;
  }
}


@media  {
  #shopify-section-template--22167609180357__slideshow slideshow-carousel {
    width: calc(100% - (var(--container-gutter) * 2));
    margin-inline: auto;
    border-radius: 30px;
    overflow: hidden;
  }
}
*/

@media (min-width: 998px) {
  #shopify-section-template--22167608918213__slideshow_zGhg3N slideshow-carousel {
    width: calc(100% - (var(--container-gutter) * 2));
    margin-inline: auto;
    border-radius: 30px;
    overflow: hidden;
  }
}


@media (min-width: 998px) {
  #shopify-section-template--22797179257029__slideshow_9kJpX slideshow-carousel {
    width: calc(100% - (var(--container-gutter) * 2));
    margin-inline: auto;
    border-radius: 30px;
    overflow: hidden;
  }
}

/*
@media (min-width: 998px) {
  #shopify-section-template--22167609737413__slideshow_wmtFH slideshow-carousel {
    width: calc(100% - (var(--container-gutter) * 2));
    margin-inline: auto;
    border-radius: 30px;
    overflow: hidden;
  }
}*/



/* Hide 2nd gallery image (collection hover image) on PDP */
.product-gallery__media:nth-child(2) {
  display: none !important;
}


i.icon-swym-wishlist {
  font-family: 'swym-font';
  font-style: normal;
  vertical-align: middle;
}

i.icon-swym-wishlist+span {
  vertical-align: middle;
}

i.icon-swym-wishlist:after {
  content: '';
  font-size: 130%;
  line-height: 18px;
  text-align: center;
  display: inline;
}

/* Swym ready */
.swym-ready i.icon-swym-wishlist:after {
  content: '\f004';
  color: transparent;
  -webkit-text-stroke: 1.7px #000;
  display: inline-block;
  transform: scale(0.8);
  transform-origin: center center;
  -webkit-font-smoothing: antialiased;
  text-rendering: geometricPrecision;
}


/* Wishlist link */
.header__wishlist-link > a.swym-wishlist {
  position: relative;
}


/* Wishlist counter */
.swym-wishlist-header-counter {
  display: none;
}

.swym-wishlist-header-counter.show-badge {
  display: block;
  position: absolute;
  top: -2px;
  right: -3px;

  width: 7px;
  height: 7px;
  min-width: 7px;
  min-height: 7px;

  padding: 0;
  margin: 0;

  background: #000;
  border-radius: 50%;

  font-size: 0;
  line-height: 0;
}


/* amazon브릿지페이지 헤더/푸터 숨김 */
.amazon-template footer,
.amazon-template .announcement-bar,
.amazon-template announcement-bar,
.amazon-template .countdown-condensed,
.amazon-template countdown-condensed {
  display: none !important;
}

.amazon-template .header__logo {
  pointer-events: none !important;
  cursor: default !important;
}

.amazon-template .header__primary-nav,
.amazon-template .header__secondary-nav {
  display: none !important;

}

.amazon-template .shopify-section--apps {
  display: none !important;
}


/* QUICK BUY - PRODUCT CARD */
.product-card {
  display: flex !important;
  flex-direction: column !important;
}

.product-card__figure {
  order: 1 !important;
}

.product-card__info {
  order: 2 !important;
}

.product-card__quick-buy {
  order: 3 !important;
  width: 100% !important;
  position: relative !important;
  opacity: 1 !important;
  transform: none !important;

  padding-top: max(0.5rem, 0.5rem);
  padding-right: max(1rem, 1rem);
  padding-bottom: max(0.5rem, 0.5rem);
  padding-left: max(1rem, 1rem);

}

/* Slide Button Static - PRODUCT CARD */

.floating-controls-container {
  position: relative !important;
}

.carousel-prev-button,
.carousel-next-button {
  position: absolute !important;
  inset-block-start: 50% !important;
  top: 50% !important;
  transform: translateY(-50%) !important;
  height: 40px !important;
}

.carousel-prev-button {
  left: 0 !important;
  right: auto !important;
}

.carousel-next-button {
  right: 0 !important;
  left: auto !important;
}

.product-card__info .price-list {
  display: none !important;
}

.quick-buy-price {
  color: #d12b2b !important;
}


.product-card__quick-buy .button__content {
    width: fit-content !important;
    white-space: nowrap !important;
    flex: 0 0 auto !important;
    padding-top: 0.875rem;
    padding-right: 1rem;
    padding-bottom: 0.875rem;
    padding-left: 1rem;
    margin-inline: auto !important;
  }


/*footer */
@media screen and (min-width: 769px) {

  .footer__block-list {
    display: grid !important;
    grid-template-columns: minmax(0, 45fr) minmax(0, 18.33fr) minmax(0, 18.33fr) minmax(0, 18.34fr) !important;
    grid-template-rows: auto auto !important;
    align-items: start !important;
    width: 100% !important;
  }

  /* 1. Skin Solutions */
  .footer__block-list > .footer__block:nth-child(1) {
    grid-column: 2 / 5 !important;
    grid-row: 1 !important;
    align-self: start !important;
  }

  /* 2. Newsletter */
  .footer__block-list > .footer__block:nth-child(2) {
    grid-column: 1 !important;
    grid-row: 1 / 3 !important;
    align-self: start !important;
  }

  /* 3. Shop by Numbers */
  .footer__block-list > .footer__block:nth-child(3) {
    grid-column: 2 !important;
    grid-row: 2 !important;
    align-self: start !important;
  }

  /* 4. Explore more */
  .footer__block-list > .footer__block:nth-child(4) {
    grid-column: 3 !important;
    grid-row: 2 !important;
    align-self: start !important;
  }

  /* 5. You need help? */
  .footer__block-list > .footer__block:nth-child(5) {
    grid-column: 4 !important;
    grid-row: 2 !important;
    align-self: start !important;
  }
}

@media screen and (max-width: 768px) {

  .footer__block-list > .footer__block:nth-child(2) {
    order: 1 !important;
  }

  .footer__block-list > .footer__block:nth-child(1) {
    order: 2 !important;
  }

  .footer__block-list > .footer__block:nth-child(3) {
    order: 3 !important;
  }

  .footer__block-list > .footer__block:nth-child(4) {
    order: 4 !important;
  }

  .footer__block-list > .footer__block:nth-child(5) {
    order: 5 !important;
  }

}


/* LOGO LIST */

.logo-list {
  display: flex !important;
  flex-wrap: nowrap !important;
  justify-content: center;
  align-items: center;
  row-gap: 0;
  column-gap: 3.5rem;
  overflow-x: auto;
}

.logo-list__item {
  flex: 0 0 100px !important;
  width: 100px !important;
  height: 100px !important;
  padding: 0 !important;
  overflow: hidden;
  border-radius: 15px;
}

.logo-list__item img.constrained-image {
  width: 100% !important;
  height: 100% !important;
  max-width: none !important;
  object-fit: cover;
  display: block;
}

/* Mobile: 3 columns */
@media screen and (max-width: 767px) {
  .logo-list.logo-list {
    display: grid !important;
    grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
    gap: 6px !important;
    overflow-x: visible;
  }

  .logo-list__item {
    width: 90px !important;
    height: 90px !important;
    flex: none !important;
    justify-self: center;
  }
}

/* Hide horizontal scrollbar while keeping swipe/scroll */
.logo-list {
  scrollbar-width: none !important;
  -ms-overflow-style: none !important;
}

.logo-list::-webkit-scrollbar {
  display: none !important;
}

/* Prevent accidental horizontal overflow on the page */
html,
body {
  overflow-x: clip;
}

