/** Shopify CDN: Minification failed

Line 322:11 Expected ":"
Line 322:13 Expected identifier but found "16px"

**/
:root {
  /* Color */
  --color-gray-100: #FFFFFF;
  --color-gray-300: #9C9C9C;
  --color-gray-400: #353535;
  --color-gray-900: #000000;
  --color-primary: #F3F1E9;
  --color-gnb-bg:  #F3F1E999; 

  /* Overlay */
  --overlay-70: rgba(0, 0, 0, .7);
  --overlay-30: rgba(0, 0, 0, .3);

  /* Spacing */
  --gap-04: 4px;
  --gap-08: 8px;
  --gap-12: 12px;
  --gap-16: 16px;
  --gap-20: 20px;
  --gap-24: 24px;
  --gap-28: 28px;
  --gap-32: 32px;
  --gap-36: 36px;
  --gap-40: 40px;
  --gap-44: 44px;
  --gap-48: 48px;
  --gap-60: 60px; 
  --gap-64: 64px;
  --gap-80: 80px;
  --gap-100: 100px;
  --gap-140: 140px;

  /* Layout */
  --site-width: 1920px;
  --side-padding: var(--gap-32);

  /* aspect ratio */
  --b7-aspect-ratio: inherit;
}

@media (max-width: 750px) {
  :root {
    --side-padding: var(--gap-12);
  }
}


/* Layout */
.wrapper {
  max-width: var(--site-width);
  padding: 0 var(--side-padding);
}
.b7-narrow-wrapper {
  max-width: 1608px;
  padding: 0 var(--side-padding);
  margin: 0 auto;
}

body[data-scroll-lock-current-fill-gap-method = "padding"] { padding-right: 0 !important; }

/* <main> 태그 min-height 값 지정 */
.main-content {
  min-height: calc(100vh - var(--headerHeight) - var(--footerHeight));
}


/* Aspect Ratio  */
  /* Desktop */
  @media (min-width: 751px) {
    .b7-ratio--1x1 {
      --b7-aspect-ratio: 1 / 1;
    }
    .b7-ratio--4x5 {
      --b7-aspect-ratio: 4 / 5;
    }
    .b7-ratio--30x13 {
      --b7-aspect-ratio: 30 / 13;
    }
    .b7-ratio--5x2 {
      --b7-aspect-ratio: 5 / 2;
    }
    .image__hero__frame { aspect-ratio: var(--b7-aspect-ratio); }
    
    .b7-ratio--1-7x1 {
      min-height: auto;
      aspect-ratio: 1.7 / 1;
    }
    .b7-ratio--1-7x1 .flickity-viewport {
      height: auto !important;
      aspect-ratio: 1.7 / 1;
    }
  }
  /* Mobile */
  @media (max-width: 750px) {
    .b7-ratio--30x13-mo {
      --b7-aspect-ratio: 30 / 13;
      aspect-ratio: var(--b7-aspect-ratio);
    }
    .b7-ratio--13x25-mo {
      min-height: auto;
      aspect-ratio: 13 / 25;
    }
    .b7-ratio--4x5-mo.image__hero__frame {
      --b7-aspect-ratio: 4 / 5;
      aspect-ratio: var(--b7-aspect-ratio);
    }
    .b7-ratio--1x1-mo.image__hero__frame {
      --b7-aspect-ratio: 1 / 1;
      aspect-ratio: var(--b7-aspect-ratio);
    }
  }


/* Multicolumn 섹션 공통 */
.wrapper--full-padded { padding: 0; }
.wrapper--full-padded .multicolumn { margin: 0; }
.multicolumn .grid-item.b7-grid-item--pd-0 { padding: 0; }


/* 공통 클래스 */
.underlay { background: var(--overlay-30); }
.b7-block { display: block; }
.b7-w-full { width: 100%; } 
.b7-h-full { height: 100%; }
.b7-relative { position: relative; }
.b7-absolute { position: absolute; }
.b7-visual-hidden {
  position: absolute;
  width: 1px;
  height: 1px;
  margin: -1px;
  padding: 0;
  white-space: nowrap;
  overflow: hidden;
  clip-path: inset(100%);
  clip: rect(0 0 0 0);
  border: 0;
}


/* 모바일에서 제품 썸네일 슬라이드 X */
.b7-product-item__hv-none::after { display: none !important; }


.grid__items-holder .grid {
  gap: var(--gap-20);
}


/* 페이지네이션 */
  main .pagination-custom {
    max-width: var(--site-width);
    padding: var(--gap-60) var(--side-padding) 0;
    margin: 0 auto;
  }
  .pagination-custom .pagination-custom__inner { 
    margin: 0; 
    gap: var(--gap-32);
  }
  .pagination-custom .pagination-custom__page {
    margin: 0;
    padding: 0;
    font-size: var(--fs-body-14);
    font-weight: 400;
    line-height: 1.5;
    border-radius: 0;
    box-shadow: none;
  }
  .pagination-custom .pagination-custom__page--active {
    border-bottom: 1px solid var(--color-gray-900);
  }

  /* MO */
    @media (max-width: 750px) {
      main .pagination-custom{ padding-top: var(--gap-28); }
    }


/* 아이콘 */
  .icon-menu {
    fill: var(--icons, currentColor);
    stroke: none;
  }


/* 어나운스먼트바 */
  @media (max-width: 750px) {
    .announcement__bar-outer { 
      padding-left: var(--gap-48);
      padding-right: var(--gap-48);
    }
}


/* Social videos 섹션 공통 */
  div[id*=social_videos] social-videos { 
    position: relative; 
    display: block;
  }
  div[id*=social_videos] .grid--mobile-slider {
    margin: 0;
    padding: 0;
    scroll-behavior: smooth;
    scroll-padding: 0;
    gap: 20px;
  }
  div[id*=social_videos] .grid--mobile-slider  .grid-item {
    width: 100%;
    margin: 0;
  }
  div[id*=social_videos] .b7-slide__controls {
    display: flex;
    align-items: center;
    justify-content: space-between;
    position: absolute;
    top: 50%;
    left: 0;
    width: 100%;
    padding: 0 var(--gap-12);
    transform: translateY(-50%);
    z-index: 10;
  }
  div[id*=social_videos] .b7-slide__button { padding: 0; }
  div[id*=social_videos] .b7-slide__button,
  div[id*=social_videos] .b7-slide__button svg {
    display: block;
    width: 16px;
    height: 16px;
  }
  div[id*=social_videos] .b7-slide__button.is-disabled {
    opacity: .5;
    pointer-events: none;
  }
  div[id*=social_videos] .b7-slide__button svg {
    stroke: var(--color-gray-400);
  }
  @media (min-width: 751px) {
    div[id*=social_videos] .b7-slide__controls { display: none; }
  }

/* Stoq 앱 */
  .restock-rocket-preorder-badge {
    line-height: 1.5 !important; 
    border-radius: 20px;
  }
  .restock-rocket-button-container .restock-rocket-button-product {
    margin: 0;
    padding: var(--gap-20);
    font-size: var(--fs-body-14) !important;
    font-weight: 400;
    line-height: 1.5;
    border: none;
    border-radius: 0;
  }
  .restock-rocket-wrapper #formContainer {
    max-width: 605px; /* 팝업창 너비 */
    width: 100%;
    padding: 40px;
    border-radius: 24px !important
  }
  /* 알림 아이콘 크기 */
  .restock-rocket-wrapper #form-Header-Icon {
    width: 30px;
    height: 30px;
    margin: 0;
  }
  /* 알림 아이콘 헤딩 사이 간격 */
  .restock-rocket-wrapper #form-Header-Container { gap: 16px; }
  /* 헤딩 사이즈 */
  .restock-rocket-wrapper #form-Header-Text {
    font-size: 18px;
    font-weight: 500;
    line-height: 1.5;
    letter-spacing: 0;
  }
  /* 닫힘 버튼 크기 */
  .restock-rocket-wrapper #formContainer-Close,
  .restock-rocket-wrapper #formContainer-Close svg {
    width: 19px;
    height: 19px;
  }
  /* description */
  .restock-rocket-wrapper #form-Description {
    margin: 20px 0;
    font-size: 16px;
    font-weight: 400;
    line-height: 2;
    letter-spacing: 0;
  }
  /* 제품명 */
  .restock-rocket-wrapper #form-Product-Name {
    margin: 0 0 16px;
    font-size: 18px;
    font-weight: 500;
    line-height: 1.5;
    letter-spacing: 0;
  }
  /* 이메일 폼 필드 */
  .restock-rocket-wrapper #form-Email-Container { margin: 0; }
  .restock-rocket-wrapper #form-Email {
    min-height: 62px;
    margin: 0;
    padding: 16px;
    font-size: 18px;
    font-weight: 400;
    line-height: 1.5;
    letter-spacing: 0;
    border: 1px solid #9c9c9c !important;
    border-radius: 5px;
  }
  /* 아무것도 작성하지 않았을 경우 텍스트 컬러 */
  .restock-rocket-wrapper #form-Email::placeholder { color: #9C9C9C; }
  /* 전송 버튼 */
  .restock-rocket-wrapper #form-Button {
    height: 62px;
    padding; 16px;
    margin-top: 16px;
    font-size: 18px;
    font-weight: 400;
    line-height: 1.5;
    letter-spacing: 0;
    border-radius: 5px;
  }
  /* 약관 메시지 */
  .restock-rocket-wrapper #form-Terms {
    margin-top: 12px;
    font-size: 12px;
    font-weight: 400;
    line-height: 1.5;
    letter-spacing: 0;
    text-align: center;
    color: #9c9c9c;
  }

  /* 성공 */
  .restock-rocket-wrapper #form-Success-Container {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
  }
  .restock-rocket-wrapper #form-Success-Text {
    margin-top: 28px;
    font-size: 18px;
    font-weight: 500;
    line-height: 1.5;
    letter-spacing: 0;
    color: #000;
  }
  /* 알림 */
  .restock-rocket-wrapper  #form-Error-Message {
    background: none;
    border: none;
    margin: 0;
    padding: 12px 0;
  }
