/** Shopify CDN: Minification failed

Line 192:14 Unexpected "{"
Line 192:23 Expected ":"
Line 193:18 Expected identifier but found whitespace
Line 193:20 Unexpected "{"
Line 193:29 Expected ":"
Line 193:55 Expected ":"
Line 194:21 Expected identifier but found whitespace
Line 194:23 Unexpected "{"
Line 194:32 Expected ":"
Line 194:61 Expected ":"

**/
* { letter-spacing: 0 !important; }
.rocGroteskNormal {
    font-family: "Roc Grotesk regular", sans-serif !important;
    font-weight: 400;
    font-style: normal;
}
.rocGroteskComporessed {
    font-family: "roc-grotesk-compressed", sans-serif;
    font-weight: 300;
    font-style: normal;
}

ul, ol, li {list-style: none; margin: 0; padding: 0;}
a {text-decoration: none; color: rgb(var(--color-foreground));}

.page-width {max-width: 166rem !important;}

.header__icon--menu[aria-expanded=true]:before {position: fixed; top: 0; bottom: 0; height: 100%;}

.cursor {
    position: absolute;
    width: 6px;
    height: 6px;
    border-radius: 50%;
    background: rgba(255,0,0,0.43);
    pointer-events: none;
    z-index: 999;
    font-size: 0;
    line-height: 0;
    opacity: 0;
    transform: translate(-50%, -50%);
    /* transform: scale(0) translateZ(0);  */
    transition: width .05s, height .05s, opacity .05s;

}


/* header */
header.header {gap: 0; align-items: center; height: 60px; box-sizing: border-box;}
header .header__heading-logo-wrapper { margin-right: 75px; width: 78px;}
header .header__heading .header__heading-link {padding: 0; margin: 0;}
.header__heading-link {padding: 0;}
header .list-menu > li {margin-right: 70px;}
header .list-menu li .list-menu__item {font-size: 12.6px; gap: 1rem; padding: 0; color: #000;}
header .list-menu li .list-menu__item img {transition: all .3s; width: 13px;}
header .list-menu li header-menu .list-menu__item[aria-expanded="true"] img {transform: rotate(180deg);}
header .list-menu li .list-menu__item span {text-decoration: none;}

header .list-menu li .mega-menu__link {font-size: 12px;  margin-bottom: 1.6rem; line-height: 1; white-space: nowrap;}
header .list-menu li .mega-menu__link.mega-menu__link--level-2 {margin-bottom: 2.3rem;}
header .list-menu li .mega-menu__link .newIcon {display: inline-block; width: 31px; height: 31px; border-radius: 50%; background: #F7B0FF; vertical-align: middle; text-align: center; }
header .list-menu li .mega-menu__link .newIcon::after {content: "NEW"; font-size: 9px; font-weight: bold; font-style: normal; font-style: normal; line-height: 30px;}

.header__icons .cart-count-bubble {width: 1.9rem; height: 1.9rem; background: #F7B0FF; font-size: 1rem; color: #000; left: auto; right: -50%; bottom: auto; }
.header__icon .svg-wrapper,
.header__icon, .header__icon--cart .icon  {width: auto; height: auto;}
 .header__icon--cart {margin: 0;}

.header__icons {padding: 0;}
.header_utils {display: flex; gap: min(17px, 1.42vw); align-items: center; padding-bottom: 1px; margin-right: min(11px, 0.92vw);}
.header__icon--account img[alt="mypage"] {width: min(34px, 2.83vw); height: auto;}
.header__icon--search img[alt="search"] {width: min(21px, 1.75vw); height: auto;}
.header__icon--cart img[alt="cart"] {width: min(20px, 1.67vw); height: auto;}

/** Country swticher */
.localization_dropdown {left: 0; width: 30vw; max-width: 450px;}
.localization_dropdown.language-selector {width: 17vw;}
.localization_dropdown .localization_tit {display: flex; justify-content: space-between; align-items: center; font-size: 1.3rem; font-weight: 700; color:#000; padding: 14px; box-sizing: border-box;}
.localization_dropdown .close_btn {padding: 0;}
.localization_dropdown .close_btn svg {width: 18px; height: 18px;}
.localization_dropdown .country-filter {padding:0; padding: 0 14px 20px; font-size: 1.26rem;}
.localization_dropdown .country-filter .field { box-shadow: 0 0 15px rgba(0, 0, 0, 0.25); background: #fff;}
.localization_dropdown .countries {}
.localization_dropdown .countries .disclosure__item {}

.field__input:focus~.field__label {display: none; font-size: 0;}



#menu-drawer summary .icon-caret {height: 1rem;}
#MainContent .shopify-section {margin-bottom: 18rem;}
#MainContent .main_sec_title {font-size: 2.2rem; margin-bottom: 3rem;}
.title, .title-wrapper-with-link {margin-bottom: 0;}


/* quantity */
.quantity {height: 2.5rem; width: 11.5rem; min-height: auto; border-radius: 100px; overflow: hidden; border: 0.75px solid #707070; }
.quantity::before, .quantity::after {display: none;}
.quantity__input {font-size: 1.2rem; color: #707070; }


@media all and (max-width: 989px) {
  .section-header.shopify-section-group-header-group {z-index: 10000;}
    header.header {padding: 5px 16px 0; grid-template-columns: 1fr auto 1fr;}
    .header-wrapper--border-bottom {border-bottom: 0;}
    .header-wrapper {box-shadow: 0 0 4px rgba(186, 186, 186, 0.8);}

    .header__heading-logo {width: 86px;}
    header .header__heading-logo-wrapper {margin-right: 0;}
    .header__icons {padding: 0;}
    .header_utils {gap: 16px; margin-right: 0;}
    .header__icon {}
    .header__icon img[alt="search"] {width: 19px; height: 20px;}
    details[open="true"] .header__icon img[alt="search"] {filter: invert(91%) sepia(62%) saturate(3469%) hue-rotate(232deg) brightness(103%) contrast(105%);}

    .header__icons .cart-count-bubble {width: 1.9rem; height: 1.9rem; top: 0; }
    .header__icon .svg-wrapper img[alt="cart"] {width: 17px; height: 20px;}

    header .list-menu li .list-menu__item img {width: 17px; height: auto;}

    #MainContent .shopify-section {margin-bottom: 9rem;}
    #MainContent .main_sec_title {font-size: 1.8rem; margin-bottom: 1.4rem;}
}


/* 메인 상품 슬라이드 */
section { overflow: hidden; }
  .prd_swiper_container {
    overflow: visible;
  }
  .prd_swiper_wrap {
    width: 100vw; 
    position: relative;
    left: 50%;
    transform: translateX(-50%);
    padding-left: max(calc((100vw - 1560px) / 2), 5rem);
  }


  .prd_swiper_wrap .swiper-hover-zone {
    display: block;
  position: absolute;
  top: 0;
  right: 0;
  width: 20%;
  height: 100%;
  z-index: 10;

  /* 👇 핵심: 이벤트 막지 않음 */
  pointer-events: none; 
}

/* 버튼 기본 숨김 */
.swiper-button-next {
  opacity: 0;
  transition: opacity 0.2s;
  z-index: 20;
}

.prd_swiper_wrap .swiper-button-wrap {position: absolute; right: 0; top: 40%; transform: translateY(-50%); width: 100%; z-index: 10; }
.prd_swiper_wrap .swiper-button-wrap .swiper-button-next {display: block; width: 80px; height: 80px; transform: rotate(45deg) translateX(-50px);}
.prd_swiper_wrap .swiper-button-wrap .swiper-button-next::after {display: block; content: ""; width: 100%; height: 100%; border: 1px solid #fff; border-width: 2px 2px 0 0;}
.prd_swiper_wrap .swiper-button-wrap .swiper-button-next.swiper-button-disabled {display: none;}
.prd_swiper_wrap .swiper-button-wrap .swiper-button-prev {display: none;}


/* hover 시 버튼 노출 */
.prd_swiper_wrap.is-hover-right .swiper-button-next {
  opacity: 1;
}

  @media screen and (max-width: 750px) {
    .prd_swiper_wrap {
      padding-left: 1.5rem;
    }

    .prd_swiper_wrap .swiper-hover-zone {display: none;}
    .prd_swiper_wrap .swiper-button-wrap .swiper-button-next {
      width: 30px; 
      height: 30px; 
      opacity: 1;
      transform: rotate(45deg) translateX(-10px);
    }

  }

  @media screen and (min-width: 750px) {
    .section-{{ section.id }}-padding {
      padding-top: {{ section.settings.padding_top }}px;
      padding-bottom: {{ section.settings.padding_bottom }}px;
    }

    
  }



/* 릴업 css */
.reelUp_cards_carousel .reelUp_slider_heading {margin-bottom: 30px !important;}

@media all and (max-width: 990px) {
    .reelUp_widget_heading {font-size: 1.8rem !important; margin-bottom: 1.1rem !important;}

}


/* 폰트 유틸리티 */
:root {
  --font-brand:      'Roc Grotesk Medium', sans-serif;
  --font-pretendard: 'Pretendard', sans-serif;
  --font-body:       'Roc Grotesk Medium', sans-serif;
}

:lang(ko) { --font-body: 'Pretendard', sans-serif; }
:lang(ja) { --font-body: 'Pretendard JP', sans-serif; }

.font-brand      { font-family: var(--font-brand); }       /* 항상 Roc Grotesk */
.font-pretendard { font-family: var(--font-pretendard); }  /* 항상 Pretendard */
.font-body       { font-family: var(--font-body); }        /* 언어 따라 자동 전환 */






/*  푸터 변경  */
:where(x-flex,[x-flex]) {
    --jsDisplay: flex;
    display: flex;
}
[direction=column] {
    flex-direction: column;
}
footer {
  border-top: 1px solid #d7d7d7;
}
footer, footer * {
  font-family: "Roboto", system-ui, -apple-system, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif !important;
  font-weight: 500;
}
footer [direction=column] {
    flex-direction: column;
}


#f-newsletter p {
  font-size: 12px;
  font-weight: 600;
  margin: 0 0 10px 0;
}

#f-newsletter input[type="email"] {
  width: 100%;
  border: 1px solid #ccc;
  padding: 10px 12px;
  font-size: 12px;
  background: #fff;
  box-sizing: border-box;
  outline: none;
  margin-bottom: 10px;
}

#f-newsletter .newsletterbox {
  gap: 8px;
}

#f-newsletter button[type="submit"] {
  width: 100%;
  background: #000;
  color: #fff;
  border: none;
  padding: 12px;
  font-size: 11px;
  font-weight: 600;
  letter-spacing: 0.1em;
  text-transform: uppercase;
  cursor: pointer;
}

[columns="1"] {
    --grid-tc: repeat(1, minmax(0, 1fr));
}

#f-motto {
  font-size: 12px;
  line-height: 1.6;
}
#f-motto a {
  text-decoration: underline;
}

/* Socials */
.ssocialss ul {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: 20px;
  padding: 0;
  margin: 0;
}

.ssocialss li {
  margin: 0;
  list-style: none;
}

.ssocialss li a {
  display: flex;
  align-items: center;
}

.ssocialss li span {
  display: none;
}

.ssocialss li i {
  display: flex;
  align-items: center;
}

.ssocialss li svg {
  display: block;
  width: 22px;
  height: 22px;
}


#f-socials {}
#f-socials .foosocial {
  display: flex;
}

.footer__localization {
  border: 1px solid #e0e0e0;
  border-left: 0;
  border-right: 0;
  padding: 1rem;
  box-sizing: border-box;

}
.footer__localization .localization-form {
  padding: 0 !important;
  margin: 0 !important;
}
.footer__localization localization-form h2 {display: none;}
.footer__localization localization-form .disclosure__button {
  padding: 1.4rem; 
  height: auto;
  min-height: auto;
  text-transform: uppercase;
  line-height: 1;
  margin: 0 !important;
}
.footer__localization localization-form .disclosure__button::before,
.footer__localization localization-form .disclosure__button::after {
  border: none;
  box-shadow: none;
  display: none;
}
.footer__localization localization-form .disclosure__button img {
  display: none;
}
.footer__localization localization-form .disclosure__button .localization_btn_txt::after {
  content: "";
    display: inline-block;
    width: 6px;
    height: 6px;
    vertical-align: middle;
    border-block-start: 2px solid #000;
    border-inline-start: 2px solid #000;
    transform: rotate(225deg) translateY(3px);
    margin-left: 7px;
}

.footer__localization .disclosure__list-wrapper {
  position: fixed;
  left: 50% !important;
  top: 50%  !important;
  transform: translate(-50%, -50%);
  width: 100%;
  max-width: 483px;
  height: 600px;
  border: 1px solid #d7d7d7 !important;
}

.footer__localization localization-form .country-selector__overlay {
  display: block;
  width: 100%;
  height: 100%;
  opacity: 1;
  visibility: visible;
  background: rgba(252, 252, 252, 0.9);
  position: fixed;
  left: 0;
  top: 0;
  z-index: 1;
}
.footer__localization localization-form .disclosure__list-wrapper[hidden]  + .country-selector__overlay {
height: 0;
opacity: 0;
  visibility: hidden;
}

footer .copyright {
  padding: 1rem 2rem;
  box-sizing: border-box;
  margin: 0;
  font-size: 0.9rem;
  font-weight: 400;
}

@media all and (max-width: 989px) {
  
  footer>x-flex>x-cell {
    padding: 2rem;
    border-top: 1px solid #d7d7d7;
  }
  

}



@media screen and (min-width: 990px) {
  footer x-flex[wrap="wrap"] {
        display: flex;
      flex-direction: row !important;
      flex-wrap: wrap;
      gap: 0;
  }

  footer x-flex[wrap="wrap"] > x-cell:first-child {
      border-left: none !important;
  }

      footer x-flex[wrap="wrap"] > x-cell {
      width: 25% !important;
      flex: 1 1 25% !important;
      padding: 1.5rem 1rem;
      border-left: 0.5px solid #ddd !important;
      border-right: none !important;
      border-top: none !important;
      border-bottom: none !important;
      box-shadow: none !important;
      outline: none !important;
      min-height: auto !important;
  }
  


}