/** Shopify CDN: Minification failed

Line 34:1 Expected identifier but found "."
Line 345:0 Unexpected "}"
Line 400:1 Expected identifier but found "."
Line 711:0 Unexpected "}"

**/
.type-banner {
  flex: 1 0 100%;
}

.footer__title {
  font-weight: bold;
  font-size: var(--type-base-size);
}
/* --- 공통/기존 스타일은 그대로 두세요 --- */
.type-banner { flex: 1 0 100%; }
.footer__title { font-weight: bold; font-size: var(--type-base-size); }
body, h1, h2, h3, h4, h5, h6, p, a, span, button, input, select, textarea {
  font-family: 'Spoqa Han Sans Neo', sans-serif !important; font-weight: 400 !important;
}
.vendor-link { text-decoration: none; color: inherit; transition: color 0.18s; }
.vendor-link .vendor-name { padding-bottom: 2px; transition: border-color 0.18s, color 0.18s; }
.vendor-link:hover .vendor-name { color: #3768d5; border-bottom-color: #3768d5; }
body, html { font-family: 'Pretendard', 'Spoqa Han Sans Neo', sans-serif !important; }
.grid {
  display: grid;
  grid-template-columns: repeat(auto-fill, minmax(220px, 1fr));
  gap: 32px 16px;
  margin: 0 auto;
  max-width: 1200px;
}
..product-option-select {
  width: 100%;
  height: 44px;
  padding: 0 36px 0 12px;
  border-radius: 6px;
  border: 1px solid #ccc;
  font-size: 15px;
  margin-bottom: 10px;
  box-sizing: border-box;
  background: #fff url("data:image/svg+xml,%3Csvg width='20' height='20' fill='none' stroke='%23333' stroke-width='2' viewBox='0 0 24 24'%3E%3Cpath d='M6 9l6 6 6-6'/%3E%3C/svg%3E") no-repeat right 12px center/24px 24px;
  appearance: none;
  -webkit-appearance: none;
  -moz-appearance: none;
  transition: border 0.14s;
}

.product-option-select:focus {
  border: 1.5px solid #3768d5;
  outline: none;
}

.product-add-btn {
  width: 100%;
  padding:0;
  line-height: 44px
  background: #222;
  color: #fff;
  border: none;
  border-radius: 6px;
  font-size: 15px;
  font-weight: 500;
  cursor: pointer;
  transition: background 0.18s;
}
.product-add-btn:hover { background: #3768d5; }
@media (max-width: 768px) {
  .grid { grid-template-columns: repeat(2, 1fr); gap: 18px 6px; }
}
/* --- 여기까지는 그대로 두세요 --- */


/* === 상품카드 줄맞춤용 최적화 CSS (custom-product-card) === */
.custom-product-card {
  display: flex;
  flex-direction: column;
  align-items: center;
  min-height: 460px;
  width: 220px;
  background: #fff;
  border-radius: 16px;
  box-shadow: 0 2px 8px #eee;
  padding: 20px 14px;
  box-sizing: border-box;
  margin-bottom: 30px;
}

.custom-product-card__badge,
.custom-product-card__badge-placeholder {
  min-height: 26px;
  display: block;
  margin-bottom: 8px;
  border-radius: 3px;
  padding: 2px 12px;
  font-size: 14px;
  font-weight: 500;
  text-align: center;
  position: static;
}
.custom-product-card__badge {
  color: #fff;
  background: #b06767;
}
.custom-product-card__badge-placeholder {
  background: transparent;
  color: transparent;
}

.custom-product-card__image-wrap {
  width: 100%;
  min-height: 120px;
  margin-bottom: 10px;
  display: flex;
  align-items: center;
  justify-content: center;
  position: relative;
  text-align: center;
}
.custom-product-card__image-wrap img {
  width: 100%;
  max-width: 120px;
  height: auto;
  object-fit: contain;
}

.custom-product-card__form {
  width: 100%;
  display: flex;
  flex-direction: column;
  align-items: stretch;
  margin: 0;
  padding: 0;
  min-height: 88px;
}
.custom-product-card__select,
.custom-product-card__select-empty {
  width: 100%;
  height: 40px;
  min-height: 40px;
  margin-bottom: 8px;
  box-sizing: border-box;
  border-radius: 0;
}
.custom-product-card__select {
  border: 1px solid #222;
  font-size: 15px;
  padding: 0 8px;
  background: #fff;
}
.custom-product-card__select-empty {
  border: none;
  background: transparent;
  padding: 0;
}

.custom-product-card__cart-btn {
  width: 100%;
  height: 40px;
  margin-bottom: 18px !important;
  background: #111;
  color: #fff;
  font-weight: 500;
  border-radius: 0;
  border: none;
  font-size: 16px;
  cursor: pointer;
  transition: background 0.18s;
}

.custom-product-card__cart-btn:hover {
  background: #3768d5;
}

.custom-product-card__title {
  font-size: 15px;
  font-weight: 500;
  margin: 8px 0 2px 0;
  min-height: 36px;
  line-height: 1.3;
  text-align: center;
  width: 100%;
}
.custom-product-card__vendor {
  font-size: 13px;
  color: #888;
  margin-bottom: 6px;
  text-align: center;
  width: 100%;
}

.custom-product-card__price-row {
  display: flex;
  align-items: center;
  gap: 6px;
  margin-bottom: 1px;
  width: 100%;
  justify-content: center;
}
.custom-product-card__price {
  font-weight: 700;
}

body, h1, h2, h3, h4, h5, h6, p, a, span, button, input, select, textarea {
  font-family: 'Pretendard', 'Spoqa Han Sans Neo', 'Apple SD Gothic Neo', 'Malgun Gothic', '맑은 고딕', 'Nanum Gothic', '나눔고딕', sans-serif !important;
  font-weight: 400 !important;
}
.grid-item__meta-main .grid-product__title {
  margin-top: 14px;
}

/* --- 여기까지는 그대로 두세요 --- */

.recently-viewed__section h2 {
  font-size: 28px !important;
  font-family: 'Pretendard', 'Spoqa Han Sans Neo', sans-serif !important;
  font-weight: 400 !important;
  color: #111 !important;
  margin: 24px 0 16px 0 !important;
  letter-spacing: -0.5px !important;
  line-height: 1.2 !important;
}

/* PC(데스크탑)에서만 보이게 */
.pc-only {
  display: block;
}
.mobile-only {
  display: none;
}

/* 모바일(최대 767px)에서는 반대로! */
@media (max-width: 767px) {
  .pc-only {
    display: none !important;
  }
  .mobile-only {
    display: block !important;
  }
}

/* 마이페이지 전체 Pretendard 폰트 적용 */
.customer,
#customer_area,
.account,
.account-table,
.customer__addresses,
.customer__orders,
.account-section {
  font-family: 'Pretendard', sans-serif !important;
}

/* 표 헤더/셀에도 적용 */
.account-table th,
.account-table td,
.customer__orders th,
.customer__orders td {
  font-family: 'Pretendard', sans-serif !important;
}

/* 계정/주문내역 등 타이틀까지 Pretendard 적용 */
.customer h1,
.customer h2,
.customer h3,
.account h1,
.account h2,
.account h3,
#customer_area h1,
#customer_area h2,
#customer_area h3 {
  font-family: 'Pretendard', sans-serif !important;
  font-weight: 400 !important;
}

.section-header__title,
.page-title,
.account-title,
.customer__title {
  font-family: 'Pretendard', sans-serif !important;
  font-weight: 400 !important;
}

.add-to-cart-btn {
  height: 44px !important;
  line-height: 44px !important;
  padding: 0 !important;
  margin-top: 0px !important;
  box-sizing: border-box !important;
  width: 100% !important;
  font-size: 15px !important;
  font-weight: 500 !important;
  white-space: nowrap !important;
  word-break: keep-all !important;
  overflow: hidden !important;
  text-overflow: ellipsis !important;
  display: block !important;
  text-align: center !important;
}

/* 최근 본 상품 등 section-header__title을 Pretendard로 변경 */
.section-header__title,
.h3.section-header__title {
  font-family: 'Pretendard', sans-serif !important;
}

body, html {
  font-family: 'Pretendard', 'Spoqa Han Sans Neo', sans-serif !important;
  /* === 마이페이지(account) 카드 스타일 개선 === */
.float-grid {
  display: flex;
  gap: 40px;
  margin-top: 32px;
}
.grid__item {
  background: #fff;
  border-radius: 16px;
  box-shadow: 0 4px 14px rgba(50,50,50,0.07);
  padding: 36px 28px;
}
.medium-up--two-thirds {
  flex: 2;
  min-width: 350px;
}
.medium-up--one-third {
  flex: 1;
  min-width: 260px;
}
.table--responsive th, .table--responsive td {
  text-align: center;
  font-size: 1.04rem;
  padding: 10px 0;
}
.table--responsive th {
  color: #23264a;
  background: #f7f8fa;
  font-weight: 600;
  border-bottom: 1px solid #ebeef4;
}
.table--responsive td {
  background: #fcfcfc !important;
}

}
}
.table__section .badge {
  display: inline-block;
  background: #e4eaff;
  color: #3644a2;
  border-radius: 6px;
  padding: 4px 10px;
  font-size: .96rem;
  font-weight: 600;
  margin: 0 2px;
  letter-spacing: 0.01em;
}
.account-details {
  background: #f7f7fb;
  padding: 13px 16px 10px 16px;
  border-radius: 11px;
  color: #43455a;
  margin-bottom: 18px;
  font-size: 1rem;
  line-height: 1.7;
}
.account-title {
  font-size: 1.25rem;
  font-weight: 700;
  margin-bottom: 18px;
}
.text-link {
  color: #3768d5;
  font-weight: 600;
}
@media (max-width: 900px) {
  .float-grid {
    flex-direction: column;
    gap: 22px;
  }
  .grid__item {
    padding: 24px 10px;
  }
}/* --- 공통/기존 스타일은 그대로 두세요 --- */
.type-banner { flex: 1 0 100%; }
.footer__title { font-weight: bold; font-size: var(--type-base-size); }
body, h1, h2, h3, h4, h5, h6, p, a, span, button, input, select, textarea {
  font-family: 'Spoqa Han Sans Neo', sans-serif !important; font-weight: 400 !important;
}
.vendor-link { text-decoration: none; color: inherit; transition: color 0.18s; }
.vendor-link .vendor-name { padding-bottom: 2px; transition: border-color 0.18s, color 0.18s; }
.vendor-link:hover .vendor-name { color: #3768d5; border-bottom-color: #3768d5; }
body, html { font-family: 'Pretendard', 'Spoqa Han Sans Neo', sans-serif !important; }
.grid {
  display: grid;
  grid-template-columns: repeat(auto-fill, minmax(220px, 1fr));
  gap: 32px 16px;
  margin: 0 auto;
  max-width: 1200px;
}
..product-option-select {
  width: 100%;
  height: 44px;
  padding: 0 36px 0 12px;
  border-radius: 6px;
  border: 1px solid #ccc;
  font-size: 15px;
  margin-bottom: 10px;
  box-sizing: border-box;
  background: #fff url("data:image/svg+xml,%3Csvg width='20' height='20' fill='none' stroke='%23333' stroke-width='2' viewBox='0 0 24 24'%3E%3Cpath d='M6 9l6 6 6-6'/%3E%3C/svg%3E") no-repeat right 12px center/24px 24px;
  appearance: none;
  -webkit-appearance: none;
  -moz-appearance: none;
  transition: border 0.14s;
}

.product-option-select:focus {
  border: 1.5px solid #3768d5;
  outline: none;
}

.product-add-btn {
  width: 100%;
  height: 44px;
  padding: 12px 0;
  background: #222;
  color: #fff;
  border: none;
  border-radius: 6px;
  font-size: 15px;
  font-weight: 500;
  cursor: pointer;
  transition: background 0.18s;
}
.product-add-btn:hover { background: #3768d5; }
@media (max-width: 768px) {
  .grid { grid-template-columns: repeat(2, 1fr); gap: 18px 6px; }
}
/* --- 여기까지는 그대로 두세요 --- */


/* === 상품카드 줄맞춤용 최적화 CSS (custom-product-card) === */
.custom-product-card {
  display: flex;
  flex-direction: column;
  align-items: center;
  min-height: 460px;
  width: 220px;
  background: #fff;
  border-radius: 16px;
  box-shadow: 0 2px 8px #eee;
  padding: 20px 14px;
  box-sizing: border-box;
  margin-bottom: 30px;
}

.custom-product-card__badge,
.custom-product-card__badge-placeholder {
  min-height: 26px;
  display: block;
  margin-bottom: 8px;
  border-radius: 3px;
  padding: 2px 12px;
  font-size: 14px;
  font-weight: 500;
  text-align: center;
  position: static;
}
.custom-product-card__badge {
  color: #fff;
  background: #b06767;
}
.custom-product-card__badge-placeholder {
  background: transparent;
  color: transparent;
}

.custom-product-card__image-wrap {
  width: 100%;
  min-height: 120px;
  margin-bottom: 10px;
  display: flex;
  align-items: center;
  justify-content: center;
  position: relative;
  text-align: center;
}
.custom-product-card__image-wrap img {
  width: 100%;
  max-width: 120px;
  height: auto;
  object-fit: contain;
}

.custom-product-card__form {
  width: 100%;
  display: flex;
  flex-direction: column;
  align-items: stretch;
  margin: 0;
  padding: 0;
  min-height: 88px;
}
.custom-product-card__select,
.custom-product-card__select-empty {
  width: 100%;
  height: 40px;
  min-height: 40px;
  margin-bottom: 8px;
  box-sizing: border-box;
  border-radius: 0;
}
.custom-product-card__select {
  border: 1px solid #222;
  font-size: 15px;
  padding: 0 8px;
  background: #fff;
}
.custom-product-card__select-empty {
  border: none;
  background: transparent;
  padding: 0;
}

.custom-product-card__cart-btn {
  width: 100%;
  height: 40px;
  margin-bottom: 18px !important;
  background: #111;
  color: #fff;
  font-weight: 500;
  border-radius: 0;
  border: none;
  font-size: 16px;
  cursor: pointer;
  transition: background 0.18s;
}

.custom-product-card__cart-btn:hover {
  background: #3768d5;
}

.custom-product-card__title {
  font-size: 15px;
  font-weight: 500;
  margin: 8px 0 2px 0;
  min-height: 36px;
  line-height: 1.3;
  text-align: center;
  width: 100%;
}
.custom-product-card__vendor {
  font-size: 13px;
  color: #888;
  margin-bottom: 6px;
  text-align: center;
  width: 100%;
}

.custom-product-card__price-row {
  display: flex;
  align-items: center;
  gap: 6px;
  margin-bottom: 1px;
  width: 100%;
  justify-content: center;
}
.custom-product-card__price {
  font-weight: 700;
}

body, h1, h2, h3, h4, h5, h6, p, a, span, button, input, select, textarea {
  font-family: 'Pretendard', 'Spoqa Han Sans Neo', 'Apple SD Gothic Neo', 'Malgun Gothic', '맑은 고딕', 'Nanum Gothic', '나눔고딕', sans-serif !important;
  font-weight: 400 !important;
}
.grid-item__meta-main .grid-product__title {
  margin-top: 14px;
}

/* --- 여기까지는 그대로 두세요 --- */

.recently-viewed__section h2 {
  font-size: 28px !important;
  font-family: 'Pretendard', 'Spoqa Han Sans Neo', sans-serif !important;
  font-weight: 400 !important;
  color: #111 !important;
  margin: 24px 0 16px 0 !important;
  letter-spacing: -0.5px !important;
  line-height: 1.2 !important;
}

/* PC(데스크탑)에서만 보이게 */
.pc-only {
  display: block;
}
.mobile-only {
  display: none;
}

/* 모바일(최대 767px)에서는 반대로! */
@media (max-width: 767px) {
  .pc-only {
    display: none !important;
  }
  .mobile-only {
    display: block !important;
  }
}

/* 마이페이지 전체 Pretendard 폰트 적용 */
.customer,
#customer_area,
.account,
.account-table,
.customer__addresses,
.customer__orders,
.account-section {
  font-family: 'Pretendard', sans-serif !important;
}

/* 표 헤더/셀에도 적용 */
.account-table th,
.account-table td,
.customer__orders th,
.customer__orders td {
  font-family: 'Pretendard', sans-serif !important;
}

/* 계정/주문내역 등 타이틀까지 Pretendard 적용 */
.customer h1,
.customer h2,
.customer h3,
.account h1,
.account h2,
.account h3,
#customer_area h1,
#customer_area h2,
#customer_area h3 {
  font-family: 'Pretendard', sans-serif !important;
  font-weight: 400 !important;
}

.section-header__title,
.page-title,
.account-title,
.customer__title {
  font-family: 'Pretendard', sans-serif !important;
  font-weight: 400 !important;
}

.add-to-cart-btn {
  width: 100% !important;
  box-sizing: border-box !important;
  padding-left: 0 !important;
  padding-right: 0 !important;
  font-size: 15px !important;
  font-weight: 500 !important;
  white-space: nowrap !important;
  word-break: keep-all !important;
  overflow: hidden !important;
  text-overflow: ellipsis !important;
  line-height: 1.2 !important;
  letter-spacing: 0.02em !important;
  display: block !important;
  text-align: center !important;
}

/* 최근 본 상품 등 section-header__title을 Pretendard로 변경 */
.section-header__title,
.h3.section-header__title {
  font-family: 'Pretendard', sans-serif !important;
}

body, html {
  font-family: 'Pretendard', 'Spoqa Han Sans Neo', sans-serif !important;
  /* === 마이페이지(account) 카드 스타일 개선 === */
.float-grid {
  display: flex;
  gap: 40px;
  margin-top: 32px;
}
.grid__item {
  background: #fff;
  border-radius: 16px;
  box-shadow: 0 4px 14px rgba(50,50,50,0.07);
  padding: 36px 28px;
}
.medium-up--two-thirds {
  flex: 2;
  min-width: 350px;
}
.medium-up--one-third {
  flex: 1;
  min-width: 260px;
}
.table--responsive th, .table--responsive td {
  text-align: center;
  font-size: 1.04rem;
  padding: 10px 0;
}
.table--responsive th {
  color: #23264a;
  background: #f7f8fa;
  font-weight: 600;
  border-bottom: 1px solid #ebeef4;
}
.table--responsive td {
  background: #fcfcfc !important;
}

}
}
.table__section .badge {
  display: inline-block;
  background: #e4eaff;
  color: #3644a2;
  border-radius: 6px;
  padding: 4px 10px;
  font-size: .96rem;
  font-weight: 600;
  margin: 0 2px;
  letter-spacing: 0.01em;
}
.account-details {
  background: #f7f7fb;
  padding: 13px 16px 10px 16px;
  border-radius: 11px;
  color: #43455a;
  margin-bottom: 18px;
  font-size: 1rem;
  line-height: 1.7;
}
.account-title {
  font-size: 1.25rem;
  font-weight: 700;
  margin-bottom: 18px;
}
.text-link {
  color: #3768d5;
  font-weight: 600;
}
@media (max-width: 900px) {
  .float-grid {
    flex-direction: column;
    gap: 22px;
  }
  .grid__item {
    padding: 24px 10px;
  }
}
select[name="id"] {
  height: 44px !important;
  margin-bottom: 4px !important;
  box-sizing: border-box !important;
}


/* 버튼 및 옵션 박스 포함 컨테이너 높이 및 정렬 통일 */
.grid-item__meta {
  min-height: 120px; /* 적절한 높이로 충분히 확보 */
  display: flex;
  flex-direction: column;
  justify-content: flex-end;
}
grid-item__meta button {
  margin-top: 0 !important; /* 버튼 위 마진 제거 */
  padding-top: 8px !important;
  padding-bottom: 8px !important;
}
.shopify-section .field--password,
.shopify-section .field--password + .field__forgot {
  display: block !important;
  width: 100% !important;
  margin: 0 !important;
  box-shadow: none !important;
  border-radius: 0 !important;
}
.field__forgot {
  display: block !important;
  margin-top: 4px !important;
  text-align: right;
  background: none !important;
  box-shadow: none !important;
}
