/* Tessol STORE — /store (메인 웹 GNB·footer 톤) */
.site-store {
  margin: 0;
  min-height: 100%;
  background: #fff;
  color: #0d0d0d;
  font-family: var(--font-body);
  --container-max: 90rem; /* 스토어 콘텐츠 1440px (웹 1320과 분리) */
  --font-32: 2rem;
  --font-46: 2.875rem;
  --font-12: 0.75rem;
  --vw-6: 0.3125vw; /* 6 @1920 */
  --vw-64: 3.33333vw; /* 64 @1920 */
  --store-gnb-height: max(4rem, var(--vw-64));
  /* fixed 헤더 하단 = 프로모션바 + GNB (스티키·스크롤 오프셋 공통) */
  --store-sticky-top: calc(var(--promo-bar-height, 0px) + var(--store-gnb-height));
  /*
   * app.css #contents { margin-top: var(--header-height) } 충돌 방지.
   * common.css --header-height 는 vw-80(웹 GNB)이라 스토어 GNB(64)와 어긋남.
   */
  --header-height: var(--store-sticky-top);
  /* 스티키 탭 ↔ 섹션 시작 간격 (스크롤·탭클릭 동일) */
  --store-tab-gap: max(2.5rem, var(--vw-40));
  --store-tab-bar: 3.6875rem; /* 탭 min-height 59 */
}

.site-store__wrap {
  min-height: 100vh;
  display: flex;
  flex-direction: column;
}

/* 웹 app.css .container 대응 (스토어 레이아웃은 app.css 미로드) */
.site-store .container {
  width: 100%;
  max-width: var(--container-max, 1320px);
  margin-left: auto;
  margin-right: auto;
  padding-left: var(--container-gutter-x, max(1.25rem, var(--vw-24)));
  padding-right: var(--container-gutter-x, max(1.25rem, var(--vw-24)));
  position: relative;
  box-sizing: border-box;
}

.site-store .skip-link {
  position: absolute;
  left: -9999px;
  top: 0;
  z-index: 10000;
  padding: 0.75rem 1rem;
  background: var(--second-color);
  color: #fff;
}
.site-store .skip-link:focus {
  left: 1rem;
  top: 1rem;
}

#content[data-layout="store"] {
  flex: 1;
}

/* promotion-bar 있을 때 본문 상단 여백 = 헤더 + 프로모션바 (app.css #contents 오버라이드) */
.site-store #contents {
  margin-top: var(
    --store-contents-margin-top,
    calc(var(--store-gnb-height, max(4rem, var(--vw-64))) + var(--promo-bar-height, 0px))
  );
}

@media screen and (min-width: 2400px) {
  .site-store #contents {
    margin-top: var(
      --store-contents-margin-top,
      calc(4rem + var(--promo-bar-height, 0px))
    );
  }
}

/* GNB — Figma GNB-shop 11797:5959 */
.store-gnb.gnb-wrap.is-solid {
  border-bottom: 1px solid #c8ced3;
  box-shadow: none;
  backdrop-filter: none;
  -webkit-backdrop-filter: none;
  overflow: visible;
  background-color: #fff;
  color: #131313;
}

.store-gnb .gnb {
  gap: max(1rem, var(--vw-20));
  min-height: var(--store-gnb-height);
  height: var(--store-gnb-height);
  padding-top: 0;
  padding-bottom: 0;
  align-items: center;
  justify-content: space-between;
  box-sizing: border-box;
  overflow: visible;
}

.store-gnb__left {
  display: flex;
  align-items: center;
  gap: max(1.5rem, var(--vw-40));
  min-width: 0;
  flex: 1 1 auto;
  height: 100%;
}

.store-gnb__brand {
  display: inline-flex;
  align-items: flex-start;
  gap: 6px;
  flex-shrink: 0;
  text-decoration: none;
  color: inherit;
}

.store-gnb__logo {
  display: block;
  width: 142px;
  height: 28px;
  flex-shrink: 0;
}

.store-gnb .logo__img--solid {
  position: static;
  display: block;
  width: 100%;
  height: 100%;
  object-fit: contain;
  opacity: 1;
}

.store-gnb__shop-badge {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  padding: 2px 6px;
  border-radius: 9999px;
  background: #00b894;
  color: #fff;
  font-family: var(--font-en);
  font-size: 12px;
  font-weight: 600;
  letter-spacing: -0.6px;
  line-height: normal;
  white-space: nowrap;
  flex-shrink: 0;
}

.store-gnb .tools {
  display: flex;
  align-items: center;
  gap: max(1.25rem, var(--vw-20));
  white-space: nowrap;
  flex-shrink: 0;
}

.store-gnb__menu {
  display: flex;
  align-items: stretch;
  gap: max(1.875rem, var(--vw-30));
  min-width: 0;
  overflow: visible;
  height: 100%;
}

.store-gnb__menu-primary,
.store-gnb__menu-secondary {
  display: flex;
  align-items: stretch;
  gap: max(1.875rem, var(--vw-30));
  overflow: visible;
  height: 100%;
}

.store-gnb__menu-secondary {
  gap: max(1rem, var(--vw-16));
}

.store-gnb__menu-divider {
  align-self: center;
  width: 1px;
  height: 14px;
  background: #5E5E5E;
  flex-shrink: 0;
}

.store-gnb .menu__item {
  position: relative;
  display: flex;
  align-items: center;
  flex-shrink: 0;
}

.store-gnb__menu-primary .store-gnb__menu-item::after {
  content: "";
  position: absolute;
  left: 0;
  right: 0;
  bottom: 0;
  height: 3px;
  background: #131313;
  opacity: 0;
  transition: opacity 0.2s ease;
  pointer-events: none;
}

.store-gnb__menu-primary .store-gnb__menu-item.is-active::after,
.store-gnb__menu-primary .store-gnb__menu-item.has-mega:hover::after,
.store-gnb__menu-primary .store-gnb__menu-item.has-mega.is-open::after {
  opacity: 1;
}

.store-gnb .menu__link {
  position: relative;
  display: inline-flex;
  align-items: center;
  height: 100%;
  font-family: var(--font-body);
  font-size: max(0.875rem, var(--font-14));
  font-weight: 400;
  line-height: normal;
  text-decoration: none;
  color: #131313;
  transition: color 0.2s ease;
}

.store-gnb button.menu__link {
  appearance: none;
  background: none;
  border: 0;
  padding: 0;
  margin: 0;
  font: inherit;
  line-height: inherit;
  cursor: pointer;
}

.store-gnb .menu__link--sub {
  font-family: var(--font-body);
  color: #5e5e5e;
  letter-spacing: 0;
}

.store-gnb.gnb-wrap.is-solid .menu__link:hover,
.store-gnb.gnb-wrap.is-solid .menu__item.is-active > .menu__link,
.store-gnb .menu__link:hover,
.store-gnb .menu__item.is-active > .menu__link {
  color: #131313;
}

.store-gnb .menu__item--sub.is-active > .menu__link--sub,
.store-gnb .menu__item.store-gnb__menu-item--sub.is-active > .menu__link--sub {
  color: #131313;
  font-weight: 400;
}

.store-gnb .search.store-gnb__search {
  max-width: none;
  gap: max(2.5rem, var(--vw-40));
  padding: max(0.5625rem, 0.46875vw) max(0.8125rem, var(--vw-13));
  border: 1px solid #f0f0f0;
  border-color: #f0f0f0;
  background: rgba(255, 255, 255, 0.9);
  color: #5e5e5e;
  box-shadow: 0 2px 10px rgba(0, 38, 62, 0.08);
}

.store-gnb.gnb-wrap.is-solid .search.store-gnb__search {
  background: rgba(255, 255, 255, 0.9);
  border-color: #f0f0f0;
  color: #5e5e5e;
  box-shadow: 0 2px 10px rgba(0, 38, 62, 0.08);
}

.store-gnb .search.store-gnb__search .search__submit {
  padding: 0;
  width: 14px;
  height: 14px;
  border-radius: 0;
}

.store-gnb .search.store-gnb__search .store-gnb__search-icon {
  display: block;
  width: 14px;
  height: 14px;
  max-width: none;
}

.store-gnb .search.store-gnb__search .search__placeholder {
  color: #5e5e5e;
  font-family: "Roboto", var(--font-en);
  font-size: max(0.8125rem, var(--vw-13));
  line-height: max(0.8125rem, var(--vw-13));
}

.store-gnb.gnb-wrap.is-solid .search.store-gnb__search .search__placeholder {
  color: #5e5e5e;
}

.store-gnb__icon-group {
  display: inline-flex;
  align-items: center;
  gap: max(1.25rem, var(--vw-20));
  flex-shrink: 0;
  height: 100%;
}

.store-gnb__icon-btn {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  padding: 0;
  border: 0;
  background: transparent;
  text-decoration: none;
  color: #131313;
  flex-shrink: 0;
}

.store-gnb__icon-btn--account {
  width: max(1.0625rem, 0.888125vw);
  height: 18px;
}

.store-gnb__icon-btn--cart {
  width: max(1.2375rem, var(--vw-20));
  height: 18px;
}

.store-gnb__icon-btn--home {
  width: max(1.125rem, var(--vw-18));
  height: 18px;
}

.store-gnb__icon-btn img {
  display: block;
  width: 100%;
  height: 100%;
  max-width: none;
  max-height: none;
}

.store-gnb__icon-btn:hover,
.store-gnb__icon-btn.is-active {
  opacity: 0.72;
}

.store-gnb__account {
  position: relative;
  display: inline-flex;
  align-items: center;
  align-self: stretch;
  height: 100%;
}

/* Figma — 헤더 하단으로부터 10px, user icon 가로 중앙 */
.store-gnb__account-menu {
  position: absolute;
  top: calc(100% + 10px);
  left: 50%;
  z-index: 30;
  display: block;
  min-width: 8rem; /* 128 */
  background: transparent;
  border: 0;
  box-shadow: none;
  opacity: 0;
  visibility: hidden;
  pointer-events: none;
  transform: translateX(-50%);
  transition: opacity 0.12s ease, visibility 0.12s ease;
}

/* 헤더↔박스 10px 구간도 hover 유지 */
.store-gnb__account-menu::before {
  content: "";
  position: absolute;
  left: 0;
  right: 0;
  top: -10px;
  height: 10px;
}

.store-gnb__account-panel {
  display: flex;
  flex-direction: column;
  align-items: stretch;
  padding: 8px 0;
  overflow: hidden;
  border: 0;
  border-radius: 0;
  background: #fff;
  box-shadow: 0 8px 8px rgba(0, 0, 0, 0.1);
}

.store-gnb__account:hover .store-gnb__account-menu,
.store-gnb__account:focus-within .store-gnb__account-menu {
  opacity: 1;
  visibility: visible;
  pointer-events: auto;
}

.store-gnb__account-link {
  display: block;
  box-sizing: border-box;
  width: 100%;
  min-width: 8rem; /* 128 */
  padding: 8px 16px;
  color: #131313;
  font-size: max(0.875rem, var(--font-14));
  font-weight: 400;
  line-height: 1.5;
  letter-spacing: -0.02em;
  text-align: left;
  text-decoration: none;
  white-space: nowrap;
}

.store-gnb__account-link:hover {
  background: #f5f5f5;
  color: #131313;
  text-decoration: none;
}

.store-gnb__account-divider {
  display: block;
  width: 100%;
  max-width: 8.75rem; /* 140 */
  height: 1px;
  margin: max(0.1875rem, 0.15625vw) auto;
  background: rgba(0, 0, 0, 0.06);
}

.store-gnb__account.is-active .store-gnb__icon-btn {
  opacity: 0.72;
}

/* 메가메뉴 — Figma 11764:2534 (풀와이드 배경 + container 정렬) */
.store-gnb > .store-mega {
  --store-mega-ease: cubic-bezier(0.22, 1, 0.36, 1);
  position: absolute;
  left: 0;
  right: 0;
  top: 100%;
  z-index: 1001;
  width: 100%;
  background: #fff;
  box-shadow: 0 12px 32px rgba(0, 38, 62, 0.06);
  opacity: 0;
  visibility: hidden;
  pointer-events: none;
  transform: translate3d(0, -8px, 0);
  transition:
    opacity 0.28s var(--store-mega-ease),
    transform 0.28s var(--store-mega-ease),
    visibility 0.28s var(--store-mega-ease);
}

.store-gnb > .store-mega.is-open {
  opacity: 1;
  visibility: visible;
  pointer-events: auto;
  transform: translate3d(0, 0, 0);
  max-height: calc(100dvh - 6.5rem);
  overflow-y: auto;
  overscroll-behavior: contain;
}

.store-mega__inner.container {
  padding-top: max(3.75rem, var(--vw-60));
  padding-bottom: max(3.75rem, var(--vw-60));
  display: flex;
  align-items: flex-start;
  justify-content: space-between;
  gap: max(1.25rem, var(--vw-20));
}

.store-mega__side {
  display: flex;
  flex-direction: column;
  gap: max(1.25rem, var(--vw-20));
  width: 300px;
  flex-shrink: 0;
}

.store-mega__side-head {
  display: flex;
  align-items: center;
  gap: max(0.625rem, var(--vw-10));
}

.store-mega__side-title {
  margin: 0;
  font-size: max(1rem, var(--font-16));
  font-weight: 700;
  line-height: normal;
  color: #252a2e;
  white-space: nowrap;
}

.store-mega__side-sub {
  margin: 0;
  font-size: max(0.875rem, var(--font-14));
  font-weight: 400;
  line-height: normal;
  color: #5e5e5e;
  white-space: nowrap;
}

.store-mega__side-list {
  list-style: none;
  margin: 0;
  padding: 0;
  width: 100%;
}

.store-mega__side-item {
  width: 100%;
}

.store-mega__side-link {
  display: flex;
  align-items: center;
  gap: max(1.25rem, var(--vw-20));
  width: 100%;
  padding: max(1rem, var(--vw-16));
  box-sizing: border-box;
  text-decoration: none;
  color: #131313;
  background: #fff;
  transition: background-color 0.2s ease, color 0.2s ease;
}

.store-mega__side-link:hover,
.store-mega__side-link.is-active {
  background: #f5f5f5;
  color: #154670;
}

.store-mega__side-thumb {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 40px;
  height: 34px;
  flex-shrink: 0;
}

.store-mega__side-thumb img {
  display: block;
  max-width: 100%;
  max-height: 100%;
  object-fit: contain;
}

.store-mega__side-label {
  font-size: max(0.875rem, var(--font-14));
  font-weight: 400;
  line-height: normal;
  white-space: nowrap;
}

.store-mega__panels {
  flex: 1 1 auto;
  min-width: 0;
}

.store-mega__panel[hidden] {
  display: none !important;
}

.store-mega__panel {
  display: flex;
  flex-direction: column;
  gap: max(1.25rem, var(--vw-20));
}

.store-mega__panel-head {
  display: flex;
  align-items: center;
  justify-content: flex-start;
  gap: max(0.625rem, var(--vw-10));
}

.store-mega__panel-title {
  margin: 0;
  font-size: max(1rem, var(--font-16));
  font-weight: 700;
  line-height: normal;
  color: #252a2e;
  white-space: nowrap;
}

.store-mega__view-all {
  display: inline-flex;
  align-items: center;
  gap: 5px;
  font-size: max(0.875rem, var(--font-14));
  font-weight: 400;
  line-height: normal;
  color: #5e5e5e;
  text-decoration: none;
  white-space: nowrap;
}

.store-mega__view-all:hover {
  color: #154670;
}

.store-mega__grid {
  display: grid;
  grid-template-columns: repeat(6, max(10rem, 8.33333vw));
  gap: max(0.625rem, var(--vw-10));
  width: fit-content;
  max-width: 100%;
}

.store-mega__card {
  position: relative;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: flex-end;
  width: max(10rem, 8.33333vw);
  min-height: max(12.5rem, var(--vw-200));
  height: auto;
  padding: max(1rem, var(--vw-16));
  box-sizing: border-box;
  background: #f5f5f5;
  text-decoration: none;
  color: #252a2e;
  overflow: visible;
}

.store-mega__card.is-featured {
  background: #f0f0f0;
}

.store-mega__card-visual {
  position: absolute;
  left: 50%;
  top: calc(50% - max(0.75rem, var(--vw-16)));
  transform: translate(-50%, -50%);
  width: max(7.5rem, var(--vw-140));
  height: max(4.5rem, var(--vw-80));
  display: flex;
  align-items: center;
  justify-content: center;
  pointer-events: none;
}

.store-mega__card-visual img {
  display: block;
  max-width: 100%;
  max-height: 100%;
  width: auto;
  height: auto;
  object-fit: contain;
  opacity: 0.6;
  transition: opacity 0.2s ease;
}

.store-mega__card.is-featured .store-mega__card-visual img,
.store-mega__card:hover .store-mega__card-visual img {
  opacity: 1;
}

.store-mega__card-label {
  position: relative;
  z-index: 1;
  max-width: 100%;
  font-size: max(0.875rem, var(--font-14));
  font-weight: 400;
  line-height: 1.35;
  text-align: center;
  white-space: normal;
  overflow-wrap: anywhere;
  word-break: keep-all;
}

.store-gnb__menu-btn {
  display: none;
  /* 웹 GNB 콘텐츠 영역(≈30px)에 맞춤 — 44px면 border-box 70이 84로 늘어남 */
  width: 30px;
  height: 30px;
  margin-left: auto;
  border: 0;
  border-radius: 6px;
  background: #f5f7f9;
  cursor: pointer;
  position: relative;
  flex-shrink: 0;
}
.store-gnb__menu-btn span,
.store-gnb__menu-btn span::before,
.store-gnb__menu-btn span::after {
  position: absolute;
  left: 50%;
  width: 18px;
  height: 1.5px;
  margin-left: -9px;
  background: #131313;
  border-radius: 1px;
  content: "";
}
.store-gnb__menu-btn span { top: 50%; margin-top: -0.75px; }
.store-gnb__menu-btn span::before { top: -6px; }
.store-gnb__menu-btn span::after { top: 6px; }

.store-gnb__mobile {
  display: none;
  flex-direction: column;
  gap: 0;
  height: calc(100svh - var(--store-sticky-top, 4rem));
  max-height: calc(100svh - var(--store-sticky-top, 4rem));
  overflow: hidden;
  padding: 0;
  border-top: 1px solid #e4e8ec;
  background: #fff;
}
.store-gnb__mobile-body {
  flex: 1 1 auto;
  min-height: 0;
  overflow-y: auto;
  padding: 4px 16px 12px;
  -webkit-overflow-scrolling: touch;
}
.store-gnb__mobile a,
.store-gnb__mobile-toggle {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 12px;
  width: 100%;
  margin: 0;
  padding: 14px 0;
  border: 0;
  border-bottom: 1px solid #e4e8ec;
  background: transparent;
  color: #131313;
  font-family: inherit;
  font-size: 1rem;
  font-weight: 600;
  line-height: 1.35;
  text-align: left;
  text-decoration: none;
  cursor: pointer;
}
.store-gnb__mobile-panel > a,
.store-gnb__mobile-item--child > .store-gnb__mobile-toggle {
  font-size: 0.9375rem;
  font-weight: 500;
  color: #394147;
}
.store-gnb__mobile-panel .store-gnb__mobile-panel > a {
  font-size: 0.875rem;
  font-weight: 400;
  color: #5e5e5e;
}
.store-gnb__mobile a.is-active,
.store-gnb__mobile-toggle.is-active {
  color: #154670;
}
.store-gnb__mobile-panel {
  padding-left: 12px;
}
.store-gnb__mobile-panel[hidden] {
  display: none;
}
.store-gnb__mobile-chevron {
  flex-shrink: 0;
  width: 8px;
  height: 8px;
  margin-right: 4px;
  border-right: 1.5px solid #5e5e5e;
  border-bottom: 1.5px solid #5e5e5e;
  transform: rotate(45deg);
}
.store-gnb__mobile-item.is-open > .store-gnb__mobile-toggle .store-gnb__mobile-chevron {
  transform: rotate(-135deg);
}
.store-gnb__mobile-mid {
  display: grid;
  grid-template-columns: 1fr auto 1fr auto 1fr;
  align-items: center;
  flex-shrink: 0;
  margin: 0;
  padding: 0 16px;
  border-top: 1px solid #e4e8ec;
}
.store-gnb__mobile .store-gnb__mobile-mid a {
  justify-content: center;
  width: auto;
  padding: 14px 4px;
  border-bottom: 0;
  font-size: 0.875rem;
  font-weight: 500;
}
.store-gnb__mobile-pipe {
  color: #c8ced3;
  font-size: 0.875rem;
  line-height: 1;
}
.store-gnb__mobile-foot {
  flex-shrink: 0;
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: 8px 14px;
  padding: 12px 16px;
  border-top: 1px solid #e4e8ec;
  background: #f7f8f9;
}
.store-gnb__mobile a.store-gnb__mobile-home,
.store-gnb__mobile a.store-gnb__mobile-home.is-active {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: auto;
  min-height: 36px;
  margin: 0;
  padding: 10px 22px 12px;
  border: 0;
  border-bottom: 0;
  border-radius: 100px;
  background: #154670;
  color: #fff;
  font-size: 0.875rem;
  font-weight: 500;
  line-height: 1;
  text-decoration: none;
  white-space: nowrap;
}
.store-gnb__mobile-group {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: 6px 10px;
  min-width: 0;
}
.store-gnb__mobile-group-label {
  margin: 0;
  font-size: 0.6875rem;
  font-weight: 500;
  letter-spacing: 0.04em;
  color: #8a9399;
}
.store-gnb__mobile-group-links {
  display: flex;
  flex-wrap: wrap;
  gap: 4px 10px;
}
.store-gnb__mobile .store-gnb__mobile-group-links a {
  display: inline-flex;
  align-items: center;
  width: auto;
  min-height: 28px;
  padding: 0;
  border: 0;
  border-bottom: 0;
  background: transparent;
  color: #5e5e5e;
  font-size: 0.8125rem;
  font-weight: 400;
  text-decoration: none;
  white-space: nowrap;
}
.store-gnb__mobile:not([hidden]) {
  display: flex;
}

/* 스토어 메인 (Figma STORE-001) */
.site-store .page-store-main {
  padding: 0;
  color: #131313;
}

.store-section {
  padding: max(5rem, var(--vw-120)) 0;
}

.page-store-main__title {
  margin: 0;
  max-width: 52rem;
  font-size: clamp(1.5rem, var(--font-36), 2.25rem);
  font-weight: 700;
  line-height: 1.35;
  letter-spacing: -0.02em;
  color: #131313;
  text-align: left;
}
.store-section__inner {
  display: flex;
  flex-direction: column;
  gap: max(2.5rem, var(--vw-60));
}

.store-section__head {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: max(0.625rem, var(--vw-10));
  text-align: center;
}

.store-section__head--light .store-section__title {
  color: #fff;
}

.store-section__head--light .store-section__desc {
  color: #a9a9a9;
}

.store-section__title {
  margin: 0;
  font-family: "Roboto", var(--font-en);
  font-size: clamp(1.5rem, var(--font-32), 2rem);
  font-weight: 700;
  line-height: 1.2;
  color: #131313;
}

.store-section__desc {
  margin: 0;
  font-size: max(1rem, var(--font-16));
  line-height: 1.5;
  color: #5e5e5e;
}

/* Hero — Figma 11776:1765 (360×480, gap 30) + pagenation 11776:1805 */
.store-hero {
  padding-top: max(1.875rem, var(--vw-30));
  padding-bottom: max(1.25rem, var(--vw-20));
}

/* 풀와이드 뷰포트 — 좌우 배너가 1440 컨테이너 밖으로 걸침 */
.store-hero__viewport {
  width: 100%;
  overflow: hidden;
}

.store-hero__swiper {
  width: 100%;
  overflow: visible;
}

.store-hero__swiper .swiper-wrapper {
  align-items: stretch;
}

.store-hero__swiper .swiper-slide {
  width: min(72vw, 22.5rem); /* 360 */
  height: auto;
}

.store-hero__footer-wrap {
  margin-top: max(1.875rem, var(--vw-30)); /* 카드 ↔ progress 30 */
}

.store-hero__footer {
  display: flex;
  flex-direction: column;
  align-items: flex-end;
  gap: max(1.25rem, var(--vw-20)); /* progress ↔ controls 20 — Figma 11776:1805 */
}

.store-hero__card {
  position: relative;
  display: flex;
  align-items: flex-end;
  box-sizing: border-box;
  width: 100%;
  aspect-ratio: 360 / 480;
  padding: max(2.5rem, var(--vw-40)) max(1.25rem, var(--vw-20)); /* py 40 / px 20 */
  overflow: hidden;
  color: #fff;
  text-decoration: none;
}

.store-hero__bg {
  position: absolute;
  inset: 0;
  width: 100%;
  height: 100%;
  object-position: center;
  pointer-events: none;
}

.store-hero__bg--contain {
  object-fit: contain;
}

.store-hero__bg--cover {
  object-fit: cover;
}

.store-hero__overlay {
  position: absolute;
  inset: 0;
  z-index: 1;
  pointer-events: none;
  background: linear-gradient(
    90deg,
    rgba(8, 24, 40, var(--hero-overlay, 0.55)) 0%,
    rgba(11, 43, 70, calc(var(--hero-overlay, 0.55) * 0.51)) 48%,
    rgba(0, 80, 140, calc(var(--hero-overlay, 0.55) * 0.15)) 100%
  );
}
.store-hero__content {
  position: relative;
  z-index: 2;
  display: flex;
  flex-direction: column;
  gap: max(1rem, var(--vw-16)); /* 16 */
  max-width: 100%;
}

.store-hero__eyebrow {
  margin: 0;
  font-family: "Roboto", var(--font-en);
  font-size: max(1rem, var(--font-16)); /* 16 */
  font-weight: 700;
  line-height: normal;
  color: #f0f0f0;
}

.store-hero__title {
  margin: 0;
  font-size: clamp(1.25rem, var(--font-28), 1.75rem); /* 28 */
  font-weight: 700;
  line-height: max(1.875rem, var(--vw-34)); /* 34 */
  color: #fff;
}

.store-hero__desc {
  margin: 0;
  font-size: max(1rem, var(--font-16)); /* 16 */
  line-height: normal;
  color: #f0f0f0;
}

@media (min-width: 1200px) {
  .store-hero__swiper .swiper-slide {
    width: max(16rem, min(22.5rem, var(--vw-360))); /* 360 @1920 */
  }
}

.store-hero__progress {
  position: relative;
  width: 100%;
  height: 2px;
}

.store-hero__progress-track {
  display: block;
  width: 100%;
  height: 2px;
  background: #dedede;
}

.store-hero__progress-bar {
  position: absolute;
  left: 0;
  top: -0.5px;
  width: 33.333%;
  height: 3px;
  background: #252a2e;
  transition: width 0.35s ease;
}

.store-hero__controls {
  display: inline-flex;
  align-items: center;
  gap: 0;
  width: 92px;
  height: 20px;
}

.store-hero.is-single .store-hero__controls,
.store-hero__controls[hidden] {
  display: none !important;
}

.store-hero__btn--prev.swiper-button-lock,
.store-hero__btn--next.swiper-button-lock {
  display: none;
}

.store-hero__btn {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  height: 20px;
  padding: 0;
  border: 0;
  background: transparent;
  cursor: pointer;
}

.store-hero__btn--prev,
.store-hero__btn--next {
  width: 30px;
  color: transparent;
  background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='20' viewBox='0 0 12 20' fill='none'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M11.7433 19.669C11.3738 20.0795 10.7415 20.1127 10.331 19.7433L0.331025 10.7432C0.120316 10.5535 0 10.2834 0 9.99987C0 9.71639 0.120324 9.44623 0.331036 9.25659L10.331 0.256711C10.7415 -0.112743 11.3738 -0.0794649 11.7433 0.33104C12.1127 0.741545 12.0795 1.37383 11.669 1.74328L2.49483 9.99989L11.669 18.2567C12.0795 18.6262 12.1127 19.2585 11.7433 19.669Z' fill='%23252A2E'/%3E%3C/svg%3E") center / 12px 20px no-repeat;
}

.store-hero__btn--next {
  transform: scaleX(-1);
}

.store-hero__controls-sep {
  display: block;
  width: 1px;
  height: 18px;
  margin: 0 10px;
  background: #a9a9a9;
  flex-shrink: 0;
}

.store-hero__btn--pause {
  width: 32px;
  margin-left: auto;
  color: transparent;
  background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='20' viewBox='0 0 12 20' fill='none'%3E%3Cpath d='M0.918 0C1.4251 0 1.8359 0.447722 1.8359 1V19C1.8359 19.5522 1.425 20 0.918 20C0.411 19.9999 0 19.5522 0 19V1C0 0.447799 0.411 0.000124223 0.918 0ZM11.0811 0C11.5882 0 12 0.447722 12 1V19C12 19.5523 11.5882 20 11.0811 20C10.5742 19.9997 10.1631 19.5521 10.1631 19V1C10.1631 0.44788 10.5742 0.000256614 11.0811 0Z' fill='%23252A2E'/%3E%3C/svg%3E") center / 12px 20px no-repeat;
}

.store-hero__btn--pause.is-paused {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='20' viewBox='0 0 12 20' fill='none'%3E%3Cpath d='M2 1.5C2 0.671573 2.67157 0 3.5 0C4.32843 0 5 0.671573 5 1.5V18.5C5 19.3284 4.32843 20 3.5 20C2.67157 20 2 19.3284 2 18.5V1.5ZM7 1.5C7 0.671573 7.67157 0 8.5 0C9.32843 0 10 0.671573 10 1.5V18.5C10 19.3284 9.32843 20 8.5 20C7.67157 20 7 19.3284 7 18.5V1.5Z' fill='%23252A2E'/%3E%3C/svg%3E");
}

/* Category — Figma 11789:2978 (272×카드, gap 20, 이미지 210, 타이틀 32/16, 라벨 16/14) */
.store-category.store-section {
  padding-top: max(7.5rem, var(--vw-120));
  padding-bottom: max(7.5rem, var(--vw-120));
}

.store-category__inner {
  gap: max(3.75rem, var(--vw-60));
}

.store-category .store-section__head {
  gap: max(0.625rem, var(--vw-10));
}

.store-category .store-section__title {
  font-size: clamp(1.5rem, var(--font-32), 2rem);
  line-height: normal;
}

.store-category .store-section__desc {
  font-size: 1rem;
  line-height: normal;
}

@media (min-width: 90rem) {
  .store-category .container {
    padding-left: 0;
    padding-right: 0;
  }
}

.store-category,
.store-category .container,
.store-category__inner,
.store-category__scroller {
  overflow: visible;
}

.store-category__scroller {
  position: relative;
}

.store-category__arrow {
  position: absolute;
  top: 50%;
  z-index: 2;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: max(3rem, var(--vw-54));
  height: max(3rem, var(--vw-54));
  padding: 0;
  border: 1px solid #dedede;
  border-radius: 50%;
  background: #fff;
  color: #252a2e;
  box-shadow: 0 4px 16px rgba(0, 0, 0, 0.16);
  cursor: pointer;
}

.store-category__arrow svg {
  display: block;
  width: max(0.5rem, var(--vw-8));
  height: auto;
}

.store-category__arrow[hidden] {
  display: none;
}

.store-category__arrow--prev {
  left: 0;
  transform: translate(calc(-100% - max(0.75rem, var(--vw-16))), -50%);
}

.store-category__arrow--next {
  right: 0;
  transform: translate(calc(100% + max(0.75rem, var(--vw-16))), -50%);
}

.store-category__arrow--next svg {
  transform: scaleX(-1);
}

.store-category__arrow:hover:not(:disabled),
.store-category__arrow:focus-visible:not(:disabled) {
  border-color: #00b894;
  color: #00b894;
}

.store-category__arrow:disabled {
  opacity: 0.35;
  cursor: auto;
  pointer-events: none;
}

.store-category__grid {
  display: flex;
  flex-wrap: nowrap;
  gap: max(1.25rem, var(--vw-20));
  width: 100%;
  min-width: 0;
  overflow-x: auto;
  overscroll-behavior-x: contain;
  scroll-snap-type: x mandatory;
  scrollbar-width: none;
  -webkit-overflow-scrolling: touch;
  cursor: grab;
}

.store-category__grid::-webkit-scrollbar {
  display: none;
}

.store-category__grid.is-dragging {
  scroll-snap-type: none;
  cursor: grabbing;
  user-select: none;
}

.store-category__card {
  display: flex;
  flex: 0 0 calc((100% - (4 * max(1.25rem, var(--vw-20)))) / 5);
  flex-direction: column;
  align-items: center;
  justify-content: center;
  gap: max(1.25rem, var(--vw-20));
  box-sizing: border-box;
  width: calc((100% - (4 * max(1.25rem, var(--vw-20)))) / 5);
  min-width: 0;
  scroll-snap-align: start;
  padding: max(1.875rem, var(--vw-30));
  border: 1px solid #dedede;
  border-radius: 4px;
  background: #fff;
  text-decoration: none;
  color: inherit;
  transition: border-color 0.2s ease, box-shadow 0.2s ease;
}

.store-category__card:hover,
.store-category__card:focus-visible {
  border-color: #00b894;
  box-shadow: 0 4px 20px rgba(0, 0, 0, 0.08);
}

.store-category__thumb {
  flex-shrink: 0;
  width: clamp(8.75rem, 10.9375vw, 13.125rem);
  height: clamp(8.75rem, 10.9375vw, 13.125rem);
}

.store-category__thumb img {
  display: block;
  width: 100%;
  height: 100%;
  object-fit: contain;
}

.store-category__label {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 0.5rem;
  width: 100%;
  margin: 0;
  line-height: 1;
  text-align: center;
  white-space: nowrap;
  letter-spacing: -0.03em;
}

.store-category__name {
  flex-shrink: 0;
  font-size: 1rem;
  font-weight: 700;
  color: #252a2e;
  letter-spacing: -0.05em;
}

.store-category__en {
  flex-shrink: 0;
  font-size: 0.875rem;
  font-weight: 400;
  color: #5e5e5e;
  letter-spacing: -0.08em;
}

.store-category__sep {
  display: inline-block;
  flex-shrink: 0;
  width: 1px;
  height: 12px;
  background: #a9a9a9;
}

/* Promo */
.store-promo {
  padding: max(1.875rem, var(--vw-30)) 0;
}

.store-promo__banner {
  display: flex;
  align-items: center;
  min-height: max(6.25rem, 5.859375vw);
  padding: max(1.875rem, var(--vw-30)) max(3.75rem, var(--vw-60));
  border-radius: 8px;
  background-color: #f5f5f5;
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
  text-decoration: none;
  color: #252a2e;
}

.store-promo__title {
  margin: 0 0 max(0.625rem, var(--vw-10));
  font-size: max(1.125rem, var(--font-20));
  font-weight: 700;
  line-height: 1.2;
}

.store-promo__subtitle {
  margin: 0;
  font-family: "Roboto Condensed", var(--font-en);
  font-size: max(0.875rem, var(--font-14));
  line-height: 1.4;
}

/* Best sellers — Figma 11789:2979 (514+70+856, featured 588, tabs, 272 카드) */
.store-bestsellers__inner {
  gap: max(3.75rem, var(--vw-60));
}

.store-bestsellers .store-section__title {
  font-size: clamp(1.5rem, var(--font-32), 2rem);
  line-height: normal;
}

.store-bestsellers .store-section__desc {
  font-size: 1rem;
  line-height: normal;
}

@media (min-width: 90rem) {
  .store-bestsellers .container {
    padding-left: 0;
    padding-right: 0;
  }
}

.store-bestsellers__layout {
  display: flex;
  align-items: flex-start;
  justify-content: space-between;
  gap: max(2.1875rem, var(--vw-70));
  width: 100%;
}

.store-bestsellers__featured {
  position: relative;
  display: flex;
  flex: 0 0 min(100%, 32.125rem);
  align-items: flex-end;
  width: min(100%, 32.125rem);
  height: 36.75rem;
  padding: 0 max(1.875rem, var(--vw-30)) max(1.875rem, var(--vw-30));
  border: 1px solid #dedede;
  border-radius: 4px;
  overflow: hidden;
  text-decoration: none;
  color: #fff;
}

.store-bestsellers__featured-bg {
  position: absolute;
  inset: 0;
  width: 100%;
  height: 100%;
  object-fit: cover;
  object-position: center;
  border-radius: 4px;
}

.store-bestsellers__featured-overlay {
  position: absolute;
  inset: -1px;
  /* Figma 11941:776 — 상단~50% 투명 → 하단 카테고리 톤 */
  background: linear-gradient(
    180deg,
    color-mix(in srgb, var(--store-best-overlay, #123722) 0%, transparent) 50%,
    var(--store-best-overlay, #123722) 100%
  );
  pointer-events: none;
  border-radius: 4px;
}

.store-bestsellers__featured-label {
  position: relative;
  z-index: 1;
  display: flex;
  align-items: center;
  gap: 0.5rem;
  margin: 0;
  line-height: 1;
  white-space: nowrap;
}

.store-bestsellers__featured-name {
  font-size: 1.5rem;
  font-weight: 700;
  color: #fff;
  letter-spacing: -0.03em;
}

.store-bestsellers__featured-en {
  font-size: 0.875rem;
  font-weight: 400;
  color: #a9a9a9;
  letter-spacing: -0.05em;
}

.store-bestsellers__featured-sep {
  display: inline-block;
  flex-shrink: 0;
  width: 1px;
  height: 12px;
  background: #a9a9a9;
}

.store-bestsellers__panel {
  display: flex;
  flex: 1 1 53.5rem;
  flex-direction: column;
  gap: max(1.875rem, var(--vw-30));
  min-width: 0;
  max-width: 53.5rem;
}

.store-bestsellers__tabs {
  display: flex;
  flex-wrap: wrap;
  gap: max(0.625rem, var(--vw-10));
}

.store-bestsellers__tab {
  padding: 0.625rem 1rem;
  border: 1px solid #a9a9a9;
  border-radius: 0;
  background: #fff;
  color: #5e5e5e;
  font-size: 1rem;
  font-weight: 400;
  line-height: 1;
  white-space: nowrap;
  cursor: pointer;
}

.store-bestsellers__tab.is-active {
  border-color: #252a2e;
  background: #252a2e;
  color: #fff;
}

.store-bestsellers__grid {
  display: none;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: max(1.25rem, var(--vw-20));
  width: 100%;
}

.store-bestsellers__grid.is-active {
  display: grid;
}

.store-bestsellers__empty,
.store-new__empty {
  grid-column: 1 / -1;
  margin: 0;
  padding: max(2rem, var(--vw-40)) 0;
  text-align: center;
  color: #5e5e5e;
}

/* Product card — Figma 11789:2979 / STORE-002 Tag/blog 11804:9178 */
.store-prd-card {
  position: relative;
  min-width: 0;
}

.store-prd-card__link {
  display: block;
  color: inherit;
  text-decoration: none;
}

.store-prd-card--sm .store-prd-card__thumb {
  width: 100%;
  aspect-ratio: 1;
  border: 1px solid #dedede;
  background: #fff;
}

.store-prd-card__thumb {
  position: relative;
}

.store-prd-card__thumb img {
  display: block;
  width: 100%;
  height: 100%;
  object-fit: contain;
}

.site-store .store-prd-card__badge {
  position: absolute;
  top: max(0.625rem, var(--vw-10));
  left: max(0.625rem, var(--vw-10));
  z-index: 2;
  box-sizing: border-box;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  min-height: 1.25rem;
  padding: 0.1875rem max(0.375rem, var(--vw-6));
  border: 1px solid #00b894;
  border-radius: 2px;
  background-color: #fff;
  font-family: "Roboto", var(--font-en);
  font-size: max(0.75rem, var(--font-12));
  font-weight: 400;
  line-height: normal;
  color: #00b894;
  white-space: nowrap;
  pointer-events: none;
}

.site-store .store-prd-card__badge--best,
.site-store .store-prd-card__badge--new {
  border-color: #00b894;
  background-color: #fff;
  color: #00b894;
}

.store-prd-card--sm .store-prd-card__body {
  display: flex;
  flex-direction: column;
  gap: 1.25rem;
  padding-top: 1.25rem;
}

.store-prd-card__info {
  display: flex;
  flex-direction: column;
  gap: 1rem;
}

.store-prd-card__meta {
  display: flex;
  flex-direction: column;
  gap: 0.5rem;
}

.store-prd-card__head {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 0.5rem;
  width: 100%;
}

.store-prd-card__brand {
  margin: 0;
  font-family: "Roboto", var(--font-en);
  font-size: 0.875rem;
  font-weight: 700;
  line-height: normal;
  color: #5e5e5e;
}

.store-prd-card__wish {
  flex-shrink: 0;
  line-height: 0;
}

.store-prd-card__name {
  margin: 0;
  font-size: 1rem;
  font-weight: 500;
  line-height: normal;
  color: #131313;
}

.store-prd-card__model {
  margin: 0;
  font-family: "Roboto", var(--font-en);
  font-size: 0.875rem;
  font-weight: 400;
  line-height: normal;
  color: #5e5e5e;
}

.store-prd-card__price-wrap {
  display: flex;
  flex-direction: column;
  gap: 0.3125rem;
}

.store-prd-card__price {
  display: flex;
  align-items: baseline;
  gap: 0.3125rem;
  margin: 0;
  font-size: 1.125rem;
  line-height: normal;
  color: #131313;
}

.store-prd-card__price-old {
  margin: 0;
  font-size: 0.875rem;
  line-height: normal;
  color: #5e5e5e;
  text-decoration: line-through;
}

.store-prd-card__discount {
  font-size: 1.125rem;
  font-weight: 400;
  color: #ff5a4f;
  letter-spacing: -0.03em;
}

.store-prd-card__price strong {
  font-size: 1.125rem;
  font-weight: 700;
  color: #dd2626;
}

.store-prd-card__price--tel {
  font-size: 1.125rem;
  font-weight: 400;
  color: #131313;
}

.store-prd-card__rating {
  display: flex;
  align-items: center;
  gap: 0.125rem;
  margin: 0;
  font-family: "Roboto", var(--font-en);
  font-size: 0.75rem;
  line-height: normal;
  color: #5e5e5e;
}

.store-prd-card__rating img {
  display: block;
  flex-shrink: 0;
}

/* New arrivals — Figma 11789:2980 (1440 컨테이너에서 4열 342px, 열 간격 24) */
.store-new__inner {
  gap: max(3.75rem, var(--vw-60));
}

.store-new .store-section__title {
  font-size: clamp(1.5rem, var(--font-32), 2rem);
  line-height: normal;
}

.store-new .store-section__desc {
  font-size: 1rem;
  line-height: normal;
}

@media (min-width: 90rem) {
  .store-new .container {
    padding-left: 0;
    padding-right: 0;
  }
}

.store-new__grid {
  display: grid;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  column-gap: max(1.5rem, var(--vw-24));
  row-gap: max(3.75rem, var(--vw-60));
  width: 100%;
}

.store-new .store-prd-card--lg {
  width: 100%;
  max-width: none;
  min-width: 0;
}

.store-new .store-prd-card--lg .store-prd-card__thumb {
  width: 100%;
}

.store-prd-card--lg {
  width: 21.375rem;
  max-width: 100%;
}

.store-prd-card--lg .store-prd-card__link {
  display: block;
}

.store-prd-card--lg .store-prd-card__thumb {
  width: 21.375rem;
  max-width: 100%;
  aspect-ratio: 1;
  border: 1px solid #dedede;
  background: #fff;
}

.store-prd-card--lg .store-prd-card__body {
  display: flex;
  flex-direction: column;
  gap: 0;
  padding-top: 1.25rem;
}

.store-prd-card--lg .store-prd-card__info {
  display: flex;
  flex-direction: column;
  gap: 1rem;
  width: 100%;
}

.store-prd-card--lg .store-prd-card__head {
  width: 100%;
}

/* Brands — Figma 11784:1051 (py 100, 로고 180, gap 60, 라벨 14/26) */
.store-brands {
  position: relative;
  padding: max(6.25rem, var(--vw-100)) 0;
  overflow: hidden;
}

.store-brands__bg {
  position: absolute;
  inset: 0;
  z-index: 0;
}

.store-brands__bg img {
  display: block;
  width: 100%;
  height: 100%;
  object-fit: cover;
}

.store-brands__head {
  position: relative;
  z-index: 1;
}

.store-brands .store-section__head {
  gap: max(0.625rem, var(--vw-10));
}

.store-brands .store-section__title {
  font-size: clamp(1.5rem, var(--font-32), 2rem);
  line-height: normal;
  color: #fff;
}

.store-brands .store-section__desc {
  font-size: 1rem;
  line-height: normal;
  color: #a9a9a9;
}

.store-brands__track {
  position: relative;
  z-index: 1;
  padding: max(3.75rem, var(--vw-60)) 0;
}

.store-brands__swiper {
  overflow: visible;
}

.store-brands__swiper .swiper-slide {
  width: 11.25rem;
  height: auto;
}

.store-brands__card {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  gap: max(0.625rem, var(--vw-10));
  text-decoration: none;
  color: #fff;
}

.store-brands__logo {
  position: relative;
  display: flex;
  align-items: center;
  justify-content: center;
  flex-shrink: 0;
  width: 11.25rem;
  height: 11.25rem;
  border-radius: 8px;
  background: transparent;
  overflow: hidden;
  transition: background-color 0.35s ease;
}

.store-brands__card:hover .store-brands__logo,
.store-brands__card:focus-visible .store-brands__logo {
  background: #fff;
}

.store-brands__logo img {
  display: block;
  width: 100%;
  height: 100%;
  object-fit: contain;
  border-radius: 8px;
  transition: opacity 0.35s ease;
}

.store-brands__logo--swap .store-brands__logo-img {
  position: absolute;
  inset: 0;
}

.store-brands__logo-img--on-light {
  opacity: 0;
}

.store-brands__card:hover .store-brands__logo-img--on-dark,
.store-brands__card:focus-visible .store-brands__logo-img--on-dark {
  opacity: 0;
}

.store-brands__card:hover .store-brands__logo-img--on-light,
.store-brands__card:focus-visible .store-brands__logo-img--on-light {
  opacity: 1;
}

.store-brands__name {
  font-family: "Roboto", var(--font-en);
  font-size: 0.875rem;
  font-weight: 400;
  line-height: 1.625rem;
  text-align: center;
  white-space: nowrap;
}

/* Insight — Figma 11784:1185 */
.store-insight__inner {
  gap: max(3.75rem, var(--vw-60));
}

@media (min-width: 90rem) {
  .store-insight .container {
    padding-left: 0;
    padding-right: 0;
  }
}

.store-insight__intro {
  display: flex;
  flex-direction: column;
  gap: max(1.25rem, var(--vw-20));
}

.store-insight__eyebrow {
  display: inline-flex;
  align-items: center;
  gap: 0.375rem;
  align-self: flex-start;
  margin: 0;
  padding: max(0.5rem, var(--vw-8)) max(0.625rem, var(--vw-10));
  border: 1px solid #e1e7eb;
  border-radius: 8px;
  font-family: "Roboto", var(--font-en);
  font-size: max(0.875rem, var(--font-14));
  font-weight: 500;
  color: #252a2e;
}

.store-insight__eyebrow-icon {
  display: block;
  flex-shrink: 0;
  width: 1.25rem;
  height: 1.25rem;
}

.store-insight__title {
  margin: 0;
  font-size: clamp(1.5rem, var(--font-32), 2rem);
  font-weight: 700;
  line-height: 1.3;
}

.store-insight__tabs {
  display: flex;
  flex-wrap: wrap;
  gap: max(1rem, var(--vw-16));
}

.store-insight__tab {
  display: inline-flex;
  align-items: center;
  gap: max(0.5rem, var(--vw-8));
  padding: 0.625rem 1rem;
  border: 1px solid #a9a9a9;
  border-radius: 0;
  background: #fff;
  color: #5e5e5e;
  font-size: 1rem;
  font-weight: 400;
  line-height: 1;
  white-space: nowrap;
  cursor: pointer;
}

.store-insight__tab.is-active {
  border-color: #252a2e;
  background: #252a2e;
  color: #fff;
}

.store-insight__tab.is-active .store-insight__tab-icon {
  filter: brightness(0) invert(1);
}

.store-insight__tab-icon {
  display: block;
  flex-shrink: 0;
  width: 1.25rem;
  height: 1.25rem;
}

.store-insight__panel {
  display: none;
}

.store-insight__panel.is-active {
  display: block;
}

.store-insight__carousel {
  position: relative;
}

.store-insight__swiper {
  overflow: hidden;
}

.store-insight__swiper .swiper-wrapper {
  align-items: stretch;
}

.store-insight__swiper .swiper-slide {
  width: 26.25rem;
  height: auto;
  display: flex;
}

.store-insight__card {
  display: flex;
  flex-direction: column;
  flex: 1 1 auto;
  width: 100%;
  height: 100%;
  min-height: 100%;
  border: 1px solid #e1e7eb;
  border-radius: 0;
  overflow: hidden;
  background: #fff;
  box-shadow: none;
  text-decoration: none;
  color: inherit;
}

.store-insight__swiper .swiper-slide-active .store-insight__card {
  box-shadow: 0 4px 20px rgba(0, 0, 0, 0.08);
}

.store-insight__thumb {
  flex: 0 0 auto;
  aspect-ratio: 420 / 315;
  overflow: hidden;
}

.store-insight__thumb img {
  display: block;
  width: 100%;
  height: 100%;
  object-fit: cover;
}

.store-insight__body {
  display: flex;
  flex-direction: column;
  flex: 1 1 auto;
  gap: max(1.25rem, var(--vw-20));
  padding: max(1.25rem, var(--vw-20)) max(1rem, var(--vw-16));
  background: #f2f4f5;
}

.store-insight__tags {
  display: flex;
  flex-wrap: wrap;
  gap: max(0.625rem, var(--vw-10));
}

.store-insight__tag {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  padding: max(0.5rem, var(--vw-8));
  border-radius: 8px;
  font-size: max(0.875rem, var(--font-14));
  font-weight: 400;
  line-height: normal;
  color: #394147;
}

.store-insight__tag:nth-child(1) {
  background: #eaf1f8;
}

.store-insight__tag:nth-child(2) {
  background: #dceae7;
}

.store-insight__card-title {
  margin: 0;
  font-size: max(1.125rem, var(--font-20));
  font-weight: 700;
  line-height: 1.4;
}

.store-insight__excerpt {
  margin: 0;
  font-size: max(0.875rem, var(--font-14));
  line-height: 1.625rem;
  color: #131313;
  display: -webkit-box;
  overflow: hidden;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 3;
}

.store-insight__date {
  margin: 0;
  margin-top: auto;
  font-size: max(0.875rem, var(--font-14));
  line-height: 1.85;
  color: #394147;
}

.store-insight__empty {
  margin: 0;
  font-size: 1rem;
  color: #5e5e5e;
}

.store-insight__nav {
  position: absolute;
  top: 50%;
  z-index: 2;
  width: 5rem;
  height: 5rem;
  margin: 0;
  padding: 0;
  border: 0;
  border-radius: 50%;
  background: #fff;
  transform: translateY(-50%);
  cursor: pointer;
  opacity: 1;
  transition: opacity 0.2s ease, background-color 0.2s ease, transform 0.2s ease;
}

.store-insight__nav img {
  display: block;
  width: 100%;
  height: 100%;
  pointer-events: none;
}

.store-insight__nav:hover:not(:disabled):not(.swiper-button-disabled),
.store-insight__nav:focus-visible:not(:disabled):not(.swiper-button-disabled) {
  background: #d8dee3;
  opacity: 1;
}

.store-insight__nav:active:not(:disabled):not(.swiper-button-disabled) {
  background: #cfd6db;
  opacity: 0.96;
  transform: translateY(-50%) scale(0.97);
}

.store-insight__nav.swiper-button-disabled,
.store-insight__nav:disabled {
  background: #f3f5f6;
  opacity: 0.58;
  cursor: default;
  pointer-events: none;
}

.store-insight__nav--prev {
  left: 0;
}

.store-insight__nav--next {
  right: 0;
}

@media (max-width: 767px) {
  .store-insight__swiper .swiper-slide {
    width: min(26.25rem, 85vw);
  }

  .store-insight__nav {
    width: 3rem;
    height: 3rem;
  }
}

/* Why — Figma 11786:2601 (4열 342px, gap 24, bg #f5f5f5) */
.store-why {
  background: #f5f5f5;
}

.store-why__inner {
  gap: max(3.75rem, var(--vw-60));
}

@media (min-width: 90rem) {
  .store-why .container {
    padding-left: 0;
    padding-right: 0;
  }
}

.store-why__head {
  gap: max(0.625rem, var(--vw-10));
}

.store-why .store-section__title {
  font-family: "Roboto", var(--font-en);
  font-size: clamp(1.5rem, var(--font-32), 2rem);
  font-weight: 700;
  line-height: normal;
}

.store-why .store-section__desc {
  font-size: 1rem;
  line-height: normal;
  color: #5e5e5e;
}

.store-why__brand {
  color: #154670;
}

.store-why__grid {
  display: grid;
  grid-template-columns: repeat(4, 21.375rem);
  justify-content: space-between;
  gap: max(1.5rem, var(--vw-24));
  width: 100%;
  margin: 0;
  padding: 0;
  list-style: none;
}

.store-why__item {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  gap: max(1.25rem, var(--vw-20));
}

.store-why__body {
  display: flex;
  flex-direction: column;
  gap: max(1.25rem, var(--vw-20));
}

.store-why__icon {
  display: block;
  flex-shrink: 0;
  width: 36px;
  height: 36px;
}

.store-why__name {
  margin: 0;
  font-size: max(1.125rem, var(--font-20));
  font-weight: 500;
  line-height: normal;
  color: #131313;
}

.store-why__text {
  margin: 0;
  font-size: 1rem;
  line-height: 1.5rem;
  color: #5e5e5e;
}

@media (min-width: 90rem) {
  .store-help .container {
    padding-left: 0;
    padding-right: 0;
  }
}

.store-help__grid {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 0;
}

.store-help__block {
  position: relative;
  z-index: 0;
  min-width: 0;
}

.store-help__block::before {
  content: "";
  position: absolute;
  inset: 0;
  z-index: -1;
  width: 50vw;
}

.store-help__block--library::before {
  right: 0;
  background: #fff;
}

.store-help__block--help::before {
  left: 0;
  background: #00b894;
}

.store-help__inner {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  gap: max(2.5rem, var(--vw-40));
  box-sizing: border-box;
  width: 100%;
  padding-top: max(6.25rem, var(--vw-100));
  padding-bottom: max(6.25rem, var(--vw-100));
  position: relative;
  z-index: 1;
}

.store-help__block--library {
  color: #131313;
}

.store-help__block--help {
  color: #fff;
}

/* Figma 11940:778 / 11940:777 — 카드 800 기준 225×200, 228×200 (cover 금지) */
.store-help__art {
  position: absolute;
  z-index: 0;
  display: block;
  height: auto;
  pointer-events: none;
  object-fit: contain;
}

.store-help__art--library {
  top: 28.37%;
  right: 11.125%;
  width: 28.125%;
  aspect-ratio: 225 / 200;
}

.store-help__art--help {
  top: 26%;
  right: 10%;
  width: 28.5%;
  aspect-ratio: 228 / 200;
}

/* Figma 11786:2634 — 좌측: container 시작선, 중앙선 쪽만 px 80 */
@media (min-width: 90rem) {
  .store-help__block--library .store-help__inner {
    padding-right: max(3.75rem, var(--vw-80));
  }
}

/* Figma 11786:2702 — 우측: 컬럼 내부 px 80 */
.store-help__block--help .store-help__inner {
  padding-left: var(--container-gutter-x, max(1.25rem, var(--vw-24)));
  padding-right: var(--container-gutter-x, max(1.25rem, var(--vw-24)));
}

@media (min-width: 90rem) {
  .store-help__block--help .store-help__inner {
    padding-left: max(3.75rem, var(--vw-80));
    padding-right: max(3.75rem, var(--vw-80));
  }
}

.store-help__intro {
  display: flex;
  flex-direction: column;
  gap: max(0.625rem, var(--vw-10));
}

.store-help__title {
  margin: 0;
  font-family: "Roboto", var(--font-en);
  font-size: clamp(1.5rem, var(--font-32), 2rem);
  font-weight: 700;
  line-height: normal;
}

.store-help__desc {
  margin: 0;
  font-size: max(1.125rem, var(--font-18));
  line-height: 1.875rem;
}

.store-help__block--library .store-help__desc {
  color: #5e5e5e;
}

.store-help__block--help .store-help__desc {
  color: #fff;
}

.store-help__link {
  display: inline-flex;
  align-items: center;
  gap: max(0.625rem, var(--vw-10));
  min-height: 2.8125rem;
  font-size: max(0.875rem, var(--font-14));
  font-weight: 500;
  line-height: normal;
  color: #131313;
  text-decoration: none;
}

.store-help__link-icon,
.store-help__btn-icon {
  display: block;
  flex-shrink: 0;
  width: 8px;
  height: 14px;
}

.store-help__actions {
  display: flex;
  flex-wrap: wrap;
  gap: max(1.25rem, var(--vw-20));
}

.store-help__btn {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: max(0.625rem, var(--vw-10));
  min-height: 2.8125rem;
  padding: 0.875rem max(1.75rem, var(--vw-28));
  border-radius: 9999px;
  font-size: max(0.875rem, var(--font-14));
  font-weight: 500;
  line-height: normal;
  text-decoration: none;
  white-space: nowrap;
}

.store-help__btn--support {
  background: #121517;
  color: #fff;
}

.store-help__btn--inquiry {
  background: #fff;
  color: #00b894;
}

@media (max-width: 1199px) {
  .store-category .container {
    padding-left: var(--container-gutter-x, max(1.25rem, var(--vw-24)));
    padding-right: var(--container-gutter-x, max(1.25rem, var(--vw-24)));
  }

  .store-category__card {
    flex-basis: calc((100% - (2 * max(1.25rem, var(--vw-20)))) / 3);
    width: calc((100% - (2 * max(1.25rem, var(--vw-20)))) / 3);
  }

  .store-category__label {
    white-space: normal;
    flex-wrap: wrap;
    line-height: 1.35;
    letter-spacing: normal;
  }

  .store-category__name,
  .store-category__en {
    letter-spacing: normal;
    word-spacing: normal;
  }

  .store-bestsellers .container {
    padding-left: var(--container-gutter-x, max(1.25rem, var(--vw-24)));
    padding-right: var(--container-gutter-x, max(1.25rem, var(--vw-24)));
  }

  .store-bestsellers__layout {
    flex-direction: column;
  }

  .store-bestsellers__featured {
    flex: 1 1 auto;
    width: 100%;
    max-width: none;
    height: auto;
    aspect-ratio: 514 / 588;
  }

  .store-bestsellers__panel {
    flex: 1 1 auto;
    width: 100%;
    max-width: none;
  }

  .store-new .container {
    padding-left: var(--container-gutter-x, max(1.25rem, var(--vw-24)));
    padding-right: var(--container-gutter-x, max(1.25rem, var(--vw-24)));
  }

  .store-new__grid {
    grid-template-columns: repeat(2, minmax(0, 1fr));
    justify-content: stretch;
    column-gap: max(1.5rem, var(--vw-24));
    row-gap: max(1.875rem, var(--vw-30));
  }

  .store-prd-card--lg {
    width: auto;
  }

  .store-prd-card--lg .store-prd-card__thumb {
    width: 100%;
  }

  .store-bestsellers__grid {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }

  .store-why__grid {
    grid-template-columns: repeat(2, minmax(0, 1fr));
    justify-content: stretch;
  }

  .store-help__intro {
    max-width: 58%;
  }

  .store-help__art--library,
  .store-help__art--help {
    top: 18%;
    width: 26%;
  }
}

@media (max-width: 767px) {
  .store-hero__card {
    aspect-ratio: 360 / 480;
    padding: 32px 16px;
  }

  .store-hero__title {
    font-size: 1.25rem;
    line-height: 1.35;
  }

  .store-hero__eyebrow,
  .store-hero__desc {
    font-size: 0.875rem;
  }

  .store-category.store-section {
    padding-top: 48px;
    padding-bottom: 48px;
  }

  .store-category__inner {
    gap: 32px;
  }

  .store-category__card {
    flex-basis: calc((100% - max(1.25rem, var(--vw-20))) / 2);
    width: calc((100% - max(1.25rem, var(--vw-20))) / 2);
  }

  .store-bestsellers__grid,
  .store-new__grid {
    grid-template-columns: repeat(2, minmax(0, 1fr));
    column-gap: 12px;
  }

  .store-why__grid,
  .store-help__grid {
    grid-template-columns: 1fr;
  }

  .store-help__inner {
    padding-top: 48px;
    padding-bottom: 48px;
  }

  .store-help__block::before {
    width: 100vw;
    left: 50%;
    right: auto;
    transform: translateX(-50%);
  }

  .store-help__block--library::before {
    background: #fff;
  }

  .store-help__block--help::before {
    background: #00b894;
  }

  .store-help__block--library .store-help__inner {
    padding-bottom: 32px;
  }

  .store-help__block--help .store-help__inner {
    padding-top: 32px;
    padding-left: 0;
    padding-right: 0;
  }

  .store-help__intro {
    max-width: none;
    padding-right: 96px;
  }

  .store-help__art--library,
  .store-help__art--help {
    top: 20px;
    right: 0;
    width: 88px;
  }

  .store-promo__banner {
    padding: 24px;
  }
}

/* legacy stub (다른 스토어 페이지) */
.site-store .page-store {
  padding: max(3.75rem, var(--vw-100)) 0 max(7.5rem, var(--vw-200));
}
.site-store .page-stub__inner {
  max-width: 720px;
}
.site-store .page-stub__title {
  margin: 0 0 max(0.75rem, var(--vw-14));
  font-size: clamp(2rem, var(--font-48), 3rem);
  font-weight: 700;
  letter-spacing: -0.03em;
  color: #131313;
}
.site-store .page-stub__desc {
  margin: 0 0 max(1.75rem, var(--vw-32));
  color: #5a6570;
  font-size: max(1rem, var(--font-18));
  line-height: 1.65;
}
.site-store .page-stub__actions {
  display: flex;
  flex-wrap: wrap;
  gap: 10px;
  list-style: none;
  margin: 0;
  padding: 0;
}
.site-store .page-stub__btn {
  display: inline-flex;
  align-items: center;
  min-height: 44px;
  padding: 0 max(1.125rem, var(--vw-20));
  border: 1px solid #e4e8ec;
  border-radius: 9999px;
  background: #fff;
  color: #131313;
  text-decoration: none;
  font-size: max(0.875rem, var(--font-14));
  font-weight: 600;
}
.site-store .page-stub__btn--primary {
  border-color: transparent;
  background: var(--second-color);
  color: #fff;
}
.site-store .page-stub__btn--primary:hover {
  background: #1268d4;
}

/* footer 컬럼 폭 — 스토어 4열 */
.store-footer {
  background: #121517;
}

.store-footer__top {
  background: #121517;
}

.store-footer__top-inner {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: max(1.5rem, var(--vw-24));
  /* Figma 11772:991 hug ≈167px — padding + line-height (고정 height 없음) */
  padding-top: max(3.625rem, 3.020833vw);
  padding-bottom: max(3.625rem, 3.020833vw);
}

.store-footer__support {
  display: flex;
  flex-direction: column;
  gap: max(0.375rem, 0.3125vw);
  min-width: 0;
}

.store-footer__support-title {
  display: inline-flex;
  align-items: center;
  gap: max(0.625rem, var(--vw-10));
  margin: 0;
  font-size: max(1.125rem, var(--font-18));
  font-weight: 700;
  line-height: max(1.5rem, var(--vw-24));
  color: #00b894;
}

.store-footer__support-icon {
  display: block;
  width: 14px;
  height: 14px;
  flex-shrink: 0;
}

.store-footer__support-list {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: max(1.25rem, var(--vw-20));
  margin: 0;
  padding: 0;
  list-style: none;
}

.store-footer__support-item {
  font-size: max(0.875rem, var(--font-14));
  line-height: 1.5;
  color: #00b894;
  white-space: nowrap;
}

.store-footer__support-label {
  font-weight: 400;
}

.store-footer__support-list a {
  color: #00b894;
  text-decoration: none;
}

.store-footer__support-list a:hover,
.store-footer__support-list a:focus-visible {
  text-decoration: underline;
}

.store-footer__top-social {
  display: flex;
  align-items: center;
  gap: max(1rem, var(--vw-16));
  flex-shrink: 0;
}

.store-footer__top-social-link {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 24px;
  height: 24px;
  border-radius: 9999px;
  text-decoration: none;
}

.store-footer__top-social-link img {
  display: block;
  width: 24px;
  height: 24px;
  max-width: none;
}

.store-footer__top-social-link:hover,
.store-footer__top-social-link:focus-visible {
  opacity: 0.85;
}

@media (max-width: 767px) {
  .store-footer__top-inner {
    flex-direction: column;
    align-items: flex-start;
    padding-top: max(2.5rem, var(--vw-40));
    padding-bottom: max(2.5rem, var(--vw-40));
  }

  .store-footer__support-list {
    flex-direction: column;
    align-items: flex-start;
    gap: max(0.5rem, var(--vw-8));
  }

  .store-footer__support-item {
    white-space: normal;
  }
}

.store-footer__main {
  border-top: 1px solid #394147;
}

.store-footer .site-footer__main,
.store-footer__main {
  padding: 0;
}

.store-footer__main-inner {
  display: flex;
  align-items: flex-start;
  justify-content: space-between;
  gap: max(1.5rem, var(--vw-24));
  padding-top: max(3.75rem, var(--vw-60));
  padding-bottom: max(3.75rem, var(--vw-60));
}

.store-footer__nav {
  display: flex;
  flex-wrap: wrap;
  align-items: flex-start;
  gap: max(0.625rem, var(--vw-10));
  flex: 1 1 auto;
  min-width: 0;
}

.store-footer__nav-col {
  flex: 0 0 max(12.5rem, var(--vw-200));
  max-width: max(12.5rem, var(--vw-200));
  min-width: 0;
}

.store-footer__nav-col--robotics {
  flex-basis: max(13.125rem, 10.9375vw);
  max-width: max(13.125rem, 10.9375vw);
}

.store-footer__nav-title {
  margin: 0 0 max(1.875rem, var(--vw-30));
  font-size: max(0.875rem, var(--font-14));
  font-weight: 700;
  line-height: 1.4;
  color: #dedede;
}

.store-footer__nav-links {
  display: flex;
  flex-direction: column;
  gap: max(1.25rem, var(--vw-20));
  margin: 0;
  padding: 0;
  list-style: none;
}

.store-footer__nav-links a {
  font-size: max(0.875rem, var(--font-14));
  line-height: 1.4;
  color: #a9a9a9;
  text-decoration: none;
}

.store-footer__nav-links a:hover,
.store-footer__nav-links a:focus-visible {
  color: #dedede;
}

.store-footer__aside {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  gap: max(1.875rem, var(--vw-30));
  flex-shrink: 0;
}

.store-footer__cta {
  display: flex;
  flex-direction: column;
  gap: max(1.25rem, var(--vw-20));
}

.store-footer__cta-btn {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: max(0.625rem, var(--vw-10));
  padding: 10px 28px 12px;
  border-radius: 8px;
  background: #f5fffd;
  color: #00b894 !important;
  font-size: max(1rem, var(--font-16));
  font-weight: 500;
  line-height: 1;
  text-decoration: none;
  transition: background-color 0.2s ease, color 0.2s ease;
}

.store-footer__cta-btn:hover,
.store-footer__cta-btn:focus-visible {
  background: #e8faf6;
  color: #00a383;
}

.store-footer__cta-icon {
  display: block;
  width: 8px;
  height: 13px;
  flex-shrink: 0;
}

.store-footer__aside-divider {
  display: block;
  width: max(9.375rem, 7.8125vw); /* 150 */
  height: 1px;
  margin: 0;
  border: 0;
  background: #394147;
  flex-shrink: 0;
}

.store-footer__certs {
  display: flex;
  flex-direction: column;
  gap: max(1.25rem, var(--vw-20));
}

.store-footer__cert {
  display: flex;
  flex-direction: column;
  gap: max(0.375rem, var(--vw-6)); /* 6 — Figma label↔box */
}

.store-footer__cert-label {
  margin: 0;
  font-family: "Roboto", var(--font-en);
  font-size: max(0.75rem, 0.625vw);
  font-weight: 700;
  line-height: max(1rem, var(--font-16));
  color: #a9a9a9;
}

/* Figma 150×100 cert boxes — measured from design screenshot */
.store-footer__cert-box {
  display: flex;
  align-items: center;
  justify-content: center;
  width: max(9.375rem, 7.8125vw); /* 150 */
  height: max(6.25rem, 5.20835vw); /* 100 */
  box-sizing: border-box;
  border-radius: 8px;
  overflow: hidden;
}

/* ISO9001: pad 8×14, gap 8, logos 60×84 / 54×84 */
.store-footer__cert-box--iso9001 {
  gap: max(0.5rem, var(--vw-14));
  padding: max(0.5rem, var(--vw-8)) max(0.875rem, var(--vw-14));
}

/* ISO17025: pad ≈18×9, gap 9, logos 61×63 / 63×37 */
.store-footer__cert-box--iso17025 {
  gap: max(0.5625rem, var(--vw-14)); /* ~9–10 */
  padding: max(1.125rem, var(--vw-18)) max(0.5625rem, var(--vw-10));
}

.store-footer__cert-img {
  display: block;
  flex: 0 0 auto;
  width: auto;
  object-fit: contain;
  object-position: center;
}

.store-footer__cert-img--gic {
  height: 100%; /* → 84 inside padded box */
  width: auto;
  max-width: max(3.75rem, 3.125vw); /* 60 */
}

.store-footer__cert-img--ias {
  height: 100%; /* → 84 */
  width: auto;
  max-width: max(3.375rem, 2.8125vw); /* 54 */
}

.store-footer__cert-img--ilac {
  height: max(3.9375rem, 3.28125vw); /* 63 */
  width: auto;
  max-width: max(3.8125rem, 3.17708vw); /* 61 */
  max-height: 100%;
  filter: brightness(1.15);
}

.store-footer__cert-img--kolas {
  height: max(2.3125rem, 1.92708vw); /* 37 */
  width: auto;
  max-width: max(3.9375rem, 3.28125vw); /* 63 */
  max-height: 100%;
  filter: brightness(1.15);
}

@media (max-width: 1199px) {
  .store-footer__main-inner {
    flex-direction: column;
  }

  .store-footer__nav {
    width: 100%;
  }
}

@media (max-width: 767px) {
  .store-footer__main-inner {
    padding-top: max(2.5rem, var(--vw-40));
    padding-bottom: max(2.5rem, var(--vw-40));
  }

  .store-footer__nav-col,
  .store-footer__nav-col--robotics {
    flex: 1 1 calc(50% - max(0.625rem, var(--vw-10)));
    max-width: calc(50% - max(0.625rem, var(--vw-10)));
  }
}

/* footer legal — Figma 11772:942 */
.store-footer .site-footer__legal,
.store-footer__legal {
  padding: 0;
  background: #121517;
}

.store-footer__legal-inner {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: max(1.5rem, var(--vw-24));
  padding-top: max(1.875rem, var(--vw-30));
  padding-bottom: max(1.875rem, var(--vw-30));
}

.store-footer__legal-start {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: max(1.875rem, var(--vw-30));
  min-width: 0;
}

.store-footer__legal-logo {
  display: inline-flex;
  flex-shrink: 0;
  line-height: 0;
}

.store-footer__legal-logo img {
  display: block;
  width: max(6.3125rem, 5.26042vw);
  height: auto;
  max-width: none;
}

.store-footer__legal-links {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: max(1.875rem, var(--vw-30));
}

.store-footer__legal-links a {
  font-size: max(0.875rem, var(--font-14));
  line-height: 1.2;
  color: #a9a9a9;
  text-decoration: none;
  white-space: nowrap;
  transition: color 0.2s ease;
}

.store-footer__legal-links a:hover,
.store-footer__legal-links a:focus-visible {
  color: #dedede;
}

.store-footer__legal-links a.is-strong {
  color: #fff;
  font-weight: 700;
}

.store-footer__family-wrap {
  flex-shrink: 0;
  margin-left: 0;
}

.store-footer__family {
  display: inline-flex;
  align-items: center;
  justify-content: space-between;
  gap: max(6.14583rem, 6.14583vw);
  width: auto;
  min-width: max(18.25rem, 15.20833vw);
  max-width: 100%;
  min-height: 39px;
  height: 39px;
  padding: max(0.5rem, var(--vw-8)) max(0.625rem, var(--vw-10)) max(0.5rem, var(--vw-8)) max(1.25rem, var(--vw-20));
  border: 1px solid #a9a9a9;
  border-radius: 20px;
  background: #121517;
  color: #a9a9a9;
  font-size: max(0.8125rem, var(--vw-13));
  font-weight: 400;
  line-height: max(1.25rem, var(--font-20));
  white-space: nowrap;
  cursor: pointer;
  box-sizing: border-box;
  transition: border-color 0.2s ease, color 0.2s ease;
}

.store-footer__family:hover,
.store-footer__family-wrap.is-open .store-footer__family {
  border-color: #dedede;
  color: #dedede;
}

.store-footer__family-menu {
  background: #121517;
  border-color: #a9a9a9;
}

.store-footer__family-menu a {
  color: #a9a9a9;
}

.store-footer__family-menu a:hover,
.store-footer__family-menu a:focus-visible {
  background: #232b33;
  color: #fff;
}

@media (max-width: 991px) {
  .store-footer__legal-inner {
    flex-direction: column;
    align-items: flex-start;
  }

  .store-footer__family-wrap {
    width: 100%;
  }

  .store-footer__family {
    width: 100%;
    justify-content: space-between;
  }
}

@media (max-width: 767px) {
  .store-footer__legal-start {
    flex-direction: column;
    align-items: flex-start;
    gap: max(1.25rem, var(--vw-20));
  }

  .store-footer__legal-links {
    gap: max(1rem, var(--vw-16));
  }

  .store-footer__legal-links a {
    white-space: normal;
  }
}

/* footer copy — Figma 11772:828 */
.store-footer .site-footer__copy,
.store-footer__copy {
  background: #121517;
  border-top: 1px solid #394147;
  padding: 0;
  text-align: left;
}

.store-footer__copy-inner {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  gap: 0;
  padding-top: max(1.875rem, var(--vw-30));
  padding-bottom: max(1.875rem, var(--vw-30));
}

.store-footer__copy-line {
  margin: 0;
  font-size: max(0.75rem, 0.625vw);
  font-weight: 400;
  line-height: max(1.25rem, var(--font-20));
  color: #5e5e5e;
}

.store-footer__copy-line--rights {
  text-align: left;
}

@media (max-width: 767px) {
  .store-footer__copy-line {
    white-space: normal;
    word-break: keep-all;
  }
}

.store-gnb .store-gnb__tools {
  display: flex;
  align-items: center;
  align-self: stretch;
  gap: max(1.25rem, var(--vw-20));
  height: 100%;
}

.store-gnb__mobile-sub {
  font-family: var(--font-body);
}

@media (max-width: 1199px) {
  .store-gnb__logo {
    width: 5.75rem;
    height: 1.125rem;
  }

  .store-gnb__brand {
    align-items: center;
    gap: 4px;
  }

  .store-gnb__shop-badge {
    padding: 1px 5px;
    font-size: 9px;
    letter-spacing: -0.3px;
  }

  .store-gnb__menu {
    display: none;
  }

  .store-gnb > .store-mega {
    display: none !important;
  }
}

@media (max-width: 991px) {
  .store-gnb .store-gnb__tools {
    display: flex;
    align-items: center;
    gap: 16px;
    margin-left: auto;
    height: auto;
    align-self: center;
  }

  .store-gnb .search.store-gnb__search {
    width: 28px;
    height: 28px;
    padding: 0;
    gap: 0;
    border: 0;
    border-radius: 0;
    background: transparent;
    box-shadow: none;
    justify-content: center;
  }

  .store-gnb.gnb-wrap.is-solid .search.store-gnb__search {
    border: 0;
    background: transparent;
    box-shadow: none;
  }

  .store-gnb .search.store-gnb__search .search__placeholder {
    display: none;
  }

  .store-gnb .search.store-gnb__search .search__submit {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 22px;
    height: 22px;
  }

  .store-gnb .search.store-gnb__search .store-gnb__search-icon {
    width: 20px;
    height: 20px;
  }

  .store-gnb__icon-group {
    gap: 16px;
    height: auto;
  }

  .store-gnb__icon-btn--home {
    display: none;
  }

  .store-gnb__icon-btn--account,
  .store-gnb__icon-btn--cart {
    width: 28px;
    height: 28px;
  }

  .store-gnb__icon-btn--account img,
  .store-gnb__icon-btn--cart img {
    width: 20px;
    height: 20px;
  }

  .store-gnb__account.is-open .store-gnb__account-menu {
    opacity: 1;
    visibility: visible;
    pointer-events: auto;
  }

  .store-gnb__menu-btn {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    margin-left: 0;
    background: transparent;
  }
}

/* 스토어 상품 목록·상세 — 메인 웹 prd/pview 보강 */
.site-store .page-shop-lists,
.site-store .page-shop-listtype,
.site-store .page-shop-item {
  padding-bottom: max(7.5rem, var(--vw-200));
}
/* 추천 제품이 마지막이면 간격은 회색 섹션 안에 둠 */
.site-store .page-shop-item:has(.store-item-reco) {
  padding-bottom: 0;
}

.site-store .page-shop-lists button.prd-chip {
  width: 100%;
  text-align: left;
  cursor: pointer;
  font-family: inherit;
  appearance: none;
  -webkit-appearance: none;
}

.site-store .page-shop-lists a.prd-chip {
  text-decoration: none;
  box-sizing: border-box;
}

.site-store .store-list-board__layout--no-sidebar {
  display: block;
}

.site-store .store-list-board__layout--no-sidebar .store-list-main {
  width: 100%;
  max-width: none;
}

.site-store .page-shop-listtype .prd-board__layout--no-sidebar {
  display: block;
}

.site-store .page-shop-listtype .prd-board__layout--no-sidebar .prd-main {
  width: 100%;
  max-width: none;
}

.site-store .prd-card__price {
  margin-top: max(0.5rem, var(--vw-8));
  font-size: max(0.9375rem, var(--font-16));
  font-weight: 600;
  color: #0d0d0d;
}

.site-store .prd-card__soldout {
  position: absolute;
  inset: 0;
  display: flex;
  align-items: center;
  justify-content: center;
  background: rgba(255, 255, 255, 0.72);
  font-size: max(0.875rem, var(--font-14));
  font-weight: 700;
  letter-spacing: 0.04em;
}

.site-store .prd-card__thumb-wrap {
  position: relative;
}

.site-store .store-more {
  display: flex;
  justify-content: center;
  margin-top: max(2.5rem, var(--vw-48));
  gap: 0;
}

.site-store .store-more.hide {
  display: none;
}

.site-store .store-list-empty.hide {
  display: none;
}

.site-store .page-shop-listtype .store-range-filter {
  margin-top: max(0.75rem, var(--vw-12));
}

.site-store .page-shop-listtype .store-range-filter__reset {
  display: none;
  margin-bottom: max(0.75rem, var(--vw-12));
  padding: 0;
  border: 0;
  background: transparent;
  color: #5e5e5e;
  font-size: max(0.875rem, var(--font-14));
  font-weight: 500;
  text-decoration: underline;
  text-underline-offset: 2px;
  cursor: pointer;
}

.site-store .page-shop-listtype .store-range-filter__reset.on {
  display: inline-block;
}

.site-store .page-shop-listtype .store-range-chips {
  margin: 0;
  padding: 0;
  list-style: none;
}

.site-store .page-shop-listtype .store-range-chips > li + li {
  margin-top: max(0.5rem, var(--vw-8));
}

.site-store .page-shop-listtype .prd-toolbar__sort-label {
  font-weight: 700;
  color: #131313;
}

.site-store .page-shop-listtype .prd-toolbar__sort-link {
  font-size: max(1rem, var(--font-16));
  color: #5e5e5e;
}

.site-store .page-shop-listtype .prd-toolbar__sort-link.is-active {
  color: #131313;
  font-weight: 400;
  text-decoration: underline;
  text-underline-offset: 2px;
}

.site-store .page-shop-listtype .store-list-grid {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 21.375rem));
  grid-auto-rows: auto;
  align-items: start;
  justify-content: start;
  column-gap: max(1.875rem, var(--vw-30));
  row-gap: max(3.75rem, var(--vw-60));
  margin: 0;
  padding: 0;
  list-style: none;
}

.site-store .page-shop-listtype .store-list-grid__item {
  display: block;
  min-width: 0;
}

.site-store .page-shop-listtype .store-list-grid__item .store-prd-card--lg {
  width: 100%;
  max-width: 21.375rem;
}

.site-store .page-shop-listtype .store-list-grid__item .store-prd-card--lg .store-prd-card__thumb {
  width: 100%;
}

/* STORE-002 상품 목록 (11797:5579) */
.site-store .page-shop-lists--store {
  padding-bottom: max(7.5rem, var(--vw-200));
}

.site-store .store-list-hero[hidden],
.site-store .store-list-intro[hidden] {
  display: none !important;
}

.site-store .store-list-hero {
  padding-top: max(1.875rem, var(--vw-30));
}

.site-store .store-list-hero__banner {
  position: relative;
  display: flex;
  align-items: center;
  justify-content: center;
  min-height: max(12.5rem, var(--vw-270));
  border-radius: 12px;
  overflow: hidden;
  background: #154670 center / cover no-repeat;
}

.site-store .store-list-hero__overlay {
  position: relative;
  z-index: 1;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  gap: max(0.625rem, var(--vw-10));
  padding: max(2.5rem, var(--vw-40)) max(1.25rem, var(--vw-24));
  text-align: center;
  color: #fff;
}

.site-store .store-list-hero__banner::before {
  content: "";
  position: absolute;
  inset: 0;
  background: rgba(0, 0, 0, 0.35);
}

.site-store .store-list-hero__title {
  margin: 0;
  font-size: clamp(1.75rem, var(--font-42), 2.625rem);
  font-weight: 500;
  line-height: normal;
}

.site-store .store-list-hero__desc {
  margin: 0;
  max-width: 40rem;
  font-size: max(1.125rem, var(--font-18));
  line-height: 1.875rem;
}

.site-store .store-list-board {padding-top: max(3.75rem, var(--vw-60)); }
.site-store .page-products-category--has-intro .store-list-board{padding-top: 0}

.site-store .page-shop-lists--store .store-list-board__layout {
  display: grid;
  grid-template-columns: 17rem minmax(0, 1fr);
  column-gap: max(3.75rem, var(--vw-80));
  align-items: start;
  margin-top: 0;
}

.site-store .store-list-sidebar {
  flex: 0 0 min(100%, 17rem);
  max-width: 17rem;
}

.site-store .store-list-sidebar__group + .store-list-sidebar__group {
  margin-top: max(1.875rem, var(--vw-30));
  padding-top: max(1.875rem, var(--vw-31));
  border-top: 1px solid #959da4;
}

.site-store .store-list-subcat {
  display: flex;
  flex-direction: column;
  gap: max(0.625rem, var(--vw-10));
}

.site-store .store-list-subcat__chip {
  display: flex;
  align-items: center;
  gap: max(0.625rem, var(--vw-10));
  width: 100%;
  min-height: 3.3125rem;
  padding: 0 max(1rem, var(--vw-16));
  border: 1px solid #c8ced3;
  border-radius: 8px;
  background: #fff;
  color: #959da4;
  font-size: max(1rem, var(--font-16));
  font-weight: 400;
  line-height: normal;
  text-align: left;
}

.site-store .store-list-subcat a.store-list-subcat__chip:link,
.site-store .store-list-subcat a.store-list-subcat__chip:visited {
  color: #959da4;
  font-weight: 400;
  border-color: #c8ced3;
}

.site-store .store-list-subcat__chip.is-active,
.site-store .store-list-subcat a.store-list-subcat__chip.is-active:link,
.site-store .store-list-subcat a.store-list-subcat__chip.is-active:visited {
  border-color: #131313;
  color: #131313;
  font-weight: 700;
}

.site-store .store-list-subcat__chip .prd-chip__icon {
  flex-shrink: 0;
  width: 24px;
  height: 24px;
  object-fit: contain;
}

.site-store .store-list-main {
  flex: 1 1 auto;
  min-width: 0;
}

.site-store .store-list-toolbar {
  margin-bottom: max(1.875rem, var(--vw-30));
}

.site-store .store-list-toolbar__title {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: max(0.625rem, var(--vw-10));
  margin: 0;
  font-size: max(1.25rem, var(--font-20));
  font-weight: 700;
  color: #1d1d1d;
}

.site-store .store-list-toolbar__total {
  font-size: max(1rem, var(--font-16));
  font-weight: 400;
  color: #131313;
}

.site-store .store-list-toolbar__total .prd-toolbar__num {
  color: #3a8ad1;
  font-weight: 700;
}

.site-store .page-shop-lists--store .prd-toolbar__sort-label {
  font-weight: 700;
  color: #131313;
}

.site-store .page-shop-lists--store .prd-toolbar__sort-link {
  font-size: max(1rem, var(--font-16));
  color: #5e5e5e;
}

.site-store .page-shop-lists--store .prd-toolbar__sort-link.is-active {
  color: #131313;
  font-weight: 400;
  text-decoration: underline;
  text-underline-offset: 2px;
}

.site-store .page-shop-lists--store .store-list-grid {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 21.375rem));
  grid-auto-rows: auto;
  align-items: start;
  justify-content: start;
  column-gap: max(1.875rem, var(--vw-30));
  row-gap: max(3.75rem, var(--vw-60));
  margin: 0;
  padding: 0;
  list-style: none;
}

.site-store .page-shop-lists--store .store-list-grid__item {
  display: block;
  min-width: 0;
}

.site-store .page-shop-lists--store .store-list-grid__item .store-prd-card--lg {
  width: 100%;
  max-width: 21.375rem;
}

.site-store .page-shop-lists--store .store-list-grid__item .store-prd-card--lg .store-prd-card__thumb {
  width: 100%;
}

.site-store .store-list-pager {
  display: flex;
  justify-content: center;
  margin-top: max(1.875rem, var(--vw-30));
  padding-top: max(1.875rem, var(--vw-30)); /* Figma Store pagination pt 30 */
}

.site-store .store-list-pager.hide {
  display: none;
}

.site-store .store-list-pager .prd-pager {
  margin: 0;
}

.site-store .store-sort-select {
  display: none;
  position: relative;
  flex: 0 0 auto;
}

.site-store .store-sort-select__control {
  appearance: none;
  -webkit-appearance: none;
  height: 36px;
  max-width: 100%;
  margin: 0;
  padding: 0 32px 0 12px;
  border: 1px solid #c8ced3;
  border-radius: 8px;
  background: #fff;
  color: #131313;
  font-size: 0.875rem;
  font-weight: 500;
  line-height: 1.2;
}

.site-store .store-sort-select::after {
  content: "";
  position: absolute;
  right: 12px;
  top: 50%;
  width: 6px;
  height: 6px;
  border-right: 1.5px solid #131313;
  border-bottom: 1.5px solid #131313;
  transform: translateY(-70%) rotate(45deg);
  pointer-events: none;
}

@media (max-width: 1199px) {
  .site-store .page-shop-lists--store .store-list-board__layout,
  .site-store .store-list-board__layout {
    display: flex;
    flex-direction: column;
    gap: 32px;
  }

  .site-store .store-list-sidebar {
    flex: 1 1 auto;
    max-width: none;
    width: 100%;
  }

  .site-store .page-shop-lists--store .store-list-grid,
  .site-store .page-shop-listtype .store-list-grid {
    grid-template-columns: repeat(2, minmax(0, 1fr));
    justify-content: stretch;
  }

  .site-store .page-shop-lists--store .store-list-grid__item .store-prd-card--lg,
  .site-store .page-shop-listtype .store-list-grid__item .store-prd-card--lg {
    max-width: none;
  }
}

@media (max-width: 767px) {
  .site-store .store-list-hero__title {
    font-size: clamp(1.5rem, var(--font-32), 2rem);
  }

  .site-store .store-list-hero__desc {
    font-size: 1rem;
    line-height: 1.5rem;
  }

  .site-store .page-shop-lists--store .store-list-board,
  .site-store .page-shop-lists--store.page-products-category--has-intro .store-list-board {
    padding-top: 24px;
  }

  .site-store .store-list-toolbar {
    flex-direction: column;
    align-items: flex-start;
    gap: 1rem;
  }

  .site-store .page-shop-lists--store .prd-toolbar__count,
  .site-store .page-shop-lists--store .store-list-toolbar__title {
    white-space: normal;
  }

  .site-store .page-shop-lists--store .prd-toolbar__sort,
  .site-store .page-shop-listtype .prd-toolbar__sort {
    flex-wrap: nowrap;
    justify-content: space-between;
    width: 100%;
    gap: 12px;
  }

  .site-store .page-shop-lists--store .prd-toolbar__sort-list,
  .site-store .page-shop-listtype .prd-toolbar__sort-list {
    display: none;
  }

  .site-store .page-shop-lists--store .store-sort-select,
  .site-store .page-shop-listtype .store-sort-select {
    display: block;
  }

  .site-store .store-list-subcat {
    flex-direction: row;
    flex-wrap: nowrap;
    gap: 8px;
    overflow-x: auto;
    -webkit-overflow-scrolling: touch;
  }

  .site-store .store-list-subcat__chip {
    width: auto;
    flex: 0 0 auto;
    min-height: 44px;
    white-space: nowrap;
  }

  .site-store .page-shop-lists--store .store-list-grid,
  .site-store .page-shop-listtype .store-list-grid,
  .site-store .page-store-search .store-search__grid {
    grid-template-columns: repeat(2, minmax(0, 1fr));
    column-gap: 12px;
    row-gap: 32px;
  }

  .site-store .page-shop-lists--store .store-list-grid__item .store-prd-card--lg .store-prd-card__thumb,
  .site-store .page-shop-listtype .store-list-grid__item .store-prd-card--lg .store-prd-card__thumb {
    width: 100%;
  }

  .site-store .prd-pager {
    flex-wrap: nowrap;
    gap: 4px;
  }

  .site-store .prd-pager__page {
    min-width: 32px;
    height: 32px;
    padding: 0 4px;
    font-size: 0.875rem;
  }

  .site-store .prd-pager__page--nav {
    gap: 2px;
    padding: 0 2px;
    font-size: 0.8125rem;
    white-space: nowrap;
  }

  .site-store .prd-pager > .prd-pager__page--nav:last-child {
    padding: 0 2px;
  }

  .site-store .prd-pager__page img {
    width: 14px;
    height: 14px;
    margin: 0;
  }
}

.site-store .store-filter .filters {
  display: flex;
  flex-wrap: wrap;
  gap: max(0.5rem, var(--vw-8));
  margin: max(0.75rem, var(--vw-12)) 0;
  padding: 0;
  list-style: none;
}

.site-store .store-price-block {
  margin: max(1.25rem, var(--vw-24)) 0;
}

.site-store .store-price-now .disp-price {
  font-size: clamp(1.25rem, var(--font-28), 1.75rem);
  font-weight: 700;
}

.site-store .pview-cta--store {
  display: flex;
  gap: max(0.75rem, var(--vw-12));
  margin-top: max(1.5rem, var(--vw-32));
}

.site-store .pview-cta--store .pview-btn {
  flex: 1;
  border: 0;
  cursor: pointer;
}

.site-store .page-shop-item .sit_option {
  margin: 0;
  padding: 0;
}

.site-store .page-shop-item .store-item-summary.sit_option,
.site-store .page-shop-item .store-item-summary .sit_option {
  margin: 0;
  padding: 0;
}

.site-store .page-shop-item #sit_ov.store-item-summary {
  float: none;
  position: static;
  top: auto;
  display: flex;
  width: 100%;
}

.site-store .page-shop-item #sit_ov h3.store-item-summary__opts-label {
  position: static;
  overflow: visible;
  width: auto;
  height: auto;
  margin: 0;
  padding: 0;
  font-size: max(0.875rem, var(--font-14));
  font-weight: 400;
  line-height: 1.2;
  color: #394147;
}

.site-store .page-shop-item #sit_ov_btn.store-item-summary__cta {
  display: flex;
  flex-wrap: wrap;
  justify-content: stretch;
  align-items: stretch;
  float: none;
  width: 100%;
  max-width: 630px;
  margin: 0;
}

.site-store .page-shop-item #sit_ov_btn .btn,
.site-store .page-shop-item #sit_ov_btn .pview-btn,
.site-store .page-shop-item #sit_ov_btn .sit_btn_cart,
.site-store .page-shop-item #sit_ov_btn .sit_btn_buy {
  width: auto;
  max-width: none;
  margin: 0;
  flex: 1 1 calc(50% - max(0.625rem, var(--vw-10)));
  height: auto;
  line-height: 1.125;
  padding: 0 max(1rem, var(--vw-16));
  font-weight: 500;
}

.site-store .page-shop-item #sit_ov_btn .store-naver-btn {
  flex: 1 1 100%;
}

.site-store .page-shop-item #sit_ov_btn .store-naverpay,
.site-store .page-shop-item .store-item-summary__cta .store-naverpay {
  flex: 1 1 100%;
  width: 100%;
  margin-top: max(0.5rem, var(--vw-8));
}

.site-store .page-shop-item #sit_sel_option {
  margin-top: 0;
}

.site-store .page-shop-item #sit_ov_soldout {
  margin: 0;
  padding: max(1.25rem, var(--vw-20)) 0;
  color: #a60002;
  background: #fff6f6;
  font-weight: 600;
  text-align: center;
}

/* 스토어 상세 — 웹 제품 상세(pview)와 동일 톤 */
.site-store .page-shop-item .pview-summary {
  position: relative;
}

.site-store .page-shop-item .store-summary__tools {
  position: absolute;
  top: 0;
  right: 0;
  z-index: 2;
  display: flex;
  align-items: center;
  gap: max(0.5rem, var(--vw-8));
}

.site-store .page-shop-item .store-summary__tools a,
.site-store .page-shop-item .store-summary__tools button {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 36px;
  height: 36px;
  padding: 0;
  border: 0;
  background: transparent;
  color: #131313;
  cursor: pointer;
}

.site-store .page-shop-item .pview-summary__top {
  padding-right: 3rem;
}

.site-store .page-shop-item .pview-meta__row--price dd {
  display: flex;
  flex-wrap: wrap;
  align-items: baseline;
  gap: max(0.5rem, var(--vw-8));
}

.site-store .page-shop-item .store-price__disc {
  color: #ff5a4f;
  font-weight: 700;
  font-size: max(0.9375rem, var(--font-16));
}

.site-store .page-shop-item .store-price__cust {
  color: #8a9299;
  text-decoration: line-through;
  font-size: max(0.875rem, var(--font-14));
  font-weight: 400;
}

.site-store .page-shop-item .store-price__now {
  color: #131313;
  font-size: clamp(1.25rem, var(--font-24), 1.5rem);
  font-weight: 700;
}

.site-store .page-shop-item .pview-cta {
  width: 100%;
}

.site-store .page-shop-item .pview-cta .pview-btn {
  flex: 1;
  border: 0;
  cursor: pointer;
  text-align: center;
  text-decoration: none;
}

/* 레거시 mall 옵션 UI — 스토어 상세 Figma */
.site-store .page-shop-item .store-buy-opts #sit_opt_added,
.site-store .page-shop-item .store-buy-opts .sit_opt_list {
  list-style: none;
  margin: 0;
  padding: 0;
}

.site-store .page-shop-item .store-item-summary__selected #sit_opt_added > li {
  display: block;
  margin: 0;
  padding: 0;
  border: 0;
  background: transparent;
}

/* 옵션 2개 이상 — 항목 사이 1px 구분선 (Figma #DEDEDE) */
.site-store .page-shop-item .store-item-summary__selected #sit_opt_added > li + li {
  margin-top: max(1.5rem, var(--vw-24));
  padding-top: max(1.5rem, var(--vw-24));
  border-top: 1px solid #dedede;
}

.site-store .page-shop-item .store-item-summary__selected--has-options:not(:has(.sit_opt_list)) {
  display: none;
}

.site-store .page-shop-item .store-item-summary__selected .opt_name {
  display: flex;
  align-items: flex-start;
  justify-content: space-between;
  gap: max(0.75rem, var(--vw-12));
  margin: 0 0 max(1.25rem, var(--vw-20));
  color: #131313;
  font-size: max(1rem, var(--font-16));
  font-weight: 400;
  line-height: 1.2;
}

.site-store .page-shop-item .store-item-summary__selected .opt_name .sit_opt_subj {
  flex: 1;
  min-width: 0;
}

.site-store .page-shop-item .store-item-summary__selected .opt_count {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: max(0.75rem, var(--vw-12));
  width: 100%;
}

.site-store .page-shop-item .store-qty-counter {
  display: inline-flex;
  align-items: center;
  flex-shrink: 0;
}

/* Figma 11804:9617/9631 — 외측 radius 6 (SVG). mall `#sit_opt_added button{border-radius:0}` 덮음 */
.site-store .page-shop-item #sit_opt_added .store-qty-btn,
.site-store .page-shop-item #sit_sel_option .store-qty-btn,
.site-store .page-shop-item .store-qty-btn {
  float: none;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 36px;
  height: 36px;
  margin: 0;
  padding: 0;
  border: 0;
  border-radius: 0;
  background-color: transparent;
  background-repeat: no-repeat;
  background-position: center;
  background-size: 36px 36px;
  color: transparent;
  font-size: 0;
  line-height: 1;
  cursor: pointer;
}

.site-store .page-shop-item #sit_opt_added .store-qty-btn--minus,
.site-store .page-shop-item #sit_sel_option .store-qty-btn--minus,
.site-store .page-shop-item .store-qty-btn--minus {
  background-image: url("/assets/images/products/detail/qty-minus.svg");
}

.site-store .page-shop-item #sit_opt_added .store-qty-btn--plus,
.site-store .page-shop-item #sit_sel_option .store-qty-btn--plus,
.site-store .page-shop-item .store-qty-btn--plus {
  position: relative;
  background-image: url("/assets/images/products/detail/qty-plus.svg");
}

.site-store .page-shop-item .store-qty-btn .fa,
.site-store .page-shop-item .store-qty-btn--minus::before,
.site-store .page-shop-item .store-qty-btn--plus::before,
.site-store .page-shop-item .store-qty-btn--plus::after {
  content: none;
  display: none;
}

.site-store .page-shop-item .store-qty-input,
.site-store .page-shop-item .store-item-summary__selected .opt_count .input,
.site-store .page-shop-item #sit_opt_added .store-qty-input,
.site-store .page-shop-item #sit_opt_added .opt_count .input {
  float: none;
  width: 36px;
  height: 36px;
  margin: 0;
  padding: 0;
  border: 1px solid #dedede;
  border-left: 0;
  border-right: 0;
  border-radius: 0;
  background: #fff;
  color: #131313;
  font-size: max(0.875rem, var(--font-14));
  text-align: center;
  box-sizing: border-box;
}

.site-store .page-shop-item .store-item-summary__selected #sit_opt_added .sit_opt_del {
  position: relative;
  top: auto;
  right: auto;
  float: none;
  display: inline-flex;
  flex: 0 0 16px;
  align-items: center;
  justify-content: center;
  width: 16px;
  height: 16px;
  margin-top: 2px;
  padding: 0;
  border: 0;
  background: transparent;
  cursor: pointer;
}

.site-store .page-shop-item .store-item-summary__selected #sit_opt_added .sit_opt_del .btn-close.cross {
  position: relative;
  display: block;
  width: 14px;
  height: 14px;
  text-indent: -9999px;
}

.site-store .page-shop-item .store-item-summary__selected #sit_opt_added .sit_opt_del .btn-close.cross::before,
.site-store .page-shop-item .store-item-summary__selected #sit_opt_added .sit_opt_del .btn-close.cross::after {
  background: #131313;
}

/* Figma 11804:9644 — 선택 옵션 가격 Bold 28 / RED #DD2626 (mall #sit_opt_added ID 덮음) */
.site-store .page-shop-item #sit_opt_added .sit_opt_prc,
.site-store .page-shop-item .store-item-summary__selected .sit_opt_prc,
.site-store .page-shop-item .store-item-aside__selected .sit_opt_prc {
  float: none;
  display: block;
  width: auto;
  margin: 0;
  margin-left: auto;
  padding: 0;
  color: #dd2626;
  font-size: max(1.5rem, var(--font-28)); /* 28 @ root */
  font-weight: 700;
  line-height: 1.2;
  text-align: right;
  white-space: nowrap;
}

.site-store .page-shop-item .pview-gallery__main {
  object-fit: contain;
  background: #fff;
}

/* STORE 상품 상세 — Figma 11804:7730 */
.site-store .page-shop-item {
  --store-item-main: min(56.25vw, 900px);
  --store-item-aside: min(28.75vw, 460px);
  --store-item-gap: max(2.5rem, var(--vw-80));
}

.site-store .store-item-topbar {
  padding-top: max(2.5rem, var(--vw-40));
}

/* Figma 11804:9509 Breadcrumb — 16 / #00B894 홈 · #394147 경로 · gap 4 · py 14 */
.site-store .page-shop-item .store-item-breadcrumb.pview-breadcrumb {
  margin: 0;
  padding: 0;
}

.site-store .page-shop-item .store-item-breadcrumb .insight-breadcrumb__list {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: 4px;
  margin: 0;
  padding: 14px 0;
  list-style: none;
}

.site-store .page-shop-item .store-item-breadcrumb .insight-breadcrumb__item,
.site-store .page-shop-item .store-item-breadcrumb .insight-breadcrumb__sep {
  display: flex;
  align-items: center;
  line-height: 0;
}

.site-store .page-shop-item .store-item-breadcrumb .insight-breadcrumb__home,
.site-store .page-shop-item .store-item-breadcrumb .insight-breadcrumb__link {
  display: inline-flex;
  align-items: center;
  gap: 0;
  text-decoration: none;
  line-height: 1.5;
}

/* 홈 아이콘 12 + margin 2 = 16 광학 박스, 텍스트와 수직 중앙 정렬 */
.site-store .page-shop-item .store-item-breadcrumb .insight-breadcrumb__home-icon {
  display: block;
  width: 12px;
  height: 12px;
  margin: 2px;
  flex-shrink: 0;
}

.site-store .page-shop-item .store-item-breadcrumb .insight-breadcrumb__home-text {
  margin: 0;
  padding: 6px 2px 7px;
  color: #00b894;
  font-size: max(1rem, var(--font-16));
  font-weight: 400;
  line-height: 1.5;
}

.site-store .page-shop-item .store-item-breadcrumb .insight-breadcrumb__link,
.site-store .page-shop-item .store-item-breadcrumb .insight-breadcrumb__text {
  margin: 0;
  padding: 6px 6px 7px;
  color: #394147;
  font-size: max(1rem, var(--font-16));
  font-weight: 400;
  line-height: 1.5;
}

.site-store .page-shop-item .store-item-breadcrumb .insight-breadcrumb__item--current .insight-breadcrumb__link,
.site-store .page-shop-item .store-item-breadcrumb .insight-breadcrumb__item--current .insight-breadcrumb__text {
  color: #394147;
}

.site-store .page-shop-item .store-item-breadcrumb .insight-breadcrumb__sep {
  width: 16px;
  height: 16px;
  flex-shrink: 0;
  justify-content: center;
}

.site-store .page-shop-item .store-item-breadcrumb .insight-breadcrumb__sep img {
  display: block;
  width: 12px;
  height: 12px;
}

.site-store .store-item-topbar__inner {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: max(1rem, var(--vw-16));
  min-height: 53px;
}

.site-store .store-item-breadcrumb {
  flex: 1;
  min-width: 0;
  padding: 0;
}

.site-store .store-item-topbar__tools {
  position: relative;
  display: inline-flex;
  align-items: center;
  justify-content: flex-end;
  gap: max(1.875rem, var(--vw-30)); /* Figma 11804:9585 — heart 28 + gap 30 + share 24 = 82 */
  flex-shrink: 0;
  min-width: 5.125rem; /* 82 */
}

.site-store .store-item-topbar__tools a,
.site-store .store-item-topbar__tools button {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  padding: 0;
  border: 0;
  background: transparent;
  cursor: pointer;
}

.site-store .store-item-topbar__tools img {
  display: block;
}

/* Figma 11804:9506 / 11804:9578 — wish 28×26, share 24×24, #5E5E5E */
.site-store .store-item-topbar__tools #btn_wish img {
  width: 28px;
  height: 26px;
}

.site-store .store-item-topbar__tools .store-item-topbar__share img {
  width: 24px;
  height: 24px;
}

.site-store .store-item-topbar .sns_area {
  top: calc(100% + 8px);
  right: 0;
}

.site-store .store-item-hero {
  padding-top: max(2.5rem, var(--vw-40));
}

.site-store .page-shop-item .pview-hero {
  margin-bottom: max(3.75rem, var(--vw-80));
}

.site-store .page-shop-item .pview-hero__grid {
  grid-template-columns: minmax(0, 720px) minmax(0, 630px);
  gap: max(2.5rem, var(--vw-90)); /* 90 — Figma */
  align-items: start;
  max-width: 1440px;
}

/*
 * Figma 11804:9373 갤러리
 * app.mall.css #sit_pvi / #sit_pvi_big / #sit_pvi_thumb (ID)가 클래스보다 우선하므로
 * .site-store + ID로 리셋 후 Figma 레이아웃 적용.
 * 로드 순서: app.mall.css → main.css → site-store.css
 */
.site-store .page-shop-item #sit_pvi.pview-gallery,
.site-store .page-shop-item #sit_pvi {
  display: flex;
  flex-direction: column;
  float: none;
  position: relative;
  top: auto;
  gap: max(1.25rem, var(--vw-20)); /* 메인 ↔ 썸네일 20 */
  width: 100%;
  max-width: 720px;
}

.site-store .page-shop-item #sit_pvi.with-thumb {
  top: auto;
}

.site-store .page-shop-item #sit_pvi_big.pview-gallery__stage,
.site-store .page-shop-item #sit_pvi_big {
  display: flex;
  align-items: center;
  justify-content: center;
  text-align: center;
  position: relative;
  width: 100%;
  max-width: 720px;
  aspect-ratio: 1;
  border: 1px solid #c8ced3;
  border-radius: 0;
  background: #fff;
  overflow: hidden;
}

.site-store .page-shop-item #sit_pvi.with-thumb #sit_pvi_big {
  width: 100%;
}

.site-store .page-shop-item #sit_pvi_big img,
.site-store .page-shop-item #sit_pvi_big .pview-gallery__main {
  display: block;
  width: auto;
  height: auto;
  max-width: calc(100% - max(1.25rem, var(--vw-20)));
  max-height: calc(100% - max(1.25rem, var(--vw-20)));
  object-fit: contain;
  background-color: #fff;
}

/* 화살표는 썸네일 묶음 좌우에만 두고, 상품 이미지 양끝에는 붙이지 않는다 */
.site-store .page-shop-item #sit_pvi_thumb.pview-gallery__nav,
.site-store .page-shop-item #sit_pvi_thumb {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: max(1.25rem, var(--vw-30));
  width: 100%;
  max-width: 720px;
  height: max(3.75rem, var(--vw-94));
  margin: 0;
  margin-top: 0;
  padding: 0 max(1.25rem, var(--vw-40));
  position: static;
  box-sizing: border-box;
}

.site-store .page-shop-item #sit_pvi_thumb:after {
  display: none;
  content: none;
  clear: none;
}

.site-store .page-shop-item #sit_pvi_thumb .pview-gallery__arrow {
  flex: 0 0 max(1.875rem, var(--vw-30));
  width: max(1.875rem, var(--vw-30));
  height: max(1.875rem, var(--vw-30));
  margin: 0;
  padding: 0;
  border: 0;
  background: transparent;
  line-height: 0;
}

.site-store .page-shop-item #sit_pvi_thumb .pview-gallery__arrow img {
  display: block;
  width: 100%;
  height: 100%;
  max-width: none;
}

.site-store .page-shop-item #sit_pvi_thumb .pview-gallery__thumbs {
  display: flex;
  flex: 0 1 auto;
  justify-content: flex-start;
  align-items: flex-start;
  gap: max(1.25rem, var(--vw-20));
  width: max-content;
  max-width: calc(100% - 2 * max(1.875rem, var(--vw-30)) - 2 * max(1.25rem, var(--vw-30)));
  min-width: 0;
  height: max(3.75rem, var(--vw-94));
  margin: 0;
  padding: 0;
  list-style: none;
  overflow-x: auto;
  overflow-y: hidden;
  scrollbar-width: none;
}

.site-store .page-shop-item #sit_pvi_thumb .pview-gallery__thumbs::-webkit-scrollbar {
  display: none;
}

.site-store .page-shop-item #sit_pvi_thumb li,
.site-store .page-shop-item #sit_pvi_thumb .pview-gallery__thumbs > li {
  display: block;
  position: relative;
  flex: 0 0 max(3.75rem, var(--vw-94));
  width: max(3.75rem, var(--vw-94));
  height: max(3.75rem, var(--vw-94));
  margin: 0;
  padding: 0;
  list-style: none;
}

.site-store .page-shop-item #sit_pvi_thumb .pview-gallery__thumb {
  display: block;
  box-sizing: border-box;
  width: 100%;
  height: 100%;
  padding: 0;
  border: 1px solid #c8ced3;
  border-radius: 4px;
  background: #fff;
  overflow: hidden;
  cursor: pointer;
}

.site-store .page-shop-item #sit_pvi_thumb .pview-gallery__thumb.is-active,
.site-store .page-shop-item #sit_pvi_thumb .pview-gallery__thumb[aria-pressed="true"] {
  border-color: #c8ced3;
  box-shadow: none;
}

.site-store .page-shop-item #sit_pvi_thumb .pview-gallery__thumb img,
.site-store .page-shop-item #sit_pvi_thumb li img {
  display: block;
  width: 100%;
  height: 100%;
  object-fit: cover;
  object-position: center;
  transform: scale(1.2);
  transform-origin: center center;
}

.site-store .page-shop-item .pview-summary,
.site-store .page-shop-item .store-item-summary {
  display: flex;
  flex-direction: column;
  justify-content: flex-start;
  gap: max(1.875rem, var(--vw-30));
  min-height: auto;
  width: 100%;
  max-width: 630px;
}

.site-store .store-item-summary__intro--no-rating .store-item-summary__price {
  margin-bottom: 0;
}

.site-store .store-item-summary__intro {
  display: flex;
  flex-direction: column;
  gap: max(1.875rem, var(--vw-30));
}

.site-store .store-item-summary__intro--no-rating {
  gap: max(1.875rem, var(--vw-30));
}

.site-store .store-item-summary__identity {
  display: flex;
  flex-direction: column;
  gap: max(1rem, var(--vw-16)); /* Figma 11804:9390 gap 16 */
}

/* Figma 11804:9391 Tag/blog — BEST: 12 / #00B894 / padding 6×3 / radius 2 */
.site-store .page-shop-item .store-item-summary__identity .store-prd-card__badge,
.site-store .page-shop-item .store-item-summary__identity .store-prd-card__badge--best,
.site-store .page-shop-item .store-item-summary__identity .store-prd-card__badge--new {
  position: static;
  top: auto;
  left: auto;
  align-self: flex-start;
  z-index: auto;
  min-height: 0;
  padding: 3px 6px;
  border: 1px solid #00b894;
  border-radius: 2px;
  background-color: #fff;
  color: #00b894;
  font-family: "Roboto", var(--font-en);
  font-size: max(0.75rem, var(--font-12)); /* 12 */
  font-weight: 400;
  line-height: normal;
  pointer-events: auto;
}

/* Figma 11804:9392 — Brand Bold 18 underline */
.site-store .page-shop-item .store-item-summary__brand {
  margin: 0;
  color: #131313;
  font-family: "Roboto", var(--font-en);
  font-size: max(1rem, var(--font-18)); /* 18 */
  font-weight: 700;
  line-height: normal;
  text-decoration: underline;
  text-underline-offset: 2px;
}

.site-store .page-shop-item .store-item-summary__brand a {
  color: inherit;
  text-decoration: inherit;
}

/* Figma 11804:9436 — 상품명 Regular 24 (mall #sit_title / main .pview-summary__title 덮음) */
.site-store .page-shop-item .store-item-summary__title,
.site-store .page-shop-item .store-item-summary__title.pview-summary__title,
.site-store .page-shop-item .store-item-summary__title #sit_title,
.site-store .page-shop-item .store-item-summary__title .pview-summary__title-line {
  display: block;
  margin: 0;
  color: #131313;
  font-family: inherit;
  font-size: max(1.25rem, var(--font-24)); /* 24 */
  font-weight: 400;
  line-height: 1.35;
}

.site-store .page-shop-item .store-item-summary__model {
  margin: 0;
  color: #131313;
  font-size: max(1rem, var(--font-16)); /* 16 */
  font-weight: 400;
  line-height: normal;
}

.site-store .store-item-summary__price {
  display: flex;
  flex-direction: column;
  gap: max(0.375rem, var(--vw-6));
}

.site-store .store-item-summary__price-old {
  margin: 0;
  color: #5e5e5e;
  font-size: max(1rem, var(--font-16));
  line-height: 1.2;
  text-decoration: line-through;
}

.site-store .store-item-summary__price-now {
  display: flex;
  flex-wrap: nowrap;
  align-items: baseline;
  gap: max(0.3125rem, 0.26042vw);
  margin: 0;
}

.site-store .store-item-summary__disc {
  color: #ff5a4f;
  font-size: clamp(1.25rem, var(--font-24), 1.5rem);
  font-weight: 700;
  line-height: 1.2;
  letter-spacing: -0.03em;
}

.site-store .store-item-summary__price-now .store-price__now {
  color: #dd2626;
  font-size: clamp(1.25rem, var(--font-24), 1.5rem);
  font-weight: 700;
  line-height: 1.2;
}

.site-store .store-item-summary__rating {
  display: inline-flex;
  align-items: center;
  gap: 2px;
  margin: 0;
  color: #5e5e5e;
  font-size: max(0.875rem, var(--font-14));
  line-height: 1;
}

.site-store .store-item-summary__rating img {
  display: block;
}

.site-store .store-item-summary__info {
  display: flex;
  flex-direction: column;
  gap: 0;
  margin: 0;
  padding: max(1.25rem, var(--vw-20)) 0; /* 상하 라인 ↔ 본문 20 — Figma 11804:9447 */
  border-top: 1px solid #dedede;
  border-bottom: 1px solid #dedede;
  width: 100%;
  max-width: 630px;
  box-sizing: border-box;
}

/* 옵션 없음: meta 하단 #dedede 제거 → selected 2px #131313만 (이중 border 방지) */
.site-store .store-item-summary--no-options .store-item-summary__info {
  border-bottom: 0;
  padding-bottom: 0;
}

.site-store .store-item-summary--has-options .store-item-summary__opts:first-of-type {
  margin-top: max(1.875rem, var(--vw-30)); /* meta ↔ 옵션 30 — Figma 9389 gap */
}

/* 라벨열 max-content 공유 → dt 세로 정렬 일치 (배송 행도 display:contents) */
.site-store .store-item-summary__meta-grid {
  display: grid;
  grid-template-columns: max-content minmax(0, 1fr);
  column-gap: max(1.875rem, var(--vw-30)); /* 30 */
  row-gap: max(1.25rem, var(--vw-20)); /* 20 */
  align-items: start;
  margin: 0;
  width: 100%;
}

.site-store .store-item-summary__row,
.site-store .store-item-summary__row--ship {
  display: contents;
}

.site-store .store-item-summary__row dt {
  margin: 0;
  color: #394147;
  font-size: max(0.875rem, var(--font-14));
  font-weight: 400;
  line-height: 1.2;
  white-space: nowrap;
}

.site-store .store-item-summary__row dd {
  margin: 0;
  color: #131313;
  font-size: max(0.875rem, var(--font-14));
  font-weight: 400;
  line-height: 1.2;
}

.site-store .store-item-summary__ship-dd {
  display: inline-flex;
  align-items: center;
  gap: max(1.25rem, var(--vw-20)); /* 문구 ↔ 링크 ~22 — Figma 9454→9458 */
  width: auto;
  max-width: 100%;
  min-width: 0;
}

.site-store .store-item-summary__ship-text {
  min-width: 0;
  color: #131313;
}

.site-store .store-item-summary__ship-link {
  flex-shrink: 0;
  color: #5e5e5e;
  font-size: max(0.875rem, var(--font-14));
  line-height: 1.2;
  letter-spacing: -0.03em;
  text-decoration: underline;
  text-underline-offset: 2px;
}

.site-store .page-shop-item .store-item-summary .store-item-summary__opts,
.site-store .page-shop-item .store-item-summary .store-buy-opts.store-item-summary__opts {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: max(1.875rem, var(--vw-30));
  width: 100%;
  max-width: 560px;
  margin: 0;
  padding: 0;
  border: 0;
}

.site-store .store-item-summary__opts-label {
  flex-shrink: 0;
  margin: 0;
  color: #394147;
  font-size: max(0.875rem, var(--font-14));
  font-weight: 400;
}

.site-store .store-item-summary__opts-field {
  flex: 1 1 auto;
  min-width: 0;
  max-width: 460px;
}

.site-store .store-item-summary__opts-field .get_item_options {
  display: block;
  width: 100%;
}

.site-store .store-item-summary__opts-field .get_item_options label {
  position: absolute;
  width: 1px;
  height: 1px;
  margin: -1px;
  padding: 0;
  overflow: hidden;
  clip: rect(0, 0, 0, 0);
  border: 0;
}

.site-store .store-item-summary__opts-field .get_item_options + .get_item_options {
  margin-top: max(0.75rem, var(--vw-12));
}

.site-store .page-shop-item .get_item_options {
  display: block !important;
  align-items: stretch !important;
}

.site-store .page-shop-item .get_item_options label + span {
  display: block;
  width: 100%;
}

.site-store .page-shop-item .store-item-summary .store-item-summary__opts-field select,
.site-store .page-shop-item .store-item-summary .store-item-summary__opts-field .it_option,
.site-store .page-shop-item .store-item-summary .store-item-summary__opts-field .it_supply {
  width: 100%;
  min-height: 61px;
  margin: 0;
  padding: max(1.25rem, var(--vw-20)) max(1rem, var(--vw-16));
  border: 1px solid #a9a9a9;
  border-radius: 4px;
  background-color: #fff;
  color: #131313;
  font-size: max(1rem, var(--font-16));
  line-height: 1.2;
  appearance: none;
  -webkit-appearance: none;
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='10' viewBox='0 0 16 10' fill='none'%3E%3Cpath d='M1 1L8 8L15 1' stroke='%23131313' stroke-width='1.5'/%3E%3C/svg%3E");
  background-repeat: no-repeat;
  background-position: right max(1rem, var(--vw-16)) center;
  background-size: 16px 10px;
  box-sizing: border-box;
}

.site-store .page-shop-item .store-item-summary .store-item-summary__opts-field select.on,
.site-store .page-shop-item .store-item-summary .store-item-summary__opts-field .it_option.on,
.site-store .page-shop-item .store-item-summary .store-item-summary__opts-field .it_supply.on {
  border-color: #131313;
  color: #131313;
}

/* 선택 영역 위 구분선 — Figma 11804:9611 (2px Text Black) */
.site-store .page-shop-item .store-item-summary .store-item-summary__selected {
  margin: 0;
  padding-top: max(1.875rem, var(--vw-30));
  border-top: 2px solid #131313;
}

.site-store .store-item-summary--has-options .store-item-summary__selected--has-options {
  margin-top: max(1.875rem, var(--vw-30)); /* 옵션 ↔ 두꺼운 선 30 */
}

.site-store .store-item-summary--no-options .store-item-summary__selected--no-options {
  margin-top: 0;
}

.site-store .page-shop-item .store-item-summary .store-item-summary__selected--has-options:not(:has(.sit_opt_list)) {
  display: none;
  margin: 0;
  padding: 0;
  border: 0;
}

.site-store .page-shop-item .store-item-summary .store-item-summary__tot-price {
  display: none !important;
}

.site-store .page-shop-item .store-item-summary .store-item-summary__cta,
.site-store .page-shop-item .store-item-summary#sit_ov_btn {
  display: flex;
  flex-wrap: wrap;
  gap: max(1.25rem, var(--vw-20));
  width: 100%;
  max-width: 630px;
  margin: 0;
  padding-top: max(1.875rem, var(--vw-30));
}

.site-store .page-shop-item .store-item-summary .store-item-summary__cta .pview-btn {
  flex: 1 1 calc(50% - max(0.625rem, var(--vw-10)));
  min-width: 0;
  min-height: 60px;
  border-radius: 4px;
  font-size: max(1rem, var(--font-16));
  font-weight: 500;
  cursor: pointer;
}

.site-store .page-shop-item .store-item-summary .store-item-summary__cta .pview-btn--ghost,
.site-store .page-shop-item .store-item-summary .store-item-summary__cta .sit_btn_cart {
  border: 0;
  background: #121517;
  color: #fff;
}

.site-store .page-shop-item .store-item-summary .store-item-summary__cta .pview-btn--solid,
.site-store .page-shop-item .store-item-summary .store-item-summary__cta .sit_btn_buy {
  border: 0;
  background: #00b894;
  color: #fff;
}

/* 네이버 스마트스토어 바로가기 — brand green #03C75A */
.site-store .page-shop-item .store-naver-btn {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: max(0.5rem, var(--vw-8));
  flex: 1 1 100%;
  width: 100%;
  min-height: 60px;
  margin: 0;
  padding: 0 max(1rem, var(--vw-16));
  border: 0;
  border-radius: 4px;
  background: #03c75a;
  color: #fff;
  font-size: max(1rem, var(--font-16));
  font-weight: 500;
  line-height: 1.2;
  text-decoration: none;
  box-sizing: border-box;
  transition: background-color 0.15s ease;
}

.site-store .page-shop-item .store-naver-btn:hover,
.site-store .page-shop-item .store-naver-btn:focus-visible {
  background: #02b350;
  color: #fff;
  text-decoration: none;
}

.site-store .page-shop-item .store-naver-btn__icon {
  display: block;
  width: 20px;
  height: 20px;
  object-fit: contain;
  filter: brightness(0) invert(1);
}

.site-store .page-shop-item .store-naver-btn__label {
  color: inherit;
}

.site-store .store-item-body {
  margin-top: max(3.75rem, var(--vw-80));
}

.site-store .store-item-split {
  grid-template-columns: var(--store-item-main) var(--store-item-aside);
  gap: var(--store-item-gap);
}

.site-store .store-item-detail__explan2 {
  margin-top: max(2.5rem, var(--vw-40));
}

.site-store .store-item-detail__explan2-title {
  margin: 0 0 max(1rem, var(--vw-16));
  color: #131313;
  font-size: max(1.125rem, var(--font-18));
  font-weight: 700;
  line-height: 1.4;
}

/* 이관 HTML 인라인 width:987px 등 고정폭 덮어쓰기 */
.site-store .store-item-detail table,
.site-store .store-item-detail__explan2 table {
  width: 100% !important;
  max-width: 100% !important;
  table-layout: auto;
  border-collapse: collapse;
}

.site-store .store-item-detail table :where(th, td),
.site-store .store-item-detail__explan2 :where(th, td) {
  padding: max(0.5rem, var(--vw-8)) max(0.75rem, var(--vw-12));
  border: 1px solid #dedede;
  vertical-align: top;
  font-size: max(0.875rem, var(--font-14));
  line-height: 1.5;
  word-break: keep-all;
}

/* app.mall.css `#sit_tab { top: 0 }` 보다 우선 — 헤더(프로모+GNB) 아래에 스티키 */
.site-store .page-shop-item #sit_tab.store-item-tabs-sticky,
.site-store .page-shop-item .store-item-tabs-sticky {
  position: sticky;
  top: var(--store-sticky-top);
  z-index: 20;
  margin: 0 0 var(--store-tab-gap);
  padding-top: 0;
  padding-bottom: 0;
  background: #fff;
}
body.site-store.is-scroll-down .store-gnb.gnb-wrap,
body.site-store.is-scroll-down .promotion-bar {
  pointer-events: none;
}
body.site-store.is-scroll-down .store-gnb.gnb-wrap {
  transform: translate3d(0, calc(-100% - var(--promo-bar-height, 0px)), 0);
}
body.site-store.is-scroll-down .promotion-bar {
  transform: translate3d(0, -100%, 0);
}
body.site-store.is-scroll-down #sit_tab.store-item-tabs-sticky,
body.site-store.is-scroll-up #sit_tab.store-item-tabs-sticky,
body.site-store.is-scroll-down .page-shop-item .store-item-tabs-sticky,
body.site-store.is-scroll-up .page-shop-item .store-item-tabs-sticky {
  top: 0;
}
body.site-store.is-scroll-down .store-item-aside {
  top: calc(var(--store-tab-bar) + max(0.75rem, var(--vw-16)));
}
body.site-store.is-scroll-up .store-item-aside {
  top: var(--store-sticky-top);
}

.site-store .page-shop-item .store-item-tabs {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  margin: 0;
  border-bottom: 0;
  background: #fff;
}

.site-store .page-shop-item .store-item-tabs .pview-tabs__link {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 100%;
  min-height: 59px;
  margin: 0;
  padding: max(1.25rem, var(--vw-20)) max(0.5rem, var(--vw-8));
  border: 0;
  border-bottom: 3px solid #dedede;
  border-radius: 0;
  background: transparent;
  color: #959da4;
  font-family: inherit;
  font-size: max(1rem, var(--font-16));
  font-weight: 400;
  line-height: 1.2;
  text-align: center;
  text-decoration: none;
  cursor: pointer;
  appearance: none;
  -webkit-appearance: none;
  box-sizing: border-box;
}

.site-store .page-shop-item .store-item-tabs .pview-tabs__link.is-active,
.site-store .page-shop-item .store-item-tabs .pview-tabs__link.active {
  margin-bottom: 0;
  border-bottom-color: #131313;
  color: #131313;
  font-weight: 700;
}

.site-store .page-shop-item #sit_info section:not(.store-item-reco) {
  padding: 0;
}

.site-store .page-shop-item #sit_info {
  margin-top: 0;
  margin-bottom: 0;
  min-height: 0;
}

.site-store .page-shop-item #sit_inf,
.site-store .page-shop-item #sit_docs,
.site-store .page-shop-item #sit_use,
.site-store .page-shop-item #sit_notice,
.site-store .page-shop-item #sit_qa,
.site-store .page-shop-item #sit_dex,
.site-store .page-shop-item .store-item-section {
  /* 헤더 + 탭바 + 탭↔섹션 간격 — JS 스크롤 오프셋과 동일 */
  scroll-margin-top: calc(var(--store-sticky-top) + var(--store-tab-bar) + var(--store-tab-gap) + 1px);
}

.site-store .store-item-tab-panels {
  min-width: 0;
}

.site-store .store-item-tab-loading {
  display: none;
  align-items: center;
  justify-content: center;
  min-height: max(10rem, var(--vw-160));
  padding: max(2.5rem, var(--vw-40)) 0;
}

.site-store .store-item-tab-panels.is-loading .store-item-tab-loading {
  display: flex;
}

.site-store .store-item-tab-panel {
  display: none;
}

.site-store .store-item-tab-panel.is-active {
  display: block;
}

.site-store .store-review {
  display: flex;
  flex-direction: column;
  gap: max(2.5rem, var(--vw-60));
}

.site-store #sit_use .store-review__title {
  position: static;
  margin: 0;
  color: #131313;
  font-size: clamp(1.125rem, var(--font-24), 1.5rem);
  font-weight: 500;
  line-height: 1.3;
}

.site-store .store-review__summary {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: max(1rem, var(--vw-20));
  width: 100%;
  padding: max(1.25rem, var(--vw-30)) max(1rem, var(--vw-16));
  border: 1px solid #a9a9a9;
  background: #f2f4f5;
}

.site-store .store-review__summary-count,
.site-store .store-review__summary-score {
  margin: 0;
}

.site-store .store-review__summary-count {
  color: #131313;
  font-size: clamp(1rem, var(--font-20), 1.25rem);
  font-weight: 400;
  line-height: 1.3;
}

.site-store .store-review__summary-star {
  display: block;
  width: 20px;
  height: 20px;
  flex: 0 0 20px;
}

.site-store .store-review__summary-score {
  display: flex;
  align-items: baseline;
  gap: 2px;
  font-family: var(--font-en);
  font-size: clamp(1.5rem, var(--vw-32), 2rem);
  font-weight: 400;
  line-height: 1;
}

.site-store .store-review__summary-value {
  color: #131313;
}

.site-store .store-review__summary-max {
  color: #a9a9a9;
}

.site-store .store-review__photos-head,
.site-store .store-review__list-head {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: max(1rem, var(--vw-16));
}

.site-store .store-review__photos-head {
  justify-content: flex-start;
  gap: max(1rem, var(--vw-20));
  margin-bottom: max(1.25rem, var(--vw-30));
}

.site-store .store-review__more,
.site-store .store-review__photo-more,
.site-store .store-review__sort-btn,
.site-store .store-review__pager-nav,
.site-store .store-review__pager-num,
.site-store .store-review__action {
  border: 0;
  background: transparent;
  font-family: inherit;
  cursor: pointer;
}

.site-store .store-review__more {
  display: inline-flex;
  align-items: center;
  gap: 6px;
  padding: 0;
  color: #131313;
  font-size: max(0.8125rem, var(--font-14));
  line-height: 1.3;
}

.site-store .store-review__more-icon {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 6px;
  height: 10px;
  flex: 0 0 6px;
}

.site-store .store-review__more-icon img {
  display: block;
  width: 10px;
  height: 6px;
  transform: rotate(-90deg);
}

.site-store .store-review__photo-list {
  display: flex;
  align-items: center;
  gap: max(0.5rem, var(--vw-10));
  margin: 0 0 max(1.5rem, var(--vw-30));
  padding: 0 0 max(1.25rem, var(--vw-20));
  list-style: none;
  border-bottom: 2px solid #131313;
  overflow-x: auto;
}

.site-store .store-review__photo {
  flex: 0 0 120px;
  width: 120px;
  height: 120px;
  background: #d9d9d9;
}

.site-store .store-review__photo.is-extra,
.site-store .store-review.is-photos-open .store-review__photo--more {
  display: none;
}

.site-store .store-review.is-photos-open .store-review__photo.is-extra {
  display: block;
}

.site-store .store-review__photo img,
.site-store .store-review__thumb {
  display: block;
  width: 100%;
  height: 100%;
  object-fit: cover;
}

.site-store .store-review__photo-more {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 120px;
  height: 120px;
  color: #5e5e5e;
  font-size: max(0.8125rem, var(--font-14));
  font-weight: 500;
}

.site-store .store-review__list-head {
  margin-bottom: max(1.25rem, var(--vw-30));
  padding-bottom: max(1.25rem, var(--vw-20));
  border-bottom: 1px solid #dedede;
}

.site-store .store-review__sort {
  display: flex;
  align-items: center;
  gap: max(0.75rem, var(--vw-16));
  flex-shrink: 0;
}

.site-store .store-review__sort-btn {
  padding: 0;
  color: #5e5e5e;
  font-size: max(0.8125rem, var(--font-14));
  line-height: 1.3;
  text-decoration: none;
}

.site-store .store-review__sort-btn.is-active {
  color: #131313;
  text-decoration: underline;
  text-underline-offset: 2px;
}

.site-store .store-review__items {
  margin: 0;
  padding: 0;
  list-style: none;
}

.site-store .store-review__item {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: max(1.25rem, var(--vw-20));
  padding: max(1.25rem, var(--vw-20));
  border-bottom: 1px solid #dedede;
}

.site-store .store-review__item-main {
  display: flex;
  align-items: flex-start;
  gap: max(1.5rem, var(--vw-60));
  min-width: 0;
  flex: 1 1 auto;
}

.site-store .store-review__score {
  display: inline-flex;
  align-items: center;
  gap: 6px;
  margin: 0;
  color: #131313;
  font-size: max(0.8125rem, var(--font-14));
  line-height: 1;
  flex-shrink: 0;
}

.site-store .store-review__score img {
  display: block;
  width: 14px;
  height: 14px;
  flex: 0 0 14px;
}

.site-store .store-review__copy {
  display: flex;
  flex-direction: column;
  gap: max(0.75rem, var(--vw-20));
  width: min(100%, 20.5rem);
  min-width: 0;
}

.site-store .store-review__text,
.site-store .store-review__reply,
.site-store .store-review__user,
.site-store .store-review__date,
.site-store .store-review__actions {
  margin: 0;
}

.site-store .store-review__text {
  color: #131313;
  font-size: max(0.875rem, var(--font-16));
  font-weight: 400;
  line-height: 1.5;
}

.site-store .store-review__reply,
.site-store .store-review__user {
  color: #5e5e5e;
  font-size: max(0.875rem, var(--font-16));
  line-height: 1.5;
}

.site-store .store-review__reply-label {
  font-weight: 500;
}

.site-store .store-review__item-side {
  display: flex;
  align-items: center;
  gap: max(1.5rem, var(--vw-40));
  flex-shrink: 0;
}

.site-store .store-review__thumb {
  width: 80px;
  height: 80px;
  flex: 0 0 80px;
  background: #d9d9d9;
}

.site-store .store-review__date {
  color: #131313;
  font-size: max(0.875rem, var(--font-16));
  line-height: 1.4;
  white-space: nowrap;
}

.site-store .store-review__actions {
  display: flex;
  gap: max(0.75rem, var(--vw-12));
}

.site-store .store-review__action {
  padding: 0;
  color: #5e5e5e;
  font-size: max(0.75rem, var(--font-14));
  text-decoration: underline;
}

.site-store .store-review__pager {
  margin-top: max(2.5rem, var(--vw-60));
}

@media (min-width: 1200px) {
  .site-store .store-review__item-side {
    gap: max(2rem, var(--vw-120));
  }
}

@media (max-width: 767px) {
  .site-store .store-review__item,
  .site-store .store-review__item-side,
  .site-store .store-review__list-head {
    flex-direction: column;
    align-items: flex-start;
  }

  .site-store .store-review__item-main {
    gap: 16px;
  }

  .site-store .store-review__copy {
    width: 100%;
  }

  .site-store .store-review__photo,
  .site-store .store-review__photo-more {
    flex-basis: 96px;
    width: 96px;
    height: 96px;
  }
}

.site-store .page-shop-item .pview-info-clamp.is-collapsed .pview-info-clamp__fade {
  background: linear-gradient(180deg, rgba(255, 255, 255, 0) 0%, #fff 72%);
}

.site-store .page-shop-item .pview-info-clamp__more {
  max-width: 400px;
  border-color: #131313;
  color: #131313;
}

.site-store .store-item-section--detail .pview-info__lead {
  margin: 0 0 max(1.5rem, var(--vw-24));
  color: #131313;
  font-size: max(1rem, var(--font-16));
  line-height: 1.6;
}

.site-store .store-item-notice {
  border-top: 1px solid #dedede;
  border-bottom: 1px solid #dedede;
}

.site-store .store-item-notice__row {
  display: grid;
  grid-template-columns: minmax(8.75rem, 13.75rem) minmax(0, 1fr);
  gap: max(1rem, var(--vw-16));
  padding: max(1.25rem, var(--vw-20));
  border-bottom: 1px solid #dedede;
}

.site-store .store-item-notice__row:last-child {
  border-bottom: 0;
}

.site-store .store-item-notice__row dt {
  margin: 0;
  color: #131313;
  font-size: max(0.875rem, var(--font-14));
  font-weight: 500;
  line-height: 1.5;
}

.site-store .store-item-notice__row dd {
  margin: 0;
  color: #131313;
  font-size: max(0.875rem, var(--font-14));
  line-height: 1.5;
}

.site-store .store-item-notice__disclaimer {
  margin: max(1.875rem, var(--vw-30)) 0 0;
  padding-top: max(1.875rem, var(--vw-30));
  border-top: 1px solid #dedede;
  color: #131313;
  font-size: max(0.875rem, var(--font-14));
  line-height: 1.6;
}

.site-store .store-item-ship-block + .store-item-ship-block {
  margin-top: max(1.5rem, var(--vw-24));
}

.site-store .page-shop-item #sit_info .store-item-reco,
.site-store .store-item-reco {
  background: #f2f4f5;
  /* Figma 11804:10166 — 상하 140, footer 앞은 200 */
  padding-top: max(5.5rem, var(--vw-140));
  padding-bottom: max(7.5rem, var(--vw-200));
  padding-left: 0;
  padding-right: 0;
}

.site-store .store-item-reco .pview-reco__head {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: max(1rem, var(--vw-16));
  margin-bottom: max(1.875rem, var(--vw-30));
}

.site-store .store-item-reco .pview-reco__title {
  margin: 0;
  color: #000;
  font-family: var(--font-en);
  font-size: clamp(1.5rem, var(--font-28), 1.75rem);
  font-weight: 700;
  line-height: 1.2;
}

.site-store .store-item-reco .pview-slider-nav {
  display: flex;
  align-items: center;
  gap: max(0.5rem, var(--vw-10));
  flex-shrink: 0;
}

.site-store .store-item-reco .pview-slider__btn {
  position: relative;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 40px;
  height: 40px;
  padding: 0;
  border: 0;
  background: transparent;
  cursor: pointer;
}

.site-store .store-item-reco .pview-slider__ring {
  display: block;
  width: 40px;
  height: 40px;
}

.site-store .store-item-reco .pview-slider__chevron {
  position: absolute;
  top: 50%;
  left: 50%;
  width: 13px;
  height: 8px;
  transform: translate(-50%, -50%) rotate(90deg);
}

.site-store .store-item-reco .pview-slider__btn:disabled {
  cursor: default;
}

.site-store .store-item-reco .pview-slider__btn.is-active .pview-slider__ring {
  filter: brightness(0.38);
}

.site-store .store-item-reco .pview-slider__btn.is-active .pview-slider__chevron {
  filter: brightness(0);
}

.site-store .store-item-reco .pview-slider__btn--next .pview-slider__chevron {
  transform: translate(-50%, -50%) rotate(-90deg);
}

.site-store .store-item-section--docs {
  padding-bottom: 0;
}

.site-store .store-item-section__title {
  margin: 0 0 max(1.5rem, var(--vw-24));
  color: #131313;
  font-size: clamp(1.25rem, var(--font-24), 1.5rem);
  font-weight: 500;
  line-height: 1.2;
}

.site-store .store-item-detail {
  min-width: 0;
  max-width: 100%;
  overflow-x: clip;
}
.site-store .store-item-detail :where(img, video, iframe, embed, object, svg, table) {
  max-width: 100% !important;
  height: auto;
}
.site-store .store-item-detail table {
  width: 100% !important;
}
.site-store .store-item-detail :where(img, video, svg) {
  height: auto !important;
}
.site-store .store-item-detail img,
.site-store .store-item-detail video {
  display: block;
}
.site-store .store-item-detail :where(iframe, embed, object, video) {
  display: block;
  width: 100%;
  border: 0;
}
.site-store .store-item-detail video,
.site-store .store-item-detail iframe[src*="youtube"],
.site-store .store-item-detail iframe[src*="youtu.be"],
.site-store .store-item-detail iframe[src*="youtube-nocookie"],
.site-store .store-item-detail iframe[src*="vimeo"],
.site-store .store-item-detail iframe[data-src*="youtube"],
.site-store .store-item-detail iframe[data-src*="vimeo"] {
  aspect-ratio: 16 / 9;
  height: auto !important;
}
.site-store .store-item-detail :where(div, p, figure, span) {
  max-width: 100%;
}

.site-store .store-item-docs {
  display: flex;
  flex-wrap: wrap;
  gap: max(1.25rem, var(--vw-20)); /* 카드 간 20 — Figma 11804:9717 */
  margin: 0;
  padding: 0;
  list-style: none;
}

.site-store .store-item-docs .pview-docs__item {
  gap: max(1.25rem, var(--vw-20)); /* 커버 ↔ 타이틀 20 */
}

.site-store .store-item-docs .pview-docs__cover {
  box-sizing: border-box;
  width: 160px;
  height: 224px;
  aspect-ratio: auto;
  border: 1px solid #c8ced3;
  overflow: hidden;
  background: #fff;
}

.site-store .store-item-docs .pview-docs__cover img {
  display: block;
  width: 100%;
  height: 100%;
  object-fit: contain;
}

.site-store .store-item-docs .pview-docs__name {
  display: block;
  width: 160px;
  margin: 0;
  color: #131313;
  font-size: max(1rem, var(--font-16));
  font-weight: 400;
  line-height: normal;
  text-align: center;
}

.site-store .store-item-aside {
  position: sticky;
  /* 스티키 탭(제품정보…) 아래 + 여백 — 헤더에 붙지 않도록 */
  top: calc(var(--store-sticky-top) + var(--store-tab-bar));
  align-self: start;
  overflow-anchor: none;
}
.site-store .store-item-tab-panels,
.site-store .store-item-split {
  overflow-anchor: none;
}

.site-store .store-item-aside__card {
  display: flex;
  flex-direction: column;
  gap: max(1.25rem, var(--vw-20));
  padding: max(2.5rem, var(--vw-50)) max(1.25rem, var(--vw-30));
  border: 1px solid #a9a9a9;
  border-radius: 0;
  background: #fff;
}

.site-store .store-item-aside__status {
  margin: 0;
  padding: max(1.25rem, var(--vw-20));
  background: #fff6f6;
  text-align: center;
}

.site-store .store-item-aside__status-text {
  margin: 0;
  color: #a60002;
  font-size: max(0.9375rem, var(--font-16));
  font-weight: 600;
  line-height: 1.5;
}



.site-store .store-item-aside__head {
  display: flex;
  flex-direction: column;
  gap: max(0.625rem, var(--vw-10));
}

.site-store .store-item-aside__title {
  margin: 0;
  padding: 0;
  border: 0;
  color: #131313;
  font-size: max(1.125rem, var(--font-20));
  font-weight: 500;
  line-height: 1.2;
}

.site-store .store-item-aside__head::after {
  content: "";
  display: block;
  width: 100%;
  height: 2px;
  background: #131313;
}

/* app.mall .sit_side_option 리셋 */
.site-store .store-item-aside .sit_side_option {
  padding: 0;
  margin: 0;
}

.site-store .store-item-aside__opts label,
.site-store .store-item-aside__opts h3 {
  position: absolute;
  overflow: hidden;
  clip: rect(0, 0, 0, 0);
  clip-path: polygon(0 0, 0 0, 0 0);
  width: 1px;
  height: 1px;
  margin: -1px;
}

.site-store .store-item-aside__opts .get_side_item_options + .get_side_item_options {
  margin-top: max(0.625rem, var(--vw-10));
}

.site-store .store-item-aside__select,
.site-store .store-item-aside__opts select {
  display: block;
  width: 100%;
  min-height: 61px;
  margin: 0;
  padding: max(1.25rem, var(--vw-20));
  padding-right: max(2.5rem, var(--vw-40));
  border: 1px solid #dedede;
  border-radius: 4px;
  background-color: #fff;
  color: #131313;
  font-size: max(1rem, var(--font-16));
  line-height: 1.2;
  appearance: none;
  -webkit-appearance: none;
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='10' viewBox='0 0 16 10' fill='none'%3E%3Cpath d='M1 1L8 8L15 1' stroke='%23131313' stroke-width='1.5'/%3E%3C/svg%3E");
  background-repeat: no-repeat;
  background-position: right max(1.25rem, var(--vw-20)) center;
  background-size: 16px 10px;
  box-sizing: border-box;
  cursor: pointer;
}

.site-store .store-item-aside__select.on,
.site-store .store-item-aside__opts select.on {
  border-color: #131313;
  color: #131313;
}

.site-store .store-item-aside__opts--supply {
  margin-top: max(0.625rem, var(--vw-10));
}

/* app.mall .sit_sel_option / #sit_opt_added 리셋 — 사이드 패널 전용 */
.site-store .store-item-aside__selected {
  font-size: inherit;
  flex-grow: 0;
}

.site-store .store-item-aside__selected::after {
  display: none;
}

.site-store .store-item-aside__selected .sit_opt_added {
  list-style: none;
  margin: 0;
  padding: 0;
}

.site-store .store-item-aside__selected .opt_name {
  display: flex;
  align-items: flex-start;
  justify-content: space-between;
  gap: max(0.75rem, var(--vw-12));
  float: none;
  margin: 0;
  width: 100%;
  font-weight: 400;
  color: #131313;
  font-size: max(1rem, var(--font-16));
  line-height: 1.2;
  text-align: left;
}

.site-store .store-item-aside__selected .sit_opt_subj {
  display: block;
  text-align: left;
}

.site-store .page-shop-item .store-item-aside__selected.sit_sel_option .sit_opt_added > li,
.site-store .page-shop-item .store-item-aside__selected.sit_sel_option .sit_opt_added > li.store-item-aside__item {
  display: flex;
  flex-direction: column;
  align-items: stretch;
  gap: max(1.25rem, var(--vw-20));
  margin: 0 0 max(0.75rem, var(--vw-12));
  padding: max(1.25rem, var(--vw-20));
  border: 0;
  border-radius: 4px;
  background: #f0f0f0;
}

.site-store .page-shop-item .store-item-aside__selected.sit_sel_option .opt_count {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: max(0.75rem, var(--vw-12));
  float: none;
  width: 100%;
  margin: 0;
  margin-left: 0;
  padding: 0;
  padding-left: 0;
  text-align: left;
}

.site-store .store-item-aside__selected .sit_opt_added > li + li {
  margin-top: max(0.625rem, var(--vw-10));
}

.site-store .page-shop-item .store-item-aside__selected.sit_sel_option .sit_opt_added > li + li {
  margin-top: max(0.75rem, var(--vw-12));
}

.site-store .store-item-aside__selected .sit_opt_added > li::after {
  display: none;
}

.site-store .store-item-aside__selected .store-qty-counter {
  display: inline-flex;
  align-items: center;
  flex-shrink: 0;
}

.site-store .store-item-aside__selected .store-qty-btn,
.site-store .store-item-aside__selected .sit_qty_minus,
.site-store .store-item-aside__selected .sit_qty_plus {
  position: static;
  top: auto;
  left: auto;
  right: auto;
  float: none;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 36px;
  height: 36px;
  margin: 0;
  padding: 0;
  border: 0;
  border-radius: 0;
  background-color: transparent;
  background-repeat: no-repeat;
  background-position: center;
  background-size: 36px 36px;
  color: transparent;
  font-size: 0;
  line-height: 1;
  cursor: pointer;
}

.site-store .store-item-aside__selected .store-qty-btn--minus,
.site-store .store-item-aside__selected .sit_qty_minus.store-qty-btn--minus {
  background-image: url("/assets/images/products/detail/qty-minus.svg");
}

.site-store .store-item-aside__selected .store-qty-btn--plus,
.site-store .store-item-aside__selected .sit_qty_plus.store-qty-btn--plus {
  position: relative;
  background-image: url("/assets/images/products/detail/qty-plus.svg");
}

.site-store .store-item-aside__selected .store-qty-btn .fa,
.site-store .store-item-aside__selected .store-qty-btn--minus::before,
.site-store .store-item-aside__selected .store-qty-btn--plus::before,
.site-store .store-item-aside__selected .store-qty-btn--plus::after {
  content: none;
  display: none;
}

.site-store .store-item-aside__selected .store-qty-input,
.site-store .store-item-aside__selected .opt_count .input {
  float: none;
  width: 36px;
  height: 36px;
  margin: 0;
  padding: 0;
  border: 1px solid #dedede;
  border-left: 0;
  border-right: 0;
  border-radius: 0;
  background: #fff;
  color: #131313;
  font-size: max(0.875rem, var(--font-14));
  line-height: 36px;
  text-align: center;
  box-sizing: border-box;
}

.site-store .store-item-aside__selected .sit_opt_prc {
  float: none;
  display: block;
  width: auto;
  margin: 0;
  margin-left: auto;
  padding: 0;
  color: #dd2626;
  font-size: max(1.5rem, var(--font-28));
  font-weight: 700;
  line-height: 1.2;
  text-align: right;
  white-space: nowrap;
}

.site-store .store-item-aside__selected .sit_opt_added > li:last-child {
  margin-bottom: 0;
}

.site-store .store-item-aside__selected .sit_opt_del {
  position: relative;
  display: inline-flex;
  flex: 0 0 16px;
  align-items: center;
  justify-content: center;
  width: 16px;
  height: 16px;
  margin-left: auto;
  padding: 0;
  border: 0;
  background: transparent;
  cursor: pointer;
}

.site-store .store-item-aside__selected .sit_opt_del .btn-close.cross {
  position: relative;
  display: block;
  width: 14px;
  height: 14px;
}

.site-store .store-item-aside__selected:empty,
.site-store .store-item-aside__selected:not(:has(.sit_opt_added > li)) {
  display: none;
}

.site-store .layer-popup.pop-status {
  z-index: 10050;
}

.site-store .store-alert .pop-wrap {
  width: min(90vw, 400px);
  max-width: 400px;
  background: #fff;
  border: 1px solid #dedede;
  box-shadow: 0 8px 32px rgba(19, 19, 19, 0.12);
  transform: translate(-50%, -50%);
  margin: 0 !important;
}

.site-store .store-alert .pop-content {
  min-height: 0;
  padding: max(2rem, var(--vw-40)) max(1.5rem, var(--vw-30));
  text-align: center;
}

.site-store .store-alert__msg {
  margin: 0;
  color: #131313;
  font-size: max(1rem, var(--font-16));
  font-weight: 500;
  line-height: 1.6;
  white-space: pre-line;
}

.site-store .store-alert .pop-footer {
  display: flex;
  border-top: 1px solid #dedede;
}

.site-store .store-alert .store-alert__confirm {
  flex: 1;
  height: max(3rem, var(--vw-50));
  margin: 0;
  padding: 0;
  border: 0;
  background: #131313;
  color: #fff;
  font-size: max(1rem, var(--font-16));
  font-weight: 500;
  cursor: pointer;
}

.site-store .store-alert .store-alert__confirm:hover,
.site-store .store-alert .store-alert__confirm:focus-visible {
  background: #2a2a2a;
}

.site-store .page-shop-item .store-item-aside__cta.pview-cta {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: max(0.75rem, var(--vw-12)) 0;
  width: 100%;
  margin-top: 0;
}

.site-store .page-shop-item .store-item-aside__cta .pview-btn,
.site-store .page-shop-item .store-item-aside__cta .sit_btn_cart,
.site-store .page-shop-item .store-item-aside__cta .sit_btn_buy {
  width: 100%;
  max-width: none;
  margin: 0;
  flex: none;
  min-height: 48px;
  padding: 0 max(1rem, var(--vw-16));
  border: 0;
  border-radius: 0;
  font-size: max(1rem, var(--font-16));
  font-weight: 500;
  line-height: 1.125;
  cursor: pointer;
  box-sizing: border-box;
}

.site-store .page-shop-item .store-item-aside__cta .pview-btn--ghost,
.site-store .page-shop-item .store-item-aside__cta .sit_btn_cart {
  border-radius: 4px 0 0 4px;
  background: #121517;
  color: #fff;
}

.site-store .page-shop-item .store-item-aside__cta .pview-btn--solid,
.site-store .page-shop-item .store-item-aside__cta .sit_btn_buy {
  border-radius: 0 4px 4px 0;
  background: #00b894;
  color: #fff;
}

.site-store .page-shop-item .store-item-aside__cta .store-naver-btn {
  grid-column: 1 / -1;
  min-height: 48px;
  border-radius: 4px;
}

.site-store .page-shop-item .store-item-aside__cta .store-naverpay {
  grid-column: 1 / -1;
  margin-top: max(0.5rem, var(--vw-8));
}

.site-store .page-shop-item .store-item-aside__cta--naver-only {
  grid-template-columns: 1fr;
}

.site-store .store-item-reco .container {
  min-width: 0;
}

.site-store .store-item-reco__track {
  display: grid;
  grid-auto-flow: column;
  grid-auto-columns: 272px;
  gap: max(1rem, var(--vw-20));
  width: 100%;
  min-width: 0;
  max-width: 100%;
  margin: 0;
  padding: 0;
  list-style: none;
  overflow-x: auto;
  overscroll-behavior-x: contain;
  scroll-snap-type: x mandatory;
  -ms-overflow-style: none;
  scrollbar-width: none;
}

.site-store .store-item-reco__track.is-dragging {
  scroll-snap-type: none;
  cursor: grabbing;
}

.site-store .store-item-reco__track::-webkit-scrollbar {
  display: none;
}

.site-store .store-item-reco__item {
  scroll-snap-align: start;
}

@media (max-width: 1199px) {
  .site-store .page-shop-item .pview-hero__grid {
    grid-template-columns: 1fr;
  }

  .site-store .store-item-split {
    grid-template-columns: 1fr;
  }

  .site-store .store-item-tab-panels {
    min-height: 0;
  }

  .site-store .store-item-aside {
    display: none;
  }

  .site-store .store-item-summary__opts {
    max-width: none;
  }

  .site-store .store-item-summary__opts-field {
    max-width: none;
  }

  .site-store .store-item-summary__cta {
    max-width: none;
  }

  .site-store .store-item-summary__cta .pview-btn {
    max-width: none;
  }
}

@media (max-width: 767px) {
  .site-store .store-item-topbar__inner {
    flex-direction: column;
    align-items: flex-start;
  }

  .site-store .store-item-tabs .pview-tabs__link {
    min-height: 48px;
    font-size: max(0.8125rem, var(--font-14));
  }

  .site-store .store-item-summary__opts {
    flex-direction: column;
    align-items: flex-start;
    gap: max(0.75rem, var(--vw-12));
  }

  .site-store .store-item-summary__ship-dd {
    flex-direction: row;
    align-items: center;
    flex-wrap: wrap;
  }
}


/* --------------------------------------------------------------------------
 * STORE-028 장바구니 (11824:1867 / list 11835:2332)
 * 소유권: site-store.css only. app.mall.css CART 규칙은 아래 reset으로 무력화.
 * -------------------------------------------------------------------------- */

/* --- mall CART leak reset (app.mall.css) --- */
.site-store .store-cart .sod-wrap,
.site-store .store-cart .store-cart__form {
  display: grid;
  grid-template-columns: minmax(0, 1fr) max(18rem, 23.95833vw); /* 460 @1920 */
  gap: max(2.5rem, var(--vw-80));
  align-items: start;
  margin: 0;
  width: 100%;
}

.site-store .store-cart .sod-cont,
.site-store .store-cart .store-cart__main {
  flex: unset;
  min-width: 0;
  width: auto;
}

.site-store .store-cart .sod-panel,
.site-store .store-cart .store-cart__aside {
  flex: unset;
  width: 100%;
  margin: 0;
  padding: 0;
  position: sticky;
  top: max(5.5rem, var(--vw-100));
}

.site-store .store-cart .sod-panel .inner {
  position: static;
  top: auto;
  border: 0;
  padding: 0;
}

.site-store .store-cart .item-top {
  height: auto;
  justify-content: flex-start;
  background: transparent;
  color: #131313;
  padding: 0;
  margin: 0 0 max(1.875rem, var(--vw-30));
}

.site-store .store-cart .item-top h4,
.site-store .store-cart .item-top .more button,
.site-store .store-cart .item-top .check-box label {
  color: inherit;
}

.site-store .store-cart .cart-item-wrap .item {
  display: flex;
  border: 0;
  border-bottom: 1px solid #dedede;
}

.site-store .store-cart #sod_bsk_tot .sod_bsk_cnt,
.site-store .store-cart #sod_bsk_tot .sod_bsk_item,
.site-store .store-cart #sod_bsk_tot .sod_bsk_dvr {
  border: 0;
  margin: 0;
  padding: 0;
}

.site-store .store-cart #sod_bsk_tot .sod_bsk_cnt strong,
.site-store .store-cart .sod_bsk_cnt strong,
.site-store .store-cart .store-cart__summary-total-val {
  color: #131313;
  font-size: clamp(1.25rem, var(--font-24), 1.5rem);
  font-weight: 700;
}

.site-store .store-cart #sod_bsk_act {
  text-align: left;
  margin-top: 0;
}

.site-store .store-cart #sod_bsk_act .btn,
.site-store .store-cart #sod_bsk_act .store-cart__buy {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 100%;
  height: auto;
  min-height: 48px;
  padding: 0 16px;
  line-height: 1.125;
  border: 0;
  border-radius: 4px;
  background: #00b894;
  color: #fff;
  font-size: max(1rem, var(--font-16));
  font-weight: 500;
  cursor: pointer;
}

/* --- page shell --- */
.site-store .page-shop-cart.store-cart,
.site-store .store-cart.page-cart {
  padding-top: max(3.75rem, var(--vw-60));
  padding-bottom: 0;
}

.site-store .store-cart__container {
  padding-bottom: max(7.5rem, var(--vw-200)); /* 마지막 섹션 ↔ footer */
}

.site-store .store-cart__title {
  margin: 0 0 max(3.125rem, var(--vw-60));
  color: #131313;
  font-size: clamp(1.75rem, var(--font-36), 2.25rem);
  font-weight: 700;
  line-height: 1.2;
}

.site-store .store-cart #sod_bsk.store-cart__layout {
  display: block;
  width: 100%;
  position: relative;
}

.site-store .store-cart__toolbar {
  display: flex;
  align-items: center;
  gap: max(1rem, var(--vw-16));
}

.site-store .store-cart__toolbar-sep {
  width: 1px;
  height: 14px;
  background: #dedede;
}

.site-store .store-cart__toolbar-btn {
  padding: 0;
  border: 0;
  background: transparent;
  color: #131313;
  font-size: max(1rem, var(--font-16));
  line-height: 1.2;
  cursor: pointer;
}

.site-store .store-cart__toolbar-btn:hover {
  text-decoration: underline;
}

.site-store .store-cart__check {
  display: inline-flex;
  align-items: center;
  gap: 6px;
  margin: 0;
  cursor: pointer;
  flex-shrink: 0;
}

.site-store .store-cart__check-input {
  position: absolute;
  width: 1px;
  height: 1px;
  margin: -1px;
  padding: 0;
  overflow: hidden;
  clip: rect(0, 0, 0, 0);
  border: 0;
}

.site-store .store-cart__check-ui {
  box-sizing: border-box;
  width: 20px;
  height: 20px;
  border: 1px solid #a9a9a9;
  border-radius: 4px;
  background: #fff;
  flex-shrink: 0;
}

.site-store .store-cart__check-input:checked + .store-cart__check-ui {
  border-color: #246beb;
  background: #246beb url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='0 0 12 12' fill='none'%3E%3Cpath d='M2 6L5.63158 9.5L10.5 2' stroke='white' stroke-width='1.6' stroke-linecap='round'/%3E%3C/svg%3E") center / 12px 12px no-repeat;
}

.site-store .store-cart__check-label {
  color: #131313;
  font-size: max(1rem, var(--font-16));
  line-height: 1.2;
}

.site-store .store-cart__items {
  list-style: none;
  margin-top: 30px;
  padding: 0;
  border-top: 2px solid #131313;
}

/* row: [checkbox+body] —60— X  (Figma 11835:2243) */
.site-store .store-cart__item {
  position: relative;
  align-items: flex-start;
  justify-content: flex-end;
  gap: max(3.75rem, var(--vw-60));
  padding: max(1.875rem, var(--vw-30)) 0;
}

.site-store .store-cart__item-main {
  display: flex;
  flex: 1 1 auto;
  align-items: center;
  gap: max(1.25rem, var(--vw-20));
  min-width: 0;
}

.site-store .store-cart__item-body {
  display: flex;
  flex: 1 1 auto;
  align-items: center;
  gap: max(1.875rem, var(--vw-30));
  min-width: 0;
}

.site-store .store-cart__product {
  display: flex;
  flex: 1 1 auto;
  align-items: center;
  gap: max(1.25rem, var(--vw-20));
  min-width: 0;
}

.site-store .store-cart__thumb {
  display: block;
  flex-shrink: 0;
  width: max(6.25rem, var(--vw-160));
  height: max(6.25rem, var(--vw-160));
  border: 1px solid #c8ced3;
  overflow: hidden;
  background: #fff;
}

.site-store .store-cart__thumb img,
.site-store .store-cart__thumb a img {
  display: block;
  width: 100%;
  height: 100%;
  object-fit: contain;
}

.site-store .store-cart__meta {
  display: flex;
  flex-direction: column;
  gap: max(0.625rem, var(--vw-10));
  flex: 0 1 auto;
  width: 100%;
  max-width: max(18rem, var(--vw-480)); /* 480 @1920 */
  min-width: 0;
}

.site-store .store-cart__brand {
  color: #131313;
  font-family: var(--font-en);
  font-size: max(1rem, var(--font-16));
  font-weight: 700;
  line-height: 1.2;
  text-decoration: underline;
  text-underline-offset: 2px;
}

.site-store .store-cart__name {
  color: #131313;
  font-size: max(1rem, var(--font-16));
  font-weight: 400;
  line-height: 1.4;
  text-decoration: none;
}

.site-store .store-cart__name strong {
  font-weight: 400;
}

.site-store .store-cart__option {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: max(0.625rem, var(--vw-10));
}

.site-store .store-cart__option-text {
  margin: 0;
  color: #5e5e5e;
  font-size: max(0.875rem, var(--font-14));
  line-height: 1.2;
}

.site-store .store-cart__option-text strong {
  color: #5e5e5e;
  font-weight: 700;
}

.site-store .store-cart__opt-btn,
.site-store .store-cart .mod_options.store-cart__opt-btn {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  padding: 5px 8px;
  border: 1px solid #a9a9a9;
  border-radius: 4px;
  background: #fff;
  color: #394147;
  font-size: max(0.75rem, var(--font-12));
  line-height: 1.2;
  cursor: pointer;
}

.site-store .store-cart__opt-legacy {
  display: none;
}

.site-store .store-cart__price {
  display: flex;
  flex-direction: column;
  gap: 6px;
  margin-top: 0;
}

.site-store .store-cart__price-old {
  margin: 0;
  color: #5e5e5e;
  font-size: max(0.875rem, var(--font-14));
  line-height: 1.2;
  text-decoration: line-through;
}

.site-store .store-cart__price-now {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: 5px;
  margin: 0;
  color: #131313;
  font-size: clamp(1.125rem, var(--font-20), 1.25rem);
  font-weight: 700;
  line-height: 1.2;
}

.site-store .store-cart__price-now--tel {
  color: #131313;
}

.site-store .store-cart__disc {
  color: #ff5a4f;
  letter-spacing: -0.03em;
}

.site-store .store-cart__price-now strong {
  color: #dd2626;
  font-weight: 700;
}

.site-store .store-cart__price-now--tel,
.site-store .store-cart__price-now--tel strong {
  color: #131313;
}

.site-store .store-cart__qty {
  display: inline-flex;
  align-items: center;
  flex-shrink: 0;
}

.site-store .store-cart__qty-btn {
  display: inline-flex;
  width: 36px;
  height: 36px;
  padding: 0;
  border: 0;
  background: transparent;
  cursor: pointer;
}

.site-store .store-cart__qty-btn img {
  display: block;
  width: 36px;
  height: 36px;
}

.site-store .store-cart__qty-val {
  box-sizing: border-box;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 36px;
  height: 36px;
  border: 1px solid #dedede;
  border-left: 0;
  border-right: 0;
  background: #fff;
  color: #131313;
  font-size: max(0.875rem, var(--font-14));
  line-height: 1;
}

/* 옵션변경 레이어 — 수량 +/- = 상품 상세와 동일 (36px, radius 6) */
.site-store #mod_option_frm .opt_count {
  display: flex;
  align-items: center;
  gap: max(0.75rem, var(--vw-12));
  text-align: left;
  margin-left: 0;
  padding-left: 0;
  justify-content: flex-start;
}

.site-store #mod_option_frm .store-qty-counter {
  display: inline-flex;
  align-items: center;
  flex-shrink: 0;
  float: none;
}

.site-store #mod_option_frm .store-qty-btn,
.site-store #mod_option_frm .sit_qty_minus,
.site-store #mod_option_frm .sit_qty_plus {
  position: static;
  top: auto;
  left: auto;
  right: auto;
  float: none;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 36px;
  height: 36px;
  margin: 0;
  padding: 0;
  border: 0;
  border-radius: 0;
  background-color: transparent;
  background-repeat: no-repeat;
  background-position: center;
  background-size: 36px 36px;
  color: transparent;
  font-size: 0;
  line-height: 1;
  cursor: pointer;
}

.site-store #mod_option_frm .store-qty-btn--minus,
.site-store #mod_option_frm .sit_qty_minus.store-qty-btn--minus {
  background-image: url("/assets/images/products/detail/qty-minus.svg");
}

.site-store #mod_option_frm .store-qty-btn--plus,
.site-store #mod_option_frm .sit_qty_plus.store-qty-btn--plus {
  position: relative;
  background-image: url("/assets/images/products/detail/qty-plus.svg");
}

.site-store #mod_option_frm .store-qty-btn .fa,
.site-store #mod_option_frm .sit_qty_minus .fa,
.site-store #mod_option_frm .sit_qty_plus .fa,
.site-store #mod_option_frm .store-qty-btn--minus::before,
.site-store #mod_option_frm .sit_qty_minus.store-qty-btn--minus::before,
.site-store #mod_option_frm .store-qty-btn--plus::before,
.site-store #mod_option_frm .store-qty-btn--plus::after,
.site-store #mod_option_frm .sit_qty_plus.store-qty-btn--plus::before,
.site-store #mod_option_frm .sit_qty_plus.store-qty-btn--plus::after {
  content: none;
  display: none;
}

.site-store #mod_option_frm .store-qty-input,
.site-store #mod_option_frm #sit_opt_added .store-qty-input,
.site-store #mod_option_frm #sit_opt_added .store-qty-counter .input {
  float: none;
  box-sizing: border-box;
  width: 36px;
  height: 36px;
  margin: 0;
  padding: 0;
  border: 1px solid #dedede;
  border-left: 0;
  border-right: 0;
  border-radius: 0;
  background: #fff;
  color: #131313;
  font-size: max(0.875rem, var(--font-14));
  line-height: 36px;
  text-align: center;
}

.site-store #mod_option_frm #sit_opt_added .sit_opt_prc {
  float: none;
  margin-left: 0;
  padding: 0;
  line-height: 36px;
}

.site-store #mod_option_frm #sit_opt_added .sit_opt_del {
  float: none;
  position: static;
  top: auto;
  right: auto;
  margin-left: auto;
}

/* 옵션변경 닫기 X — Font Awesome 대신 CSS */
.site-store #mod_option_frm .btn_confirm .btn_close,
.site-store #mod_option_frm #mod_option_close {
  position: absolute;
  top: 0;
  right: 0;
  z-index: 2;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 50px;
  height: 50px;
  margin: 0;
  padding: 0;
  border: 0;
  border-radius: 0;
  background: transparent;
  cursor: pointer;
  font-size: 0;
  line-height: 0;
  color: transparent;
}

.site-store #mod_option_frm .btn_confirm .btn_close:hover,
.site-store #mod_option_frm #mod_option_close:hover {
  background: #f3f3f3;
}

.site-store #mod_option_frm .btn_confirm .btn_close .fa,
.site-store #mod_option_frm #mod_option_close .fa {
  display: none;
}

.site-store #mod_option_frm .btn_confirm .btn_close::before,
.site-store #mod_option_frm .btn_confirm .btn_close::after,
.site-store #mod_option_frm #mod_option_close::before,
.site-store #mod_option_frm #mod_option_close::after {
  content: "";
  position: absolute;
  top: 50%;
  left: 50%;
  width: 16px;
  height: 1.5px;
  background: #131313;
  transform-origin: center;
}

.site-store #mod_option_frm .btn_confirm .btn_close::before,
.site-store #mod_option_frm #mod_option_close::before {
  transform: translate(-50%, -50%) rotate(45deg);
}

.site-store #mod_option_frm .btn_confirm .btn_close::after,
.site-store #mod_option_frm #mod_option_close::after {
  transform: translate(-50%, -50%) rotate(-45deg);
}

.site-store .store-cart__remove {
  position: static;
  display: inline-flex;
  flex-shrink: 0;
  width: 20px;
  height: 20px;
  margin-top: 2px;
  padding: 0;
  border: 0;
  background: transparent;
  cursor: pointer;
}

.site-store .store-cart__remove img {
  display: block;
  width: 20px;
  height: 20px;
}

.site-store .store-cart__aside {
  position: sticky;
  top: max(5.5rem, var(--vw-100));
}

.site-store .store-cart__summary {
  box-sizing: border-box;
  display: flex;
  flex-direction: column;
  gap: max(1.25rem, var(--vw-20));
  width: 100%;
  padding: max(3.125rem, var(--vw-50)) 0;
  border: 1px solid #a9a9a9;
  background: #fff;
}

.site-store .store-cart__summary-head {
  display: flex;
  flex-direction: column;
  gap: max(0.625rem, var(--vw-10));
  padding: 0 max(1.875rem, var(--vw-30));
}

.site-store .store-cart__summary-title {
  margin: 0;
  color: #131313;
  font-size: clamp(1.125rem, var(--font-20), 1.25rem);
  font-weight: 500;
  line-height: 1.2;
}

.site-store .store-cart__summary-head::after {
  content: "";
  display: block;
  width: 100%;
  height: 2px;
  background: #131313;
}

.site-store .store-cart__summary-box {
  box-sizing: border-box;
  display: flex;
  flex-direction: column;
  gap: max(1.25rem, var(--vw-20));
  margin: 0 max(1.875rem, var(--vw-30));
  padding: max(1.25rem, var(--vw-20));
  border-radius: 4px;
  background: #f0f0f0;
}

.site-store .store-cart__summary-row {
  display: flex;
  align-items: flex-start;
  justify-content: space-between;
  gap: max(0.75rem, var(--vw-12));
  margin: 0;
  padding: 0;
  color: #5e5e5e;
  font-size: max(1rem, var(--font-16));
  line-height: 1.2;
  border: 0;
}

.site-store .store-cart__summary-val {
  color: #131313;
  font-weight: 400;
}

.site-store .store-cart__summary-total {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: max(0.75rem, var(--vw-12));
  margin: 0 max(1.875rem, var(--vw-30));
  padding: max(1.25rem, var(--vw-20)) 0 0;
  border-top: 1px solid #dedede;
  color: #131313;
}

.site-store .store-cart__summary-total span {
  font-size: max(1.125rem, var(--font-18));
  font-weight: 400;
}

.site-store .store-cart__summary-total-val {
  margin: 0;
}

.site-store .store-cart__summary-act {
  padding: 0 max(1.875rem, var(--vw-30));
  margin: 0;
}

.site-store .store-cart__buy {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 100%;
  min-height: 48px;
  padding: 0 16px;
  border: 0;
  border-radius: 4px;
  background: #00b894;
  color: #fff;
  font-size: max(1rem, var(--font-16));
  font-weight: 500;
  line-height: 1.125;
  cursor: pointer;
}

.site-store .store-cart__buy:hover {
  background: #00a383;
}

.site-store .store-cart__buy:disabled {
  opacity: 0.5;
  cursor: not-allowed;
}

.site-store .store-cart__empty {
  padding: max(5rem, var(--vw-100)) 0;
  text-align: center;
}

.site-store .store-cart__empty-text {
  margin: 0 0 max(1.875rem, var(--vw-30));
  color: #5e5e5e;
  font-size: max(1rem, var(--font-16));
}

.site-store .store-cart__empty-actions {
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  gap: max(0.75rem, var(--vw-12));
}

.site-store .store-cart__empty-btn {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  min-width: 10rem;
  min-height: 48px;
  padding: 0 20px;
  border-radius: 4px;
  background: #00b894;
  color: #fff;
  font-size: max(1rem, var(--font-16));
  text-decoration: none;
}

.site-store .store-cart__empty-btn--ghost {
  background: #fff;
  border: 1px solid #a9a9a9;
  color: #131313;
}

@media (max-width: 1199px) {
  .site-store .store-cart .store-cart__form {
    grid-template-columns: 1fr;
  }

  .site-store .store-cart .store-cart__aside {
    position: static;
  }

  .site-store .store-cart__meta {
    max-width: none;
  }
}

@media (max-width: 767px) {
  .site-store .page-shop-cart.store-cart {
    padding-top: 40px;
  }

  .site-store .store-cart__title {
    margin-bottom: 32px;
    font-size: 1.5rem;
  }

  .site-store .store-cart__item {
    gap: 16px;
  }

  .site-store .store-cart__item-body {
    flex-wrap: wrap;
    gap: 16px;
  }

  .site-store .store-cart__thumb {
    width: 96px;
    height: 96px;
  }

  .site-store .store-cart__qty {
    width: 100%;
    justify-content: flex-start;
  }
}

/* --------------------------------------------------------------------------
 * STORE-028 장바구니 담기 완료 (11824:1155) — 페이지 배경 #f5f5f5
 * -------------------------------------------------------------------------- */

.site-store:has(.page-cart-added) #content[data-layout="store"] {
  background: #f5f5f5;
}

.site-store .page-cart-added.store-cart-added {
  padding-top: max(3.75rem, var(--vw-60));
  padding-bottom: 0;
  background: #f5f5f5;
}

.site-store .store-cart-added__container {
  padding-bottom: 0;
}

.site-store .store-cart-added__banner {
  box-sizing: border-box;
  width: 100%;
  background: #fff;
}

.site-store .store-cart-added__banner-inner {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: max(1.875rem, var(--vw-30));
  padding: max(2.5rem, var(--vw-40)) max(3.75rem, var(--vw-60));
}

.site-store .store-cart-added__msg {
  display: flex;
  flex: 1 1 auto;
  align-items: center;
  gap: max(1.875rem, var(--vw-30));
  min-width: 0;
}

.site-store .store-cart-added__check {
  display: block;
  flex-shrink: 0;
  width: 45px;
  height: 45px;
}

.site-store .store-cart-added__copy {
  display: flex;
  flex-direction: column;
  gap: max(0.625rem, var(--vw-10));
  min-width: 0;
}

.site-store .store-cart-added__title {
  margin: 0;
  color: #131313;
  font-size: clamp(1.25rem, var(--font-24), 1.5rem);
  font-weight: 400;
  line-height: 1.3;
}

.site-store .store-cart-added__meta {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: max(0.625rem, var(--vw-10));
  margin: 0;
}

.site-store .store-cart-added__opt {
  color: #131313;
  font-size: max(1rem, var(--font-16));
  line-height: 1.2;
}

.site-store .store-cart-added__sep {
  width: 1px;
  height: 14px;
  background: #dedede;
}

.site-store .store-cart-added__qty {
  color: #5e5e5e;
  font-size: max(1rem, var(--font-16));
  line-height: 1.2;
}

.site-store .store-cart-added__cta {
  box-sizing: border-box;
  display: inline-flex;
  flex-shrink: 0;
  align-items: center;
  justify-content: center;
  width: max(12rem, 15.8854vw); /* 305 @1920 */
  min-height: 60px;
  padding: 0 16px;
  border-radius: 4px;
  background: #121517;
  color: #fff;
  font-size: max(1rem, var(--font-16));
  font-weight: 500;
  line-height: 1.2;
  text-decoration: none;
}

.site-store .store-cart-added__cta:hover {
  background: #252a2e;
}

.site-store .store-cart-added__reco {
  background: transparent; /* 페이지 #f5f5f5 상속 — Figma 11824:1573 */
  padding: max(5rem, var(--vw-140)) 0 max(7.5rem, var(--vw-200));
  margin-top: 0;
}

.site-store .store-cart-added__reco-head {
  margin-bottom: max(1.875rem, var(--vw-30));
}

.site-store .store-cart-added__reco-title {
  margin: 0;
  color: #000;
  font-size: clamp(1.375rem, var(--font-28), 1.75rem);
  font-weight: 700;
  line-height: 1.2;
}

.site-store .store-cart-added__reco-viewport {
  position: relative;
}

.site-store .store-cart-added__reco-nav {
  position: absolute;
  z-index: 3;
  top: max(7rem, 7.08333vw);
  left: 0;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 40px;
  height: 40px;
  padding: 0;
  border: 0;
  border-radius: 50%;
  background: transparent;
  transform: translateY(-50%);
  cursor: pointer;
}

.site-store .store-cart-added__reco-nav--next {
  left: auto;
  right: 0;
  transform: translateY(-50%) rotate(180deg);
}

.site-store .store-cart-added__reco-nav:disabled {
  opacity: 0.35;
  cursor: default;
  pointer-events: none;
}

.site-store .store-cart-added__reco-nav img {
  display: block;
  width: 40px;
  height: 40px;
  pointer-events: none;
}

.site-store .store-cart-added__reco-track {
  display: flex;
  gap: max(1.25rem, var(--vw-20));
  margin: 0;
  padding: 0;
  list-style: none;
  overflow-x: auto;
  overscroll-behavior-x: contain;
  scroll-snap-type: x mandatory;
  touch-action: pan-x;
  cursor: grab;
  -ms-overflow-style: none;
  scrollbar-width: none;
  -webkit-overflow-scrolling: touch;
}

.site-store .store-cart-added__reco-track.is-dragging {
  cursor: grabbing;
  scroll-snap-type: none;
  user-select: none;
}

.site-store .store-cart-added__reco-track a,
.site-store .store-cart-added__reco-track img {
  -webkit-user-drag: none;
  user-select: none;
}

.site-store .store-cart-added__reco-track::-webkit-scrollbar {
  display: none;
}

.site-store .store-cart-added__reco-item {
  flex: 0 0 auto;
  width: max(14rem, 14.16667vw);
  scroll-snap-align: start;
}

.site-store .store-cart-added__reco-item .store-prd-card--sm {
  width: 100%;
}

/* 연관 제품 없을 때 배너 ↔ footer 간격 */
.site-store .store-cart-added:not(:has(.store-cart-added__reco)) .store-cart-added__container {
  padding-bottom: max(7.5rem, var(--vw-200));
}

@media (max-width: 767px) {
  .site-store .page-cart-added.store-cart-added {
    padding-top: 40px;
  }

  .site-store .store-cart-added__banner-inner {
    flex-direction: column;
    align-items: stretch;
    padding: 32px 20px;
  }

  .site-store .store-cart-added__cta {
    width: 100%;
  }

  .site-store .store-cart-added__reco {
    padding: 64px 0 80px;
  }
}

/* --------------------------------------------------------------------------
 * STORE 주문하기 — 타이포 하이어라키 (장바구니·스토어 톤)
 * -------------------------------------------------------------------------- */

.site-store .page-order.store-order {
  padding-top: max(3.75rem, var(--vw-60));
  padding-bottom: max(7.5rem, var(--vw-200));
  color: #131313;
}

.site-store .store-order .store-order__head.sub-etc .section-header,
.site-store .store-order .store-order__header {
  margin-bottom: 0;
  padding-bottom: 0;
  border-bottom: 0;
  padding-top: 0;
}

/* 페이지 타이틀 = 장바구니 .store-cart__title */
.site-store .store-order__title {
  margin: 0 0 max(3.125rem, var(--vw-60));
  color: #131313;
  font-size: clamp(1.75rem, var(--font-36), 2.25rem);
  font-weight: 700;
  line-height: 1.2;
}

/* 레거시 mall 주문 행 — PC 플렉스 유지 (스토어 스킨) */
.site-store .store-order #forderform {
  display: block;
  width: 100%;
  max-width: 100%;
}

.site-store .store-order .sod-wrap {
  display: flex;
  align-items: flex-start;
  width: 100%;
  max-width: 100%;
  box-sizing: border-box;
  gap: max(2.5rem, var(--vw-40));
}

.site-store .store-order .sod-cont {
  flex: 1 1 auto;
  min-width: 0;
}

.site-store .store-order .sod-panel {
  flex: 0 0 max(20rem, 22.5vw);
  width: max(20rem, 22.5vw);
  margin-left: 0;
}

.site-store .store-order .cart-item-wrap .item {
  display: flex;
  align-items: stretch;
  /* app.mall.css 박스형 테두리 유지 (border:0 금지) */
  border-top: 1px solid #cbcbcb;
  border-bottom: 1px solid #cbcbcb;
  border-right: 1px solid #cbcbcb;
  position: relative;
}

.site-store .store-order .cart-item-wrap .item + .item {
  border-top: 0;
}

.site-store .store-order .cart-item-wrap .item-header {
  border: 1px solid #cbcbcb;
  border-bottom: 0;
}

/* 상품 | 수량 | 가격 — 열폭 고정 + 세로 구분선 */
.site-store .store-order .cart-item-wrap .item .field {
  flex: 0 0 18%;
  min-width: 0;
  border-left: 1px solid #cbcbcb;
  padding: max(1.25rem, var(--vw-20)) max(0.75rem, var(--vw-12));
  box-sizing: border-box;
}

.site-store .store-order .cart-item-wrap .item .field.sod-product-wrap {
  flex: 1 1 auto;
  width: auto;
  min-width: 0;
  /* 왼쪽 외곽선 = 첫 field border-left */
  border-left: 1px solid #cbcbcb;
  padding-left: max(1.25rem, var(--vw-20));
  padding-right: max(1.25rem, var(--vw-20));
  text-align: left;
  flex-direction: row;
  align-items: flex-start;
  justify-content: flex-start;
}

.site-store .store-order .sod-product-wrap .image {
  width: max(5rem, var(--vw-80));
  margin-left: 0;
  margin-right: max(1rem, var(--vw-16));
  flex-shrink: 0;
}

.site-store .store-order .sod-product-wrap .image img {
  width: 100%;
  height: auto;
  display: block;
  border: 1px solid #cbcbcb;
  border-radius: 4px;
}

.site-store .store-order .sod-product-wrap .cont {
  flex: 1 1 auto;
  min-width: 0;
  margin-left: 0;
}

.site-store .store-order .sod-product-wrap .cont .category--logo,
.site-store #sod_fin .sod-product-wrap .cont .category--logo {
  margin-bottom: max(0.375rem, var(--vw-8));
  line-height: 0;
}

.site-store .store-order .sod-product-wrap .cont .category--logo img,
.site-store #sod_fin .sod-product-wrap .cont .category--logo img {
  display: block;
  width: auto;
  max-width: max(6.25rem, var(--vw-100));
  height: max(1.125rem, var(--vw-20));
  object-fit: contain;
  object-position: left center;
}

.site-store .store-order .sod-product-wrap .cont .title > strong {
  font-size: var(--font-18);
  font-weight: 400;
}

/* #sod_frm_taker label 이 .blind 를 display로 덮어쓰는 문제 방지 */
.site-store .store-order #sod_frm_taker label.blind,
.site-store .store-order #sod_frm_orderer label.blind,
.site-store .store-order #sod_frm label.blind {
  position: absolute !important;
  overflow: hidden !important;
  clip: rect(0, 0, 0, 0) !important;
  clip-path: polygon(0 0, 0 0, 0 0) !important;
  width: 1px !important;
  height: 1px !important;
  margin: -1px !important;
  padding: 0 !important;
  border: 0 !important;
  display: block !important;
}

.site-store .store-order #sod_frm .cart-item-total {
  margin-bottom: max(1.25rem, var(--vw-20));
  color: #131313;
  font-size: clamp(1.125rem, var(--font-20), 1.25rem);
  font-weight: 700;
  line-height: 1.3;
}

.site-store .store-order #sod_frm .cart-item-total span {
  color: #5e5e5e;
  font-size: max(0.875rem, var(--font-14));
  font-weight: 400;
}

.site-store .store-order #sod_frm .cart-item-total span::before {
  background-color: #dedede;
}

.site-store .store-order #sod_frm .item-header h4 {
  color: #131313;
  font-size: max(1rem, var(--font-16));
  font-weight: 700;
  line-height: 1.3;
}

.site-store .store-order #sod_frm .sod-cont section h3 {
  border-bottom: 1px solid #dedede;
  color: #131313;
  font-size: clamp(1.125rem, var(--font-20), 1.25rem);
  font-weight: 700;
  line-height: 1.3;
  padding: 0 0 max(1.25rem, var(--vw-20));
}

.site-store .store-order #sod_frm #sod_frm_pay h3 {
  border-bottom: 0;
  padding-bottom: 0;
}

.site-store .store-order #sod_frm_taker h3 a,
.site-store .store-order #sod_frm_taker h3 a.btn-address {
  color: #5e5e5e;
  font-size: max(0.875rem, var(--font-14));
  font-weight: 400;
}

.site-store .store-order #sod_frm_taker h3 a:hover {
  color: #131313;
}

.site-store .store-order #sod_frm_orderer,
.site-store .store-order #sod_frm_taker,
.site-store .store-order #sod_frm_sales {
  border-bottom-color: #dedede;
}

.site-store .store-order #sod_frm .tbl_frm01 th {
  color: #5e5e5e;
  font-weight: 400;
}

.site-store .store-order #sod_frm .tbl_frm01 td {
  color: #131313;
}

.site-store .store-order #sod_frm .tbl_frm01 .help-block {
  color: #5e5e5e;
  font-size: max(0.8125rem, var(--font-14));
}

.site-store .store-order .sod-panel .sod-bsk-addr h4 {
  color: #131313;
  font-size: max(1rem, var(--font-16));
  font-weight: 700;
}

.site-store .store-order .sod-panel .sod-bsk-addr #disp-order-name,
.site-store .store-order .sod-panel .sod-bsk-addr #disp-order-address {
  color: #5e5e5e;
  font-size: max(0.875rem, var(--font-14));
}

.site-store .store-order .btn-order > p {
  color: #5e5e5e;
  font-size: max(0.875rem, var(--font-14));
}

.site-store .store-order .btn-order > p .link {
  color: #131313;
}

.site-store .store-order #sod_frm .sp-submit {
  background-color: #121517;
  border-radius: 4px;
  font-size: max(1rem, var(--font-16));
}

.site-store .store-order #sod_frm .sp-submit:hover {
  background-color: #252a2e;
}

@media (max-width: 1080px) {
  .site-store .store-order .sod-wrap {
    flex-direction: column;
  }

  .site-store .store-order .sod-panel {
    flex: 1 1 auto;
    width: 100%;
  }
}

@media (max-width: 767px) {
  .site-store .page-order.store-order {
    padding-top: 40px;
  }

  .site-store .store-order__title {
    margin-bottom: 32px;
    font-size: 1.5rem;
  }

  .site-store .store-order .cart-item-wrap .item {
    flex-direction: column;
    border-right: 1px solid #cbcbcb;
    border-left: 1px solid #cbcbcb;
  }

  .site-store .store-order .cart-item-wrap .item .field {
    flex: 1 1 auto;
    width: 100%;
    border-left: 0;
    padding-left: max(0.9375rem, var(--vw-16));
    padding-right: max(0.9375rem, var(--vw-16));
    align-items: flex-start;
  }

  .site-store .store-order .cart-item-wrap .item .field.sod-product-wrap {
    border-left: 0;
    padding-left: max(0.9375rem, var(--vw-16));
    padding-right: max(0.9375rem, var(--vw-16));
  }
}

/* 스토어 콘텐츠 페이지 헤더 — Figma STORE-031 이벤트 기준 (11944:3243)
   GNB ↔ breadcrumb 40 / breadcrumb ↔ title 40 / title 36 · title↔line 20
   적용: event / cs / search 등 (카테고리·상품·주문·장바구니 제외) */
.site-store .page-store-content > .insight-breadcrumb .container,
.site-store .page-store-content > .store-content-board .container {
  max-width: 1440px;
}

.site-store .page-store-content .insight-breadcrumb {
  background: transparent;
  background-color: transparent;
  padding: 0;
}

.site-store .page-store-content .prd-breadcrumb {
  padding-top: max(2.5rem, var(--vw-40)); /* GNB ↔ breadcrumb 40 @1920 */
  padding-bottom: 0;
}

.site-store .page-store-content .insight-breadcrumb__list {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: 4px;
  margin: 0;
  padding: 14px 0; /* Figma Breadcrumb py 14 → row 53 */
  list-style: none;
}

.site-store .page-store-content .insight-breadcrumb__item,
.site-store .page-store-content .insight-breadcrumb__sep {
  display: flex;
  align-items: center;
  line-height: 0;
}

/* Figma 11944:3316 Breadcrumb
   home: [Base p-4 · icon16(12 live)][Base px-2 py 6/7 “홈”] · gap 4 · chevron 16 · Base px-6 “현재”
   아이콘↔홈 텍스트: home 그룹 gap 0 (아이콘 Base 오른쪽 4 + 텍스트 왼쪽 2) */
.site-store .page-store-content .insight-breadcrumb__home,
.site-store .page-store-content .insight-breadcrumb__link {
  display: inline-flex;
  align-items: center;
  gap: 0;
  text-decoration: none;
  color: #00b894;
  line-height: 1.5;
}

.site-store .page-store-content .insight-breadcrumb__home-icon {
  display: block;
  box-sizing: content-box;
  width: 12px;
  height: 12px;
  /* Base-Breadcrumb p-4(4) + live inset(2) → 바깥 24×24 (Figma icon Base) */
  padding: 6px;
  margin: 0;
  flex-shrink: 0;
}

.site-store .page-store-content .insight-breadcrumb__sep {
  width: 16px;
  height: 16px;
  flex-shrink: 0;
  justify-content: center;
}

.site-store .page-store-content .insight-breadcrumb__sep img {
  display: block;
  width: 12px;
  height: 12px;
}

.site-store .page-store-content .insight-breadcrumb__home-text,
.site-store .page-store-content .insight-breadcrumb__text,
.site-store .page-store-content .insight-breadcrumb__current,
.site-store .page-store-content .insight-breadcrumb__link {
  display: inline-flex;
  align-items: center;
  box-sizing: border-box;
  margin: 0;
  font-size: max(1rem, var(--font-16)); /* Figma 16 */
  line-height: 1.5;
  font-weight: 400;
  text-box-trim: trim-both;
  text-box-edge: cap alphabetic;
}

.site-store .page-store-content .insight-breadcrumb__home-text {
  padding: 6px 2px 7px; /* Figma Base-Breadcrumb “홈” */
  color: #00b894;
}

.site-store .page-store-content .insight-breadcrumb__current,
.site-store .page-store-content .insight-breadcrumb__text {
  padding: 6px 6px 7px; /* Figma Base-Breadcrumb 현재 */
  color: #394147;
}

.site-store .page-store-content .insight-breadcrumb__link {
  padding: 6px 6px 7px;
  color: #394147;
}

/* 타이틀 + 하단 구분선 — title 36 / title↔line gap 20 / breadcrumb↔title 40 */
.site-store .page-store-content .store-content-board {
  padding-top: max(2.5rem, var(--vw-40)); /* breadcrumb ↔ title 40 @1920 */
  padding-bottom: 0;
}

.site-store .page-store-content .store-content-board__head {
  margin-bottom: 0;
  padding-bottom: 0;
  border-bottom: 2px solid #c8ced3;
}

.site-store .page-store-content .store-content-board__title {
  margin: 0;
  padding-bottom: max(1.25rem, var(--vw-20)); /* title ↔ line 20 */
  color: #131313;
  font-size: clamp(1.5rem, var(--font-36), 2.25rem); /* 36 @1920 */
  font-weight: 700;
  line-height: 1.2;
}

/* 스토어 이벤트 — Figma STORE-031 (11944:3243 / 그리드 11944:3699) */
/* page-gallery .gallery-board 기본 padding 은 store-event-gallery 에서 재정의 */

/* 추천 섹션이 마지막이면 page-shop-listtype 하단 패딩 제거 */
.site-store .page-store-event.page-store-event--has-reco {
  padding-bottom: 0;
}

/* 4열 카드 — Figma 11944:3699 py 100 / gap-x 32 / gap-y 60
   ※ .page-gallery .gallery-board padding 보다 특이도 높게 유지 */
.site-store .page-store-event.page-gallery .gallery-board.store-event-gallery {
  padding-top: max(3.75rem, var(--vw-100)); /* border ↔ 카드 100 */
  padding-bottom: max(3.75rem, var(--vw-100)); /* 카드 ↔ 아래 섹션 100 — Figma 11944:3699 */
}

.site-store .page-store-event .store-event-gallery__grid {
  display: grid;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  gap: max(3.75rem, var(--vw-60)) max(2rem, var(--vw-32));
  margin: 0;
  padding: 0;
  list-style: none;
}

.site-store .page-store-event .store-event-card {
  min-width: 0;
}

.site-store .page-store-event .store-event-card__link {
  display: flex;
  flex-direction: column;
  height: 100%;
  color: inherit;
  text-decoration: none;
}

.site-store .page-store-event .store-event-card__media {
  position: relative;
  width: 100%;
  aspect-ratio: 336 / 252;
  overflow: hidden;
  background: #f2f4f5;
}

.site-store .page-store-event .store-event-card__img {
  display: block;
  width: 100%;
  height: 100%;
  object-fit: cover;
}

.site-store .page-store-event .store-event-card__body {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  gap: max(1.25rem, var(--vw-20));
  width: 100%;
  box-sizing: border-box;
  padding: max(1.25rem, var(--vw-20)) max(1rem, var(--vw-16));
  background: #f2f4f5;
  color: #131313;
  transition: background-color 0.2s ease, color 0.2s ease;
}

.site-store .page-store-event .store-event-card__title {
  margin: 0;
  font-size: max(1.125rem, var(--font-20));
  font-weight: 700;
  line-height: 1.4;
  word-break: keep-all;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  line-clamp: 2;
  -webkit-box-orient: vertical;
  overflow: hidden;
}

.site-store .page-store-event .store-event-card__date {
  margin: 0;
  font-size: max(0.875rem, var(--font-14));
  font-weight: 400;
  line-height: 1.857; /* 26 @14 */
  color: inherit;
}

.site-store .page-store-event .store-event-card__link:hover .store-event-card__body,
.site-store .page-store-event .store-event-card__link:focus-visible .store-event-card__body {
  background: #154670;
  color: #fff;
}

.site-store .page-store-event .store-event-card__link:focus-visible {
  outline: 2px solid #154670;
  outline-offset: 2px;
}

.site-store .page-store-event .store-event-gallery__empty {
  padding: max(3.75rem, var(--vw-80)) 0;
  text-align: center;
  color: #5e5e5e;
  font-size: max(1rem, var(--font-16));
}

.site-store .page-store-event .store-event-gallery__pager {
  margin-top: max(3.75rem, var(--vw-60));
  margin-bottom: 0;
}

/*
 * Recommended Products — Figma 주석
 * 상단 140 / 타이틀↔캐러셀 30 / 좌우 80 / 배경 #f5f5f5
 */
.site-store .page-store-event .store-event-reco.store-item-reco {
  background: #f5f5f5;
  padding-top: max(5.5rem, var(--vw-140));
  padding-bottom: max(7.5rem, var(--vw-200));
  padding-left: max(3.75rem, var(--vw-80));
  padding-right: max(3.75rem, var(--vw-80));
  box-sizing: border-box;
}

.site-store .page-store-event .store-event-reco > .container {
  max-width: 1440px;
  padding-left: 0;
  padding-right: 0;
}

.site-store .page-store-event .store-event-reco .pview-reco__head {
  margin-bottom: max(1.875rem, var(--vw-30));
}

.site-store .page-store-event .store-event-reco .pview-reco__title {
  margin: 0;
  color: #000;
  font-family: var(--font-en);
  font-size: clamp(1.5rem, var(--font-28), 1.75rem);
  font-weight: 700;
  line-height: 1.2;
}

@media (max-width: 1199px) {
  .site-store .page-store-event .store-event-gallery__grid {
    grid-template-columns: repeat(3, minmax(0, 1fr));
  }
}

@media (max-width: 991px) {
  .site-store .page-store-event .store-event-gallery__grid {
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 40px 20px;
  }

  .site-store .page-store-event .store-event-reco.store-item-reco {
    padding-left: max(1.25rem, var(--vw-24));
    padding-right: max(1.25rem, var(--vw-24));
  }
}

@media (max-width: 767px) {
  .site-store .page-store-content .prd-breadcrumb {
    padding-top: 32px;
  }

  .site-store .page-store-content .store-content-board {
    padding-top: 24px; /* breadcrumb ↔ title */
  }

  .site-store .page-store-content .store-content-board__title {
    font-size: 1.5rem;
    padding-bottom: 16px;
  }

  .site-store .page-store-event.page-gallery .gallery-board.store-event-gallery {
    padding-top: 40px;
    padding-bottom: 40px;
  }

  .site-store .page-store-event .store-event-gallery__grid {
    grid-template-columns: 1fr;
    gap: 32px;
  }

  .site-store .page-store-event .store-event-card__title {
    font-size: 1.125rem;
  }

  .site-store .page-store-event .store-event-reco.store-item-reco {
    padding-top: 64px;
    padding-bottom: 64px;
    padding-left: 20px;
    padding-right: 20px;
  }
}

.site-store .page-store-event-post {
  padding-bottom: max(7.5rem, var(--vw-200));
}

.site-store .store-event-post__head {
  margin-bottom: max(2.5rem, var(--vw-40));
}

.site-store .store-event-post__cat {
  margin: 0 0 max(0.75rem, var(--vw-12));
  font-size: max(0.875rem, var(--font-14));
  font-weight: 700;
  color: #3a8ad1;
}

.site-store .store-event-post__title {
  margin: 0 0 max(1rem, var(--vw-16));
  color: #131313;
  font-size: clamp(1.5rem, var(--font-36), 2.25rem);
  font-weight: 700;
  line-height: 1.3;
}

.site-store .store-event-post__meta {
  margin: 0;
  font-size: max(0.875rem, var(--font-14));
  color: #5e5e5e;
}

.site-store .store-event-post__body {
  margin-bottom: max(3.125rem, var(--vw-60));
}

.site-store .store-event-post__body img {
  max-width: 100%;
  height: auto;
}

.site-store .store-event-post__actions {
  display: flex;
  justify-content: center;
  margin: max(2.5rem, var(--vw-40)) 0 max(1.875rem, var(--vw-30));
}

.site-store .store-event-post__nav-list {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  min-width: max(5rem, var(--vw-80));
  height: max(2.5rem, var(--vw-40));
  padding: 0 max(1rem, var(--vw-16));
  border: 1px solid #131313;
  color: #131313;
  font-size: max(0.875rem, var(--font-14));
  font-weight: 700;
  text-decoration: none;
}

.site-store .store-event-post__nav-list:hover {
  background: #131313;
  color: #fff;
}

.site-store .store-event-post__nav {
  display: flex;
  flex-direction: column;
  gap: 0;
  border-top: 1px solid #dedede;
}

.site-store .store-event-post__nav-row {
  display: grid;
  grid-template-columns: max(4.5rem, var(--vw-72)) minmax(0, 1fr);
  gap: max(1rem, var(--vw-20));
  align-items: center;
  padding: max(1.25rem, var(--vw-20)) 0;
  border-bottom: 1px solid #dedede;
}

.site-store .store-event-post__nav-label {
  font-size: max(0.875rem, var(--font-14));
  font-weight: 700;
  color: #5e5e5e;
}

.site-store .store-event-post__nav-title {
  margin: 0;
  font-size: max(0.9375rem, var(--font-16));
  color: #131313;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.site-store .store-event-post__nav-title a {
  color: inherit;
  text-decoration: none;
}

.site-store .store-event-post__nav-title a:hover {
  text-decoration: underline;
}

.site-store .store-event-post__nav-empty {
  margin: 0;
  font-size: max(0.875rem, var(--font-14));
  color: #a9a9a9;
}

@media (max-width: 767px) {
  .site-store .store-event-post__nav-row {
    grid-template-columns: 1fr;
    gap: 8px;
  }
}

/* 스토어 고객센터 — /store/cs (footer 간격은 #contents만) */
.site-store .page-store-cs {
  padding-bottom: max(7.5rem, var(--vw-200));
}

.site-store .page-store-cs .prd-board {
  padding-bottom: 0;
}

.site-store .store-cs__lead {
  margin: max(1.875rem, var(--vw-30)) 0 max(3.125rem, var(--vw-60));
  max-width: 40rem;
  color: #5e5e5e;
  font-size: max(1rem, var(--font-18));
  line-height: 1.6;
}

.site-store .store-cs__section-title {
  margin: 0 0 max(1.25rem, var(--vw-24));
  color: #131313;
  font-size: max(1.25rem, var(--font-24));
  font-weight: 700;
  line-height: 1.3;
}

.site-store .store-cs__contact,
.site-store .store-cs__actions {
  margin-bottom: max(3.125rem, var(--vw-60));
}

.site-store .store-cs__contact-grid {
  display: grid;
  grid-template-columns: minmax(0, 1.1fr) minmax(0, 1fr);
  gap: max(1.25rem, var(--vw-24));
  align-items: stretch;
}

.site-store .store-cs__phone-card {
  display: flex;
  flex-direction: column;
  gap: max(1rem, var(--vw-16));
  padding: max(1.875rem, var(--vw-32));
  border: 1px solid #dedede;
  background: #fff;
}

.site-store .store-cs__card-label {
  display: inline-flex;
  align-items: center;
  gap: 0.5rem;
  margin: 0;
  color: #5e5e5e;
  font-size: max(0.875rem, var(--font-14));
  font-weight: 700;
}

.site-store .store-cs__phone {
  color: #131313;
  font-size: clamp(1.75rem, var(--font-40), 2.5rem);
  font-weight: 700;
  line-height: 1.2;
  text-decoration: none;
  letter-spacing: -0.02em;
  transition: color 0.2s ease;
}

.site-store .store-cs__phone:hover,
.site-store .store-cs__phone:focus-visible {
  color: #0f5694; /* Tessol Navy */
}

.site-store .store-cs__hours {
  margin: 0;
  padding: 0;
  list-style: none;
  color: #5e5e5e;
  font-size: max(0.875rem, var(--font-14));
  line-height: 1.7;
}

.site-store .store-cs__hours-note {
  color: #959da4;
}

.site-store .store-cs__meta-list {
  display: flex;
  flex-direction: column;
  justify-content: center;
  gap: 0;
  margin: 0;
  padding: 0;
  list-style: none;
  border: 1px solid #dedede;
  background: #fff;
}

.site-store .store-cs__meta-item {
  display: grid;
  grid-template-columns: max(4.5rem, var(--vw-80)) minmax(0, 1fr);
  gap: max(1rem, var(--vw-20));
  align-items: start;
  padding: max(1.25rem, var(--vw-20)) max(1.875rem, var(--vw-32));
}

.site-store .store-cs__meta-item + .store-cs__meta-item {
  border-top: 1px solid #dedede;
}

.site-store .store-cs__meta-label {
  color: #5e5e5e;
  font-weight: 700;
}

.site-store .store-cs__meta-value {
  color: #131313;
  font-size: max(0.9375rem, var(--font-16));
  line-height: 1.5;
  text-decoration: none;
  word-break: keep-all;
  transition: color 0.2s ease;
}

.site-store a.store-cs__meta-value:hover,
.site-store a.store-cs__meta-value:focus-visible {
  color: #0f5694; /* Tessol Navy */
}

.site-store .store-cs__action-grid {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: max(1.25rem, var(--vw-20));
  margin: 0;
  padding: 0;
  list-style: none;
}

.site-store .store-cs__action {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  height: 100%;
  min-height: max(12.5rem, var(--vw-200));
  padding: max(1.5rem, var(--vw-28));
  border: 1px solid #dedede;
  background: #fff;
  color: inherit;
  text-decoration: none;
  transition: border-color 0.15s ease, box-shadow 0.15s ease;
}

.site-store .store-cs__action:hover {
  border-color: #131313;
}

.site-store .store-cs__action--primary {
  border-color: #131313;
  background: #131313;
  color: #fff;
}

.site-store .store-cs__action--primary:hover {
  background: #252a2e;
  border-color: #252a2e;
}

.site-store .store-cs__action-kicker {
  margin-bottom: max(0.75rem, var(--vw-12));
  font-size: max(0.75rem, var(--font-12));
  font-weight: 700;
  letter-spacing: 0.04em;
  color: #959da4;
}

.site-store .store-cs__action--primary .store-cs__action-kicker {
  color: rgba(255, 255, 255, 0.64);
}

.site-store .store-cs__action-title {
  margin: 0 0 max(0.75rem, var(--vw-12));
  font-size: max(1.25rem, var(--font-24));
  font-weight: 700;
  line-height: 1.3;
}

.site-store .store-cs__action-desc {
  flex: 1 1 auto;
  margin: 0 0 max(1.5rem, var(--vw-24));
  font-size: max(0.875rem, var(--font-14));
  line-height: 1.6;
  color: #5e5e5e;
}

.site-store .store-cs__action--primary .store-cs__action-desc {
  color: rgba(255, 255, 255, 0.78);
}

.site-store .store-cs__action-cta {
  display: inline-flex;
  align-items: center;
  margin-top: auto;
  font-size: max(0.875rem, var(--font-14));
  font-weight: 700;
  text-decoration: underline;
  text-underline-offset: 3px;
}

.site-store .store-cs__notice-list {
  margin: 0;
  padding: max(1.5rem, var(--vw-28));
  list-style: none;
  border: 1px solid #dedede;
  background: #f8f9fa;
}

.site-store .store-cs__notice-list li {
  position: relative;
  padding-left: 0.875rem;
  color: #5e5e5e;
  font-size: max(0.875rem, var(--font-14));
  line-height: 1.7;
}

.site-store .store-cs__notice-list li + li {
  margin-top: max(0.5rem, var(--vw-8));
}

.site-store .store-cs__notice-list li::before {
  content: "·";
  position: absolute;
  left: 0;
  color: #959da4;
}

@media (max-width: 1023px) {
  .site-store .store-cs__contact-grid,
  .site-store .store-cs__action-grid {
    grid-template-columns: 1fr;
  }

  .site-store .store-cs__action {
    min-height: 0;
  }
}

@media (max-width: 767px) {
  .site-store .store-cs__lead {
    margin-top: -16px;
    font-size: 1rem;
  }

  .site-store .store-cs__phone {
    font-size: 1.75rem;
  }

  .site-store .store-cs__meta-item {
    grid-template-columns: 1fr;
    gap: 6px;
    padding: 16px 20px;
  }
}

/* ==========================================================================
   STORE 1:1 문의 (/store/inquiry)
   ========================================================================== */

.site-store .page-store-inquiry .store-content-board__head {
  margin-bottom: max(1.5rem, var(--vw-24));
}

.site-store .store-inquiry__lead {
  margin: 0 0 max(2.5rem, var(--vw-40));
  max-width: 40rem;
  color: #5e5e5e;
  font-size: max(1rem, var(--font-18));
  line-height: 1.6;
}

.site-store .store-inquiry__alerts {
  margin-bottom: max(1.5rem, var(--vw-24));
  padding: max(0.875rem, var(--vw-14)) max(1rem, var(--vw-16));
  border: 1px solid #f5c2c7;
  background: #fff5f5;
}

.site-store .store-inquiry__alert {
  margin: 0;
  color: #b42318;
  font-size: max(0.875rem, var(--font-14));
}

.site-store .store-inquiry__alert + .store-inquiry__alert {
  margin-top: 0.35rem;
}

.site-store .store-inquiry__product {
  display: flex;
  gap: max(1rem, var(--vw-16));
  align-items: center;
  margin-bottom: max(2rem, var(--vw-32));
  padding: max(1rem, var(--vw-16));
  border: 1px solid #e5e7eb;
  background: #f8fafc;
}

.site-store .store-inquiry__product-media {
  flex: 0 0 auto;
  width: max(4.5rem, var(--vw-80));
  height: max(4.5rem, var(--vw-80));
  overflow: hidden;
  background: #fff;
}

.site-store .store-inquiry__product-media img {
  width: 100%;
  height: 100%;
  object-fit: contain;
}

.site-store .store-inquiry__product-cat {
  display: block;
  margin-bottom: 0.35rem;
  color: #6b7280;
  font-size: max(0.8125rem, var(--font-14));
}

.site-store .store-inquiry__product-name {
  display: block;
  color: #111;
  font-size: max(1rem, var(--font-16));
  font-weight: 600;
  line-height: 1.4;
}

.site-store .store-inquiry__fields {
  display: grid;
  gap: max(1.75rem, var(--vw-28));
  max-width: 40rem;
}

.site-store .store-inquiry__field {
  display: flex;
  flex-direction: column;
  gap: 0.625rem;
  margin: 0;
  padding: 0;
  border: 0;
  min-width: 0;
}

.site-store .store-inquiry__label {
  display: block;
  margin: 0;
  color: #131313;
  font-size: max(0.875rem, var(--font-14));
  font-weight: 700;
  line-height: 1.4;
}

.site-store .store-inquiry__req {
  color: #c2410c;
}

.site-store .store-inquiry__control {
  min-width: 0;
}

.site-store .store-inquiry__input {
  display: block;
  width: 100%;
  box-sizing: border-box;
  min-height: 3.25rem;
  margin: 0;
  padding: 0.875rem 1rem;
  border: 1px solid #c8ced3;
  border-radius: 0;
  background: #fff;
  color: #131313;
  font-size: max(0.9375rem, var(--font-16));
  line-height: 1.4;
}

.site-store .store-inquiry__input::placeholder {
  color: #959da4;
}

.site-store .store-inquiry__input:focus {
  border-color: #0f5694;
  outline: none;
  box-shadow: 0 0 0 2px rgba(15, 86, 148, 0.15);
}

.site-store .store-inquiry__input--textarea {
  min-height: 11rem;
  padding-top: 1rem;
  resize: vertical;
}

.site-store .store-inquiry__control--select {
  position: relative;
}

.site-store .store-inquiry__input--select {
  appearance: none;
  padding-right: 2.75rem;
  background-color: #fff;
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='10' height='6' viewBox='0 0 10 6'%3E%3Cpath fill='%23131313' d='M0 0l5 6 5-6z'/%3E%3C/svg%3E");
  background-repeat: no-repeat;
  background-position: right 1.125rem center;
  cursor: pointer;
}

.site-store .store-inquiry__files {
  display: grid;
  gap: 0.75rem;
}

.site-store .store-inquiry__file {
  position: relative;
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 0.75rem;
  min-height: 3.25rem;
  padding: 0.5rem 0.5rem 0.5rem 1rem;
  border: 1px solid #c8ced3;
  background: #fff;
}

.site-store .store-inquiry__file-name {
  flex: 1 1 auto;
  min-width: 0;
  overflow: hidden;
  color: #959da4;
  font-size: max(0.875rem, var(--font-14));
  line-height: 1.4;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.site-store .store-inquiry__file-name.is-selected {
  color: #131313;
}

.site-store .store-inquiry__file-btn {
  flex: 0 0 auto;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  min-height: 2.25rem;
  padding: 0 0.875rem;
  border: 1px solid #131313;
  background: #131313;
  color: #fff;
  font-size: max(0.8125rem, var(--font-14));
  font-weight: 600;
  line-height: 1;
  cursor: pointer;
}

.site-store .store-inquiry__file-btn:hover,
.site-store .store-inquiry__file-btn:focus-visible {
  background: #333;
  border-color: #333;
}

.site-store .store-inquiry__file-input {
  position: absolute;
  width: 1px !important;
  height: 1px !important;
  margin: -1px;
  padding: 0;
  border: 0;
  overflow: hidden;
  clip: rect(0, 0, 0, 0);
  white-space: nowrap;
}

.site-store .store-inquiry__hint {
  margin: 0;
  color: #959da4;
  font-size: max(0.8125rem, var(--font-14));
  line-height: 1.5;
}

.site-store .store-inquiry__radios {
  display: flex;
  flex-wrap: wrap;
  gap: max(0.75rem, var(--vw-12)) max(1.5rem, var(--vw-24));
}

.site-store .store-inquiry__radio,
.site-store .store-inquiry__check {
  display: inline-flex;
  gap: 0.5rem;
  align-items: center;
  margin: 0;
  color: #131313;
  font-size: max(0.9375rem, var(--font-16));
  line-height: 1.4;
  cursor: pointer;
}

.site-store .store-inquiry__radio input,
.site-store .store-inquiry__check input {
  flex: 0 0 auto;
  width: 1.125rem;
  height: 1.125rem;
  margin: 0;
  accent-color: #0f5694;
}

.site-store .store-inquiry__consent {
  margin-top: max(0.5rem, var(--vw-8));
  padding-top: max(0.5rem, var(--vw-8));
}

.site-store .store-inquiry__consent a {
  color: inherit;
  text-decoration: underline;
  text-underline-offset: 2px;
}

.site-store .store-inquiry__consent a:hover,
.site-store .store-inquiry__consent a:focus-visible {
  color: #0f5694;
}

.site-store .store-inquiry__field > .error-place:empty {
  display: none;
}

.site-store .store-inquiry__form .error {
  display: block;
  margin: 0;
  color: #b42318;
  font-size: max(0.8125rem, var(--font-14));
  line-height: 1.4;
}

.site-store .store-inquiry__actions,
.site-store .store-inquiry-result__actions {
  display: flex;
  flex-wrap: wrap;
  gap: 0.75rem;
  margin-top: max(2.5rem, var(--vw-40));
}

.site-store .store-inquiry__btn {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  min-width: 8.5rem;
  min-height: 3rem;
  padding: 0 1.25rem;
  border: 1px solid #111;
  font-size: max(0.9375rem, var(--font-16));
  font-weight: 600;
  text-decoration: none;
  transition: background 0.2s ease, color 0.2s ease;
}

.site-store .store-inquiry__btn--primary {
  background: #111;
  color: #fff;
}

.site-store .store-inquiry__btn--primary:hover,
.site-store .store-inquiry__btn--primary:focus-visible {
  background: #333;
  color: #fff;
}

.site-store .store-inquiry__btn--ghost {
  background: #fff;
  color: #111;
}

.site-store .store-inquiry__btn--ghost:hover,
.site-store .store-inquiry__btn--ghost:focus-visible {
  background: #f3f4f6;
}

.site-store .store-inquiry__btn.is-disabled,
.site-store .store-inquiry__btn:disabled {
  opacity: 0.55;
  pointer-events: none;
}

/* 스토어 1:1 문의 — footer 간격은 #contents만 (board pb는 page-store-content 규칙으로 0) */
.site-store .page-store-inquiry,
.site-store .page-store-inquiry-result {
  padding-bottom: max(7.5rem, var(--vw-200)); /* 마지막 섹션 ↔ footer 200 @1920 */
}

.site-store .page-store-inquiry .store-inquiry,
.site-store .page-store-inquiry-result .store-inquiry-result {
  padding-bottom: 0;
}

.site-store .store-inquiry-result__panel {
  display: flex;
  flex-direction: column;
  align-items: center;
  max-width: 36rem;
  margin: 0 auto;
  padding-top: max(2.5rem, var(--vw-40));
  text-align: center;
}

.site-store .store-inquiry-result__icon {
  width: max(4rem, var(--vw-80));
  height: auto;
  margin-bottom: max(1.25rem, var(--vw-20));
}

.site-store .store-inquiry-result__title {
  margin: 0 0 0.75rem;
  color: #111;
  font-size: clamp(1.375rem, var(--font-28), 1.75rem);
  font-weight: 700;
  line-height: 1.35;
}

.site-store .store-inquiry-result__desc {
  margin: 0;
  color: #4b5563;
  font-size: max(1rem, var(--font-16));
  line-height: 1.6;
}

.site-store .store-inquiry-result__actions {
  justify-content: center;
}

@media (max-width: 767px) {
  .site-store .store-inquiry__actions,
  .site-store .store-inquiry-result__actions {
    flex-direction: column;
  }

  .site-store .store-inquiry__btn {
    width: 100%;
  }
}

/* ==========================================================================
   STORE-034 마이페이지 (Figma 11950:5821 / 헤어로 11950:6640)
   프레임: GNB(+프로모) 아래 60 → 히어로 120 → 본문 pt 40

   간격은 margin(#contents 클리어) + padding(60) 이단 구조 대신
   padding-top 하나로 합친다. 이유:
   - app.css #contents { margin-top: var(--header-height=vw-80) } 와
     JS --store-contents-margin-top 이 어긋나면 60px padding이 헤더 아래로
     잠식되어 GNB에 히어로가 붙어 보임
   - app.mall.css 에는 mypage 상단 간격 규칙 없음 (쿠폰 배경 이미지만)
   ========================================================================== */
.site-store #contents.page-store-mypage,
.site-store #contents.page-mypage {
  /* fixed GNB 클리어는 padding으로만 — app.css margin 무력화 */
  margin-top: 0;
  /* sticky(GNB[+프로모]) + Figma 60 */
  padding-top: calc(var(--store-sticky-top) + max(3.75rem, var(--vw-60)));
  padding-bottom: max(7.5rem, var(--vw-200));
}

.site-store .page-store-mypage,
.site-store .page-mypage {
  padding-bottom: max(7.5rem, var(--vw-200));
}

/* app.css .section-page / .basic-section.section-page 상단 패딩 제거 */
.site-store #contents.page-mypage .section-page.basic-section,
.site-store .page-mypage .section-page.basic-section {
  padding-top: 0;
  padding-bottom: 0;
  margin-bottom: 0;
  border-bottom: 0;
}

/* app.css .mypage-wrap .header { margin-bottom: 2.5rem } 등 레거시 리셋 */
.site-store #contents.page-mypage .mypage-wrap,
.site-store .page-mypage .mypage-wrap {
  margin-top: 0;
  padding-top: 0;
}

.site-store .page-mypage .container.gutter-m {
  max-width: var(--container-max, 90rem);
  padding-left: var(--container-gutter-x, max(1.25rem, var(--vw-24)));
  padding-right: var(--container-gutter-x, max(1.25rem, var(--vw-24)));
}

/* Hero — Fog Gray welcome(1020) + gap10 + coupon(410), h120 */
.site-store .mypage-wrap .header.store-mypage-hero {
  display: flex;
  align-items: stretch;
  gap: max(0.625rem, var(--vw-10)); /* 10 */
  height: max(7.5rem, var(--vw-120)); /* 120 */
  min-height: max(7.5rem, var(--vw-120));
  margin: 0;
  margin-bottom: 0;
}

.site-store .mypage-wrap .header.store-mypage-hero .title {
  display: none;
}

.site-store .store-mypage-hero__welcome,
.site-store .mypage-wrap .header.store-mypage-hero .welcome {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: flex-start;
  gap: max(1.25rem, var(--vw-20)); /* 20 — title↔msg */
  flex: 1 1 auto;
  min-width: 0;
  width: auto;
  height: auto;
  padding: max(1.875rem, var(--vw-30)) max(1.25rem, var(--vw-20)) max(1.875rem, var(--vw-30)) max(2.5rem, var(--vw-40)); /* py30 pl40 */
  background-color: #f2f4f5; /* TESSOL/Fog Gray */
  background-image: none;
  color: #131313;
  text-decoration: none;
  box-sizing: border-box;
}

.site-store .store-mypage-hero__title {
  display: inline-flex;
  align-items: center;
  margin: 0;
  color: #131313; /* TESSOL/Text Black */
  font-size: max(1.25rem, var(--font-24));
  font-weight: 400;
  line-height: 1;
  letter-spacing: -0.02em;
}

.site-store .store-mypage-hero__name {
  font-weight: 500;
  color: #131313;
}

.site-store .store-mypage-hero__suffix {
  font-weight: 400;
  color: #131313;
}

.site-store .store-mypage-hero__chevron {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 10px;
  height: 16px;
  overflow: hidden;
  flex-shrink: 0;
  margin-left: 0.25rem;
}

.site-store .store-mypage-hero__chevron img {
  display: block;
  width: 16px;
  height: 10px;
  transform: rotate(-90deg);
}

.site-store .store-mypage-hero__msg,
.site-store .mypage-wrap .header.store-mypage-hero .welcome p {
  margin: 0;
  color: #252a2e; /* TESSOL/Deep Charcoal */
  font-size: max(1rem, var(--font-16));
  font-weight: 400;
  line-height: 1;
}

.site-store .store-mypage-hero__coupon,
.site-store .mypage-wrap .header.store-mypage-hero .widget {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: flex-start;
  gap: max(1.25rem, var(--vw-20)); /* 20 */
  flex: 0 0 28.472%; /* 410 / 1440 */
  width: 28.472%;
  max-width: none;
  min-width: 0;
  height: auto;
  padding: max(1.875rem, var(--vw-30)) max(2.5rem, var(--vw-40)); /* py30 px40 */
  border: 0;
  background-color: #f2f4f5; /* Fog Gray — welcome과 동일 */
  background-image: none;
  color: #131313;
  text-decoration: none;
  text-align: left;
  box-sizing: border-box;
}

.site-store .store-mypage-hero__coupon-label,
.site-store .mypage-wrap .header.store-mypage-hero .widget div {
  margin: 0;
  color: #131313;
  font-size: max(1rem, var(--font-16));
  font-weight: 400;
  line-height: 1.4;
}

.site-store .store-mypage-hero__coupon-count,
.site-store .mypage-wrap .header.store-mypage-hero .widget p {
  display: inline-flex;
  align-items: flex-end;
  gap: 4px;
  margin: 0;
  color: #131313;
  font-size: max(0.875rem, var(--font-14));
  line-height: 1;
}

.site-store .store-mypage-hero__coupon-count strong,
.site-store .mypage-wrap .header.store-mypage-hero .widget p strong {
  font-size: max(1.25rem, var(--font-20));
  font-weight: 700;
  line-height: 1;
  color: #131313;
}

/* Body: hero ↔ 사이드/메인 = 40, 사이드↔메인 gap 60 */
.site-store .mypage-content.store-mypage__body,
.site-store .page-mypage .mypage-content {
  display: flex;
  align-items: flex-start;
  gap: max(2.5rem, var(--vw-60)); /* 60 */
  padding-top: max(2.5rem, var(--vw-40)); /* 40 — Figma 6651 pt */
}

.site-store .page-mypage .mypage-content > .cont {
  flex: 1 1 auto;
  min-width: 0;
  margin-left: 0;
}

/* Sidebar */
.site-store .page-mypage .mypage-content .left {
  flex: 0 0 20%; /* 288 / 1440 */
  width: 20%;
  max-width: none;
  min-width: 0;
}

.site-store .page-mypage .mypage-content .left .inner {
  padding: max(1.875rem, var(--vw-30)) max(1.25rem, var(--vw-20));
  border: 1px solid #cbcbcb;
  border-radius: 4px;
  background: #fff;
}

.site-store .page-mypage .mypage-content .left ul {
  margin: 0;
  padding: 0 0 max(1.875rem, var(--vw-30));
  border-bottom: 1px solid #cbcbcb;
  list-style: none;
}

.site-store .page-mypage .mypage-content .left ul + ul {
  margin-top: max(1.875rem, var(--vw-30));
}

.site-store .page-mypage .mypage-content .left .title {
  margin: 0;
  color: #131313;
  font-size: max(1.25rem, var(--font-20));
  font-weight: 700;
  line-height: 1.3;
}

.site-store .page-mypage .mypage-content .left ul li {
  padding-top: max(1.25rem, var(--vw-20));
  line-height: 1.4;
}

.site-store .page-mypage .mypage-content .left ul li a {
  color: #131313;
  font-size: max(1rem, var(--font-16));
  text-decoration: none;
}

.site-store .page-mypage .mypage-content .left ul li a:hover {
  color: #00b894;
}

.site-store .page-mypage .mypage-content .left .info {
  margin-top: max(1.875rem, var(--vw-30));
}

.site-store .page-mypage .mypage-content .left .info .title {
  margin-bottom: max(1.25rem, var(--vw-20));
}

.site-store .store-mypage-nav__cs-contacts {
  display: flex;
  flex-direction: column;
  gap: 8px;
  margin-bottom: max(1.25rem, var(--vw-20));
}

.site-store .store-mypage-nav__cs-contacts a,
.site-store .store-mypage-nav__cs-contacts > span {
  display: block;
  color: #00b894;
  font-size: max(1.125rem, var(--font-18));
  font-weight: 700;
  line-height: 1.3;
  text-decoration: none;
}

.site-store .store-mypage-nav__cs-label {
  font-size: max(0.875rem, var(--font-14));
  font-weight: 400;
}

.site-store .page-mypage .mypage-content .left .info a {
  margin: 0;
  color: #00b894;
  font-size: inherit;
  font-weight: inherit;
}

.site-store .page-mypage .mypage-content .left .info p {
  margin: 0;
  color: #5e5e5e;
  font-size: max(0.875rem, var(--font-14));
  line-height: 1.714; /* 24/14 */
}

/* Main sections */
.site-store .page-mypage .mypage-content .section + .section {
  margin-top: max(2.5rem, var(--vw-60));
}

.site-store .page-mypage .mypage-content .section-header {
  display: flex;
  align-items: center;
  justify-content: space-between;
  /* app.css .mypage-content .section-header { margin-bottom: 2.5rem }
     주문내역·리뷰 등 리스트 화면: 타이틀/필터 ↔ 본문 간격 */
  margin-bottom: max(2.5rem, var(--vw-40));
  padding-bottom: max(1.25rem, var(--vw-20));
  border-bottom: 1px solid #0a0a0a;
}

/*
 * 대시보드만 0 — status-wrap / empty-post / grid-list 가
 * 이미 margin-top: 40 을 갖고 있어 이중 간격 방지 (Figma STORE-034)
 */
.site-store .dashboard .mypage-content .section-header {
  margin-bottom: 0;
}

.site-store .page-mypage .mypage-content .section-header h4,
.site-store .store-mypage__section-title {
  margin: 0;
  color: #131313;
  font-size: max(1.25rem, var(--font-24));
  font-weight: 700;
  line-height: 1.5;
}

.site-store .page-mypage .mypage-content .section-header h4 .count,
.site-store .store-mypage__section-title .count {
  margin-left: 0.5rem;
  color: #ff5a4f;
  font-size: max(1.25rem, var(--font-20));
  font-weight: 600;
  font-style: normal;
}

.site-store .page-mypage .mypage-content .section-header .more,
.site-store .page-mypage .mypage-content .section-header .more a {
  color: #5e5e5e;
  font-size: max(1rem, var(--font-16));
  text-decoration: none;
}

.site-store .page-mypage .mypage-content .section-header .more a:hover {
  color: #131313;
}

/* Order status */
.site-store .store-mypage-status,
.site-store .page-mypage .status-wrap {
  margin-top: max(2.5rem, var(--vw-40));
  background: none;
  background-image: none;
  padding: 0;
  text-align: center;
}

.site-store .page-mypage .status-wrap .step {
  display: flex;
  align-items: stretch;
  border: 1px solid #5e5e5e;
}

.site-store .page-mypage .status-wrap .step .item {
  flex: 1 1 0;
  background: #f9f9f9;
}

.site-store .page-mypage .status-wrap .item::after {
  top: 50%;
  height: 60%;
  transform: translateY(-50%);
  background-color: #a9a9a9;
}

.site-store .page-mypage .status-wrap .step .item a {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  gap: max(0.75rem, var(--vw-12));
  min-height: max(7.5rem, var(--vw-120));
  padding: max(1.5rem, var(--vw-28)) max(0.75rem, var(--vw-12));
  color: inherit;
  text-decoration: none;
}

.site-store .page-mypage .status-wrap .step .item span {
  margin: 0;
  color: #a9a9a9;
  font-size: max(1.25rem, var(--font-20));
  font-weight: 600;
  line-height: 1;
}

.site-store .page-mypage .status-wrap .step .item span.active {
  color: #ff5a4f;
}

.site-store .page-mypage .status-wrap .step .item p {
  margin: 0;
  color: #131313;
  font-size: max(1rem, var(--font-16));
  line-height: 1.5;
}

.site-store .page-mypage .status-wrap .etc {
  display: flex;
  align-items: stretch;
  margin-top: max(0.625rem, var(--vw-10));
}

.site-store .page-mypage .status-wrap .etc .item {
  flex: 1 1 0;
  background: #f9f9f9;
}

.site-store .page-mypage .status-wrap .etc .item a {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 0;
  min-height: max(3rem, var(--vw-48));
  padding: 0.75rem;
  color: inherit;
  text-decoration: none;
}

.site-store .page-mypage .status-wrap .etc .item p {
  margin: 0;
  color: #394147;
  font-size: max(1rem, var(--font-16));
  line-height: 1.5;
}

.site-store .page-mypage .status-wrap .etc .item span {
  margin-left: max(1.125rem, var(--vw-18));
  color: #a9a9a9;
  font-size: max(1.25rem, var(--font-20));
  font-weight: 600;
  line-height: 1;
}

.site-store .page-mypage .status-wrap .etc .item span.active {
  color: #131313;
}

/* Empty / wishlist / review */
.site-store .page-mypage .empty-post {
  margin-top: max(2.5rem, var(--vw-40));
  padding: max(3.125rem, var(--vw-50)) 0 !important;
  color: #5e5e5e;
  font-size: max(1rem, var(--font-16));
  text-align: center;
}

.site-store .page-mypage .grid-list {
  margin-top: max(2.5rem, var(--vw-40));
}

/* 마이페이지 대시보드 — 찜 목록 카테고리 비표시 */
.site-store .page-mypage .section .grid-list .category {
  display: none;
}

/* 찜한 상품 리스트 (/store/wishlist) */
.site-store .page-mypage #sod_ws {
  margin-top: 0;
}

.site-store .page-mypage #sod_ws .filter-wrap {
  display: flex;
  align-items: center;
  gap: max(1rem, var(--vw-16));
  margin: max(2rem, var(--vw-32)) 0 max(1.5rem, var(--vw-24));
  color: #5e5e5e;
  font-size: max(0.9375rem, var(--font-16));
}

.site-store .page-mypage #sod_ws .filter-wrap .ui-check {
  display: inline-flex;
  align-items: center;
  gap: 0.5rem;
  margin: 0;
  cursor: pointer;
}

.site-store .page-mypage #sod_ws .filter-wrap .btn-delete {
  position: relative;
  margin: 0;
  margin-left: 0;
  padding: 0 0 0 max(1rem, var(--vw-16));
  border: 0;
  background: transparent;
  color: #5e5e5e;
  font-size: inherit;
  line-height: 1.3;
  cursor: pointer;
}

.site-store .page-mypage #sod_ws .filter-wrap .btn-delete::before {
  content: '';
  position: absolute;
  left: 0;
  top: 15%;
  width: 1px;
  height: 70%;
  background: #cbcbcb;
}

.site-store .page-mypage #sod_ws .filter-wrap .btn-delete:hover {
  color: #131313;
}

.site-store .page-mypage #sod_ws .store-wishlist.grid-list {
  margin-top: 0;
  gap: max(1.5rem, var(--vw-24)) max(1.25rem, var(--vw-20));
}

.site-store .page-mypage #sod_ws .store-wishlist .grid-item {
  display: flex;
  flex-direction: column;
  gap: max(0.875rem, var(--vw-14));
  min-width: 0;
}

.site-store .page-mypage #sod_ws .store-wishlist .grid-image {
  margin: 0;
}

.site-store .page-mypage #sod_ws .store-wishlist .grid-image a {
  display: block;
  overflow: hidden;
  background: #f5f5f5;
}

.site-store .page-mypage #sod_ws .store-wishlist .grid-image img {
  display: block;
  width: 100%;
  height: auto;
  aspect-ratio: 1 / 1;
  object-fit: cover;
}

.site-store .page-mypage #sod_ws .store-wishlist .grid-content {
  position: relative;
  display: flex;
  flex-direction: column;
  gap: max(0.5rem, var(--vw-8));
  min-width: 0;
  padding: 0 0 0 max(1.75rem, var(--vw-28));
}

.site-store .page-mypage #sod_ws .store-wishlist .wish_chk {
  position: absolute;
  top: 0;
  left: 0;
  z-index: 1;
  width: auto;
  min-width: 1.25rem;
  line-height: 1.2;
  text-align: left;
}

.site-store .page-mypage #sod_ws .store-wishlist .wish_chk .ui-check {
  position: static;
  display: inline-flex;
  margin: 0;
}

.site-store .page-mypage #sod_ws .store-wishlist__soldout {
  display: block;
  margin: 0;
  color: #ff5a4f;
  font-size: max(0.8125rem, var(--font-14));
  font-weight: 600;
  line-height: 1.3;
  letter-spacing: -0.01em;
}

.site-store .page-mypage #sod_ws .store-wishlist .grid-title {
  margin: 0;
  padding-top: 0;
  color: #131313;
  font-size: max(0.9375rem, var(--font-16));
  font-weight: 500;
  line-height: 1.45;
  word-break: keep-all;
}

.site-store .page-mypage #sod_ws .store-wishlist .grid-title a {
  color: inherit;
  text-decoration: none;
}

.site-store .page-mypage #sod_ws .store-wishlist .grid-title a:hover {
  text-decoration: underline;
  text-underline-offset: 2px;
}

.site-store .page-mypage #sod_ws .store-wishlist .grid-date {
  margin: 0;
  color: #8a8a8a;
  font-size: max(0.8125rem, var(--font-14));
  line-height: 1.4;
}

.site-store .page-mypage #sod_ws .store-wishlist .grid-badge {
  position: absolute;
  right: 0;
  bottom: 0;
}

.site-store .page-mypage #sod_ws .store-wishlist .is-soldout .grid-content {
  padding-left: 0;
}

.site-store .page-mypage #sod_ws .store-wishlist .is-soldout .wish_chk {
  display: none;
}

.site-store .page-mypage #sod_ws .store-wishlist .empty-wrap {
  width: 100%;
  padding: max(3.125rem, var(--vw-50)) 0;
  color: #5e5e5e;
  font-size: max(1rem, var(--font-16));
  text-align: center;
  list-style: none;
}

@media (max-width: 767px) {
  .site-store .page-mypage #sod_ws .filter-wrap {
    margin-top: 24px;
    margin-bottom: 20px;
  }

  .site-store .page-mypage #sod_ws .store-wishlist .grid-content {
    padding-left: 28px;
    gap: 6px;
  }

  .site-store .page-mypage #sod_ws .store-wishlist .grid-title {
    font-size: 0.9375rem;
  }
}

@media (max-width: 1023px) {
  .site-store #contents.page-store-mypage,
  .site-store #contents.page-mypage {
    margin-top: 0;
    padding-top: calc(var(--store-sticky-top) + 40px);
  }

  .site-store .mypage-wrap .header.store-mypage-hero {
    flex-direction: column;
    gap: 8px;
    height: auto;
    min-height: 0;
  }

  .site-store .store-mypage-hero__coupon,
  .site-store .mypage-wrap .header.store-mypage-hero .widget {
    width: 100%;
    flex-basis: auto;
  }

  .site-store .page-mypage .mypage-content.store-mypage__body,
  .site-store .page-mypage .mypage-content {
    flex-direction: column;
    gap: 32px;
    padding-top: 32px;
  }

  .site-store .page-mypage .mypage-content .left {
    width: 100%;
    max-width: none;
  }
}

@media (max-width: 767px) {
  .site-store #contents.page-store-mypage,
  .site-store #contents.page-mypage {
    margin-top: 0;
    padding-top: calc(var(--store-sticky-top) + 24px);
    padding-bottom: 80px;
  }

  .site-store .page-store-mypage,
  .site-store .page-mypage {
    padding-bottom: 80px;
  }

  .site-store .store-mypage-hero__welcome,
  .site-store .mypage-wrap .header.store-mypage-hero .welcome {
    padding: 24px 20px;
    gap: 12px;
  }

  .site-store .store-mypage-hero__title {
    font-size: 1.125rem;
  }

  .site-store .store-mypage-hero__coupon,
  .site-store .mypage-wrap .header.store-mypage-hero .widget {
    padding: 20px;
    gap: 12px;
  }

  .site-store .page-mypage .mypage-content {
    padding-top: 24px;
  }

  .site-store .page-mypage .mypage-content .left .inner {
    padding: 0;
    border: 0;
    border-radius: 0;
  }

  .site-store .page-mypage .mypage-content .left ul {
    margin: 0;
    padding: 0;
    border: 0;
  }

  .site-store .page-mypage .mypage-content .left ul + ul {
    margin-top: 0;
  }

  .site-store .page-mypage .mypage-content .left .title {
    display: none;
  }

  .site-store .page-mypage .mypage-content .left ul li {
    padding: 0;
    border-top: 1px solid #cbcbcb;
  }

  .site-store .page-mypage .mypage-content .left ul li a {
    display: block;
    padding: 1.25rem 0.9375rem;
    background: url("../images/icons/m-next.png") no-repeat right center;
    background-size: 9px auto;
  }

  .site-store .page-mypage .mypage-content .left .info {
    display: none;
  }

  .site-store .page-mypage .status-wrap .step {
    flex-wrap: wrap;
    border: 0;
  }

  .site-store .page-mypage .status-wrap .step .item {
    flex: 1 1 33.333%;
    border: 1px solid #dedede;
  }

  .site-store .page-mypage .status-wrap .step .item a {
    min-height: 5.5rem;
    padding: 1rem 0.5rem;
  }

  .site-store .page-mypage .status-wrap .item::after {
    display: none;
  }

  .site-store .page-mypage .status-wrap .etc {
    flex-wrap: wrap;
  }

  .site-store .dashboard .mypage-content .section-header {
    display: flex;
  }

  .site-store .dashboard .mypage-content .section:nth-child(2),
  .site-store .dashboard .mypage-content .section:nth-child(3) {
    display: block;
  }
}

/* 스토어 상품 검색 — /store/search */
.site-store .page-store-search .store-search {
  padding-bottom: max(7.5rem, var(--vw-200));
}

.site-store .page-store-search .store-search__form {
  display: block;
  width: 100%;
  max-width: 50rem; /* 800 */
  margin: max(2.5rem, var(--vw-48)) auto 0;
}

.site-store .page-store-search .store-search__bar {
  display: flex;
  align-items: center;
  gap: 0;
  width: 100%;
  box-sizing: border-box;
  padding: 0 max(0.875rem, var(--vw-16));
  border: 1px solid #c8ced3;
  border-radius: 40px;
  background: #fff;
}

.site-store .page-store-search .store-search__bar:focus-within {
  border-color: #131313;
}

.site-store .page-store-search .store-search__input {
  flex: 1 1 auto;
  min-width: 0;
  width: 100%;
  height: 3.25rem;
  padding: 0;
  border: 0;
  background: transparent;
  font-size: max(1rem, var(--font-18));
  color: #131313;
  outline: none;
}

.site-store .page-store-search .store-search__input::placeholder {
  color: #8a9299;
}

.site-store .page-store-search .store-search__submit {
  flex: 0 0 auto;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 2.5rem;
  height: 3.25rem;
  padding: 0;
  border: 0;
  background: transparent;
  cursor: pointer;
}

.site-store .page-store-search .store-search__summary {
  margin: max(2.5rem, var(--vw-48)) 0 max(1.875rem, var(--vw-30));
  font-size: max(0.875rem, var(--font-16));
  color: #5e5e5e;
}

.site-store .page-store-search .store-search__summary strong {
  color: #131313;
  font-weight: 600;
}

.site-store .page-store-search .store-search__summary-count {
  margin-left: 0.5rem;
  color: #8a9299;
}

.site-store .page-store-search .store-search__grid {
  display: grid;
  grid-template-columns: repeat(auto-fill, minmax(min(100%, 17.5rem), 1fr));
  grid-auto-rows: auto;
  align-items: start;
  justify-content: stretch;
  column-gap: max(1.875rem, var(--vw-30));
  row-gap: max(3.75rem, var(--vw-60));
  width: 100%;
  margin: 0;
  padding: 0;
  list-style: none;
}

.site-store .page-store-search .store-list-grid__item {
  display: block;
  min-width: 0;
  width: 100%;
}

.site-store .page-store-search .store-list-grid__item .store-prd-card--lg {
  width: 100%;
  max-width: none;
}

.site-store .page-store-search .store-list-grid__item .store-prd-card--lg .store-prd-card__thumb {
  width: 100%;
  max-width: none;
}

.site-store .page-store-search .store-search__empty,
.site-store .page-store-search .store-search__hint {
  margin: 0;
  padding: max(2.5rem, var(--vw-48)) 0;
  font-size: max(0.875rem, var(--font-16));
  color: #8a9299;
}

.site-store .page-store-search .store-search__pager {
  display: flex;
  justify-content: center;
  margin-top: max(1.875rem, var(--vw-30));
  padding-top: max(1.875rem, var(--vw-30));
}

.site-store .page-store-search .store-search__pager .prd-pager {
  margin: 0;
}

@media (max-width: 1199px) {
  .site-store .page-store-search .store-search__grid {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
}

@media (max-width: 767px) {
  .site-store .page-store-search .store-search__grid {
    grid-template-columns: repeat(2, minmax(0, 1fr));
    column-gap: 12px;
    row-gap: 40px;
  }

  .site-store .page-store-search .store-search__input {
    height: 48px;
    font-size: 16px;
  }
}