/*
Theme Name: HYELUNIJN Child
Theme URI: https://hyelunijn.com
Description: Astra 차일드 테마. 부모 테마 직접 수정(footer.php 45KB)으로 인한 업데이트 소실 위험 제거 목적. 생성일 2026-08-08 (s03 0-b).
Author: HYELUNIJN
Template: astra
Version: 1.0.0
Text Domain: hyelunijn-child
*/

/* =====================================================================
   [2026-09-04] 커스터마이저 «추가 CSS»(91KB 인라인)를 이 파일로 이동.
   출력 위치는 functions.php 의 wp_head 101 훅이 예전 인라인과 같은 자리에 <link>로 넣는다.
   원본은 커스터마이저에 그대로 남아 있고(wp_get_custom_css 필터로 출력만 막음), 되돌리기: functions.php 의 두 훅 삭제.
   ===================================================================== */


/* [2026-08-24 D] 죽은 규칙 소거: ARTS 15+1 · GTranslate 1 · hye-transitioning(양성) 1 = 18개.
   :not(.hye-transitioning) img transition 규칙은 항상-참(=살아있는 규칙)이라 보류 — 감리 회부. 전문 백업: 스니펫 3359. */
/* ── a-9 죽은 규칙 정리 (2026-08-12) ──────────────────────────────
   무엇: 대상 요소가 0개인 규칙 50개를 지웠다.
         font-size 규칙 40개 + #hye-grid-toggle 나머지 선언 8개
         + .hlj-cartnum 배지 상자 2개. 각 규칙 위 주석도 함께.
   왜:   #hye-grid-toggle · #hye-mobile-header · .hlj-cartnum · .hye-size-*
         · .hye-carousel-arrow · #hlj-sg-panel · .hlj-back 은 만드는 코드가
         없거나 호출부가 주석 처리돼 화면에 존재하지 않는다. body.hljm3 는
         스니펫 2779 가 비활성이라 영영 안 붙는다.
   안 지운 것: 살아 있음 확인 — .woocommerce-product-attributes(속성 있는
         상품 3개에서 렌더), #hlj-cart-delbar button(장바구니 참일 때).
         보류 5 — ARTS 2 · .added::before · #trp-floater-ls
         · .moderncart-checkout-form-edit-link.
         선택자가 섞인 것(#hye-grid-toggle + .hye-plus-btn 등)은 살아 있는
         쪽이 있어 손대지 않았다. a-10 에서 본다.
   되돌리기: 04_settings/커스터마이저_a9착수전_20260812.css 를 통째로 붙여넣기.
   ────────────────────────────────────────────────────────────── */
@import url('https://fonts.googleapis.com/css2?family=Noto+Sans+KR:wght@400;500;600&family=Noto+Sans:wght@400;500;600&display=swap');
/* WooCommerce - Yeezy Style */

/* 배경색 F5F5F5 */
body, .site-content, .entry-content, .elementor-section-wrap {
  background-color: #ffffff !important;
}

/* 상품 카드 배경 F5F5F5, 테두리 없음 */
.woocommerce ul.products li.product {
  border: none;
  box-shadow: none;
}

/* 상품 이미지 배경 F5F5F5 */
.woocommerce ul.products li.product a img {
  background: #ffffff !important;
  margin-bottom: 0 !important;
}

/* 전체 너비 레이아웃 */
.elementor-container {
  max-width: 100% !important;
  padding: 0 !important;
}

.elementor-section {
  padding: 0 !important;
}

.elementor-section .elementor-container {
  max-width: 100% !important;
  width: 100% !important;
}

/* WooCommerce 그리드 전체 너비 */
.woocommerce ul.products {
  width: 100% !important;
  margin: 0 !important;
  padding: 0 !important;
}

.woocommerce ul.products li.product {
  padding: 0 !important;
  margin: 0 0 1px 0 !important;
}

/* 상품 이미지 컨테이너 */
.woocommerce ul.products li.product .attachment-woocommerce_thumbnail {
  width: 100% !important;
}

/* 장바구니 버튼 - 검정색 */
.woocommerce ul.products li.product .button,
.woocommerce ul.products li.product .add_to_cart_button,
.woocommerce a.button,
.woocommerce button.button {
  background-color: #000000 !important;
  color: #ffffff !important;
  border: none !important;
  border-radius: 0 !important;
  font-size: 11px !important;
  letter-spacing: 0.1em !important;
  text-transform: uppercase !important;
  padding: 10px 16px !important;
  width: 100% !important;
}

.woocommerce ul.products li.product .button:hover,
.woocommerce a.button:hover {
  background-color: #333333 !important;
  color: #ffffff !important;
}

/* 상품명 스타일 */
/* [3] 2026-08-14 — font-weight:400 !important 를 지웠다. 새 규칙은 안 만들었다(규칙 2-2).
   차점이 이미 원하는 값이었다: 이 파일 아래 「상품명만 볼드」의
   html body ul.products li.product .woocommerce-loop-product__title{font-weight:700 !important}.
   그 규칙은 오버레이 상품명(.hljqv-name)과 같은 줄에 있다 — 그래서 둘이 같아진다.
   같은 400 을 지운 곳 셋: 여기 · @922+ 「yeezy font unify」 · @922+ 「yeezy font unify STRONG」.
   되돌리기: 04_settings/커스터마이저_상품명굵기전_20260814.css */
.woocommerce ul.products li.product .woocommerce-loop-product__title {
  font-size: 11px !important;
  color: #000000 !important;
  letter-spacing: 0.08em !important;
  text-transform: uppercase !important;
  padding: 8px 0 2px !important;
  margin: 0 !important;
}

/* 카테고리 숨기기 */
.woocommerce ul.products li.product .woocommerce-loop-category__title,
.woocommerce ul.products li.product .ast-woo-product-category {
  display: none !important;
}

/* 가격 스타일 */
.woocommerce ul.products li.product .price {
  font-size: 11px !important;
  color: #000000 !important;
  font-weight: 400 !important;
  padding: 2px 0 8px !important;
  margin: 0 !important;
}

/* 헤더 WooCommerce 카트 아이콘 정리 */
.ast-header-woo-cart .count,
.ast-header-woo-cart .woocommerce-Price-amount,
.ast-header-woo-cart .amount,
#site-header-cart {
  display: none !important;
}

/* Greenstore 헤더 컬러 아이콘 숨기기 */
.ast-builder-grid-row .ast-header-html,
.elementor-location-header {
  display: none !important;
}

/* 상품명, 가격 중앙 정렬 */
.woocommerce ul.products li.product .woocommerce-loop-product__title,
.woocommerce ul.products li.product .price,
.woocommerce ul.products li.product .woocommerce-loop-category__title {
  text-align: center !important;
}

.woocommerce ul.products li.product {
  text-align: center !important;
}

/* 상품 hover - 2% 살짝 확대 */
.woocommerce ul.products li.product {
  transition: transform 0.3s ease !important;
}

.woocommerce ul.products li.product:hover {
}

/* 장바구니 호버 팝업/버튼 완전 숨김 */
.woocommerce ul.products li.product .button,
.woocommerce ul.products li.product .add_to_cart_button,
.woocommerce ul.products li.product .added_to_cart,
.woocommerce ul.products li.product .ast-cart-overlay,
.woocommerce ul.products li.product .woo-overlay,
.woocommerce ul.products li.product .overlay,
.woocommerce ul.products li.product .button.product_type_simple,
.woocommerce ul.products li.product form.cart,
.woocommerce ul.products li.product .yith-wcwl-add-to-wishlist {
  display: none !important;
  opacity: 0 !important;
  visibility: hidden !important;
}

/* ============================================
   HYELUNIJN — 상품 페이지 미니멀 커스텀 CSS
   ============================================ */

/* 전체 상품 페이지 기본 초기화 */
.single-product .woocommerce-product-gallery,
.single-product .entry-summary {
  float: none !important;
  width: 100% !important;
  padding: 0 !important;
  margin: 0 !important;
}

.single-product .product {
  display: flex;
  flex-direction: column;
  align-items: center;
  padding: 40px 20px;
  max-width: 600px;
  margin: 0 auto;
}

/* ---- 이미지 슬라이더 영역 ---- */
.hye-gallery-wrapper {
  position: relative;
  width: 100%;
  max-width: 560px;
  overflow: hidden;
  cursor: grab;
  user-select: none;
}

.hye-gallery-wrapper:active {
  cursor: grabbing;
}

.hye-gallery-track {
  display: flex;
  transition: transform 0.35s ease;
}

.hye-gallery-slide {
  min-width: 100%;
  aspect-ratio: 3/4;
  overflow: hidden;
}

.hye-gallery-slide img {
  width: 100%;
  height: 100%;
  object-fit: contain;
  display: block;
  pointer-events: none;
}

/* [정리 배치] 2026-08-14 — 갤러리 좌우 화살표 규칙 4개를 걷어냈다.
   배치 42 에서 화살표를 DOM 에서 뗐고 이번에 만드는 코드(footer.php)도 지웠다 → 대상 0개.
   되돌리기: 04_settings/커스터마이저_정리배치전_20260814.css */

/* 도트 인디케이터 */
.hye-dots {
  display: flex;
  justify-content: center;
  gap: 6px;
  margin-top: 14px;
}

.hye-dot {
  width: 5px;
  height: 5px;
  border-radius: 50%;
  background: #ccc;
  cursor: pointer;
  transition: background 0.2s;
}

.hye-dot.active { background: #111; }

/* ---- 상품 정보 영역 ---- */
.hye-product-info {
  width: 100%;
  max-width: 560px;
  margin-top: 28px;
  display: flex;
  flex-direction: column;
  align-items: flex-start;
}

.hye-product-name {
  font-size: 12px;
  font-weight: 400;
  letter-spacing: 3px;
  text-transform: uppercase;
  color: #111;
  margin: 0 0 6px;
}

.hye-product-price {
  font-size: 12px;
  font-weight: 300;
  letter-spacing: 2px;
  color: #666;
  margin: 0 0 20px;
}

/* + 버튼 */
.hye-plus-btn {
  width: 36px;
  height: 36px;
  border: 1px solid #111;
  background: none;
  font-size: 20px;
  font-weight: 200;
  cursor: pointer;
  display: flex;
  align-items: center;
  justify-content: center;
  line-height: 1;
  transition: background 0.2s, color 0.2s;
  margin-bottom: 24px;
}

.hye-plus-btn:hover {
  background: #111;
  color: #fff;
}

/* INFORMATION 탭 */
.hye-info-tab {
  font-size: 10px;
  letter-spacing: 3px;
  text-transform: uppercase;
  color: #999;
  cursor: pointer;
  padding: 0;
  background: none;
  border: none;
  border-bottom: 1px solid transparent;
  transition: color 0.2s, border-color 0.2s;
  margin-bottom: 0;
}

.hye-info-tab:hover,
.hye-info-tab.open {
  color: #111;
  border-bottom-color: #111;
}

.hye-info-content {
  max-height: 0;
  overflow: hidden;
  transition: max-height 0.4s ease, padding 0.3s ease;
  font-size: 12px;
  font-weight: 300;
  line-height: 2;
  letter-spacing: 1px;
  color: #555;
  width: 100%;
}

.hye-info-content.open {
  max-height: 600px;
  padding-top: 16px;
}

/* ---- 사이즈 선택 오버레이 ---- */
.hye-size-overlay {
  position: fixed;
  inset: 0;
  background: rgba(0,0,0,0.3);
  z-index: 9998;
  opacity: 0;
  pointer-events: none;
  transition: opacity 0.3s;
}

.hye-size-overlay.open {
  opacity: 1;
  pointer-events: all;
}

.hye-size-panel {
  position: fixed;
  bottom: 0;
  left: 0;
  right: 0;
  background: #fff;
  padding: 36px 32px 48px;
  transform: translateY(100%);
  transition: transform 0.35s ease;
  z-index: 9999;
  max-width: 560px;
  margin: 0 auto;
}

.hye-size-overlay.open .hye-size-panel {
  transform: translateY(0);
}

.hye-size-header {
  display: flex;
  justify-content: space-between;
  align-items: center;
  margin-bottom: 28px;
}

.hye-size-title {
  font-size: 10px;
  letter-spacing: 4px;
  text-transform: uppercase;
  font-weight: 400;
}

.hye-size-close {
  background: none;
  border: none;
  font-size: 18px;
  cursor: pointer;
  color: #111;
  line-height: 1;
  padding: 0;
  font-weight: 200;
}

.hye-size-options {
  display: flex;
  gap: 10px;
  flex-wrap: wrap;
  margin-bottom: 28px;
}


.hye-size-option:hover,
.hye-size-option.selected {
  border-color: #111;
  background: #111;
  color: #fff;
}

/* [H-3 3단계 되돌림] 2026-08-14 — 진의 결정으로 **다시 라운드 박스**로 되돌린다.
   다만 예전(496x40 꽉 찬 폭)보다 작게: width:fit-content 로 글자만큼만, 가운데 정렬.
   손가락이 닿는 높이는 44px 을 지킨다 — line-height 26 + 위아래 9 = 44 (실측 142x44).
   font-size 12px / letter-spacing .16em: 원래 적혀 있던 10px·4px 은 2954(b-8) 전역 핀
   [0,6,3] 에 져서 화면에 한 번도 안 나온 죽은 값이었다(배치 41 실측). 실제 값만 남긴다.
   되돌리기: 04_settings/커스터마이저_담기박스복원전_20260814.css */
.hye-size-add-btn {
  display: block;   /* [되돌림] button 은 기본이 inline-block 이라 margin:0 auto 가 안 먹는다(실측 ml:0px). 가운데로 놓으려면 block 이어야 한다 */
  width: fit-content;
  margin: 0 auto;
  padding: 9px 22px;
  min-height: 44px;
  line-height: 26px;
  background: #111;
  color: #fff;
  border: none;
  border-radius: 10px;
  font-size: 12px;
  font-weight: 500;
  letter-spacing: .16em !important;
  text-transform: uppercase;
  cursor: pointer;
  transition: background 0.2s;
}

.hye-size-add-btn:hover { background: #333; }

/* 기존 WooCommerce 요소 숨김 */
.single-product .woocommerce-product-gallery { display: none !important; }
.single-product .quantity,
.single-product .single_add_to_cart_button,
.single-product .woocommerce-variation-add-to-cart,
.single-product .product_meta,
.single-product .woocommerce-tabs,
.single-product .related.products,
.single-product .woocommerce-breadcrumb { display: none !important; }

/* 기존 제목/가격도 숨김 (커스텀으로 대체) */
.single-product h1.product_title,
.single-product .woocommerce-Price-amount.amount:not(.hye-product-price *) { display: none; }

/* 반응형 */
@media (max-width: 600px) {
  .single-product .product { padding: 20px 14px; }
  .hye-size-panel { padding: 28px 20px 40px; }
}

/* ============================================
   추가 스타일 — 중앙정렬 / 버튼 / 장바구니
   ============================================ */

/* 상품 상세 페이지 전체 중앙 정렬 */
.single-product .product {
  align-items: center !important;
  text-align: center !important;
  margin: 0 auto !important;
}

.single-product .entry-summary,
.single-product .summary {
  text-align: center !important;
  display: flex !important;
  flex-direction: column !important;
  align-items: center !important;
}

.hye-product-info {
  align-items: center !important;
  text-align: center !important;
}

.hye-gallery-wrapper {
  margin: 0 auto !important;
}

.hye-dots {
  justify-content: center !important;
}

/* + 버튼 — 블랙, 호버시 2% 확대 */
.hye-plus-btn {
  background: #000 !important;
  color: #fff !important;
  border: 1px solid #000 !important;
  width: 40px !important;
  height: 40px !important;
  font-size: 22px !important;
  font-weight: 300 !important;
  cursor: pointer !important;
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  transition: transform 0.2s ease, background 0.2s !important;
  margin: 0 auto 24px !important;
}

.hye-plus-btn:hover {
  background: #222 !important;
  color: #fff !important;
  transform: scale(1.02) !important;
}

/* 장바구니 아이콘 검정색 */
.ast-header-woo-cart .ast-icon,
.ast-header-woo-cart svg,
.ast-header-woo-cart svg path,
.ast-header-woo-cart svg circle,
.ast-header-woo-cart .ast-cart-menu-wrap svg,
.woocommerce-cart-icon svg,
header .cart-icon svg,
.ast-site-header-cart .ast-icon svg,
.ast-site-header-cart svg path,
.ast-site-header-cart svg circle,
#ast-site-header-cart svg path,
#ast-site-header-cart svg circle {
  fill: #000 !important;
  color: #000 !important;
  stroke: #000 !important;
}

.ast-header-woo-cart a,
.ast-site-header-cart a {
  color: #000 !important;
}

/* 장바구니 카운트 뱃지 검정 */
.ast-header-woo-cart .count,
.ast-cart-menu-wrap .count {
  background: #000 !important;
  color: #fff !important;
}


/* ============================================
   메뉴 2행 레이아웃
   ============================================ */

.elementor-nav-menu,
.elementor-nav-menu--main,
.ast-builder-menu-1 .main-header-menu,
.main-navigation ul.ast-nav-menu,
nav.ast-flex ul {
  display: flex !important;
  flex-wrap: wrap !important;
  justify-content: center !important;
  align-items: center !important;
  max-width: 560px !important;
  margin: 0 auto !important;
}

.elementor-nav-menu > li,
.elementor-nav-menu--main > li,
.ast-builder-menu-1 .main-header-menu > li,
.main-navigation ul.ast-nav-menu > li,
nav.ast-flex ul > li {
  flex: 0 0 33.33% !important;
  text-align: center !important;
  list-style: none !important;
}

.elementor-nav-menu > li:nth-child(4),
.elementor-nav-menu > li:nth-child(5),
.elementor-nav-menu--main > li:nth-child(4),
.elementor-nav-menu--main > li:nth-child(5),
.main-navigation ul.ast-nav-menu > li:nth-child(4),
.main-navigation ul.ast-nav-menu > li:nth-child(5),
nav.ast-flex ul > li:nth-child(4),
nav.ast-flex ul > li:nth-child(5) {
  flex: 0 0 50% !important;
  text-align: center !important;
}

.ast-offcanvas-menu > li,
#ast-offcanvas-menu > li {
  text-align: center !important;
}


.elementor-nav-menu a:hover,
.elementor-nav-menu--main a:hover,
.main-navigation ul.ast-nav-menu a:hover {
  color: #000 !important;
  border-bottom: 1px solid #000 !important;
}

.elementor-location-header .elementor-nav-menu--layout-horizontal {
  justify-content: center !important;
}


/* =============================================
   FIX 1: 녹색/틸 컬러 전체 제거 → 블랙으로
   ============================================= */

.ast-header-woo-cart .count,
.ast-cart-menu-wrap .count,
.woocommerce-cart-icon .count,
span.count {
  background: #000 !important;
  color: #fff !important;
  border-color: #000 !important;
}

#pojo-a11y-toolbar,
.pojo-a11y-toolbar-toggle,
[id*="a11y"],
[class*="a11y"],
.ast-button-wrap,
#ast-scroll-top {
  display: none !important;
}

:root {
  --e-global-color-accent: #000000 !important;
  --wp--preset--color--ast-global-color-0: #000000 !important;
  --ast-global-color-0: #000000 !important;
  --ast-global-color-1: #000000 !important;
  --ast-global-color-2: #000000 !important;
}

a { color: #000 !important; }
a:hover { color: #333 !important; }

.elementor-nav-menu a,
.main-navigation a,
.ast-nav-menu a,
.menu-link {
  color: #000 !important;
}

.woocommerce a.button,
.woocommerce button.button,
.woocommerce input.button,
.woocommerce #respond input#submit,
.woocommerce .button,
.ast-woocommerce-add-to-cart-button {
  background-color: #000 !important;
  color: #fff !important;
  border-color: #000 !important;
}

/* =============================================
   FIX 2: 헤더 메뉴 간격 좁히기
   ============================================= */

.elementor-nav-menu,
.elementor-nav-menu--main,
.ast-builder-menu-1 .main-header-menu,
.main-navigation ul.ast-nav-menu {
  max-width: 420px !important;
  gap: 0 !important;
}

.elementor-nav-menu > li,
.elementor-nav-menu--main > li,
.ast-builder-menu-1 .main-header-menu > li,
.main-navigation ul.ast-nav-menu > li {
  flex: 0 0 33.33% !important;
  padding: 0 4px !important;
}

.elementor-nav-menu > li:nth-child(4),
.elementor-nav-menu > li:nth-child(5),
.elementor-nav-menu--main > li:nth-child(4),
.elementor-nav-menu--main > li:nth-child(5),
.main-navigation ul.ast-nav-menu > li:nth-child(4),
.main-navigation ul.ast-nav-menu > li:nth-child(5) {
  flex: 0 0 50% !important;
  padding: 0 4px !important;
}


/* =============================================
   FIX 3: 푸터 네비게이션 컬러
   ============================================= */

footer.site-footer,
.site-footer,
.site-above-footer-wrap,
.site-primary-footer-wrap,
.ast-builder-grid-row-container,
footer .ast-builder-grid-row-container-inner,
footer .ast-footer-html-1,
footer .footer-bar-navigation,
footer .site-above-footer-inner-wrap {
  background: #fff !important;
  background-color: #fff !important;
  color: #000 !important;
}


/* =============================================
   FIX 4: 푸터 — 메뉴 숨기고 공간 최소화
   ============================================= */

.site-above-footer-wrap,
.site-footer-above-section-1,
footer .footer-bar-navigation,
footer .footer-nav-wrap {
  display: none !important;
}

.site-primary-footer-wrap,
.ast-builder-grid-row-container.site-primary-footer-wrap {
  display: none !important;
}

.elementor-location-footer {
  background: #fff !important;
}

footer.site-footer {
  margin: 0 !important;
}


/* =============================================
   FIX: 초록 플로팅 카트 버튼 숨김
   ============================================= */
.moderncart-floating-cart-button,
.moderncart-floating-cart,
.moderncart-floating-cart-count,
.woo-floating-cart,
.yith-woofc-icon-group {
  display: none !important;
}

.ast-cart-menu-wrap .count,
.ast-header-woo-cart .count,
.site-header-cart .count,
.woocommerce-cart-form .count {
  background: #000 !important;
  color: #fff !important;
  border: none !important;
  outline: none !important;
}

[style*="background: rgb(0, 128"],
[style*="background-color: rgb(0, 128"],
[style*="background: green"],
[style*="background: #0"],
[style*="background:#0"] {
  background: #000 !important;
  background-color: #000 !important;
}

/* =============================================
   푸터 — 깔끔하게 정리
   ============================================= */

footer.site-footer {
  background: #fff !important;
  padding: 40px 0 !important;
  min-height: unset !important;
}

.site-above-footer-wrap,
.site-primary-footer-wrap,
.ast-footer-html-1,
.ast-footer-html-2,
footer .footer-widget-area,
footer .footer-bar-navigation,
footer .site-footer-above-section-1 {
  display: none !important;
}

/* [정리 배치] 2026-08-14 — 옛 푸터 링크(.hye-footer-links) 모양 규칙 3개를 걷어냈다.
   footer.php 의 그 블록을 이번에 같이 지웠다. 아래쪽의
   .hye-footer-links{display:none !important} 은 **남겨 둔다** — ARTS 스니펫(2397·2942)이
   같은 클래스를 만들 수 있어서 그 한 줄이 보호 장치다. */


/* ============ BLOCK 6: Cart badge + White BG + Menu styles ============ */

.astra-icon.ast-icon-shopping-bag::after {
  color: #fff !important;
}

body, .site-content, .entry-content,
.woocommerce ul.products, .woocommerce ul.products li.product,
.elementor-section-wrap, .site-main,
.ast-container, .ast-container-layout-above,
.woocommerce-page.archive .site-content,
.hfeed.site { background-color: #ffffff !important; }
.woocommerce ul.products li.product { background: #ffffff !important; }


.elementor-nav-menu > li.current-menu-item > a,
.elementor-nav-menu > li.current_page_item > a,
.elementor-nav-menu > li.current-menu-ancestor > a,
.main-navigation ul.ast-nav-menu > li.current-menu-item > a,
.main-navigation ul.ast-nav-menu > li.current_page_item > a {
  color: #000 !important;
  font-weight: 800 !important;
  transform: scale(1.02) !important;
}

.elementor-nav-menu > li > a::after,
.elementor-nav-menu > li > a::before,
.main-navigation ul.ast-nav-menu > li > a::after,
.main-navigation ul.ast-nav-menu > li > a::before,
.ast-nav-menu .menu-item a::after {
  display: none !important;
  border-bottom: none !important;
  background: none !important;
  height: 0 !important;
}

.elementor-nav-menu > li > a:hover,
.main-navigation ul.ast-nav-menu > li > a:hover {
  color: #000 !important;
  text-decoration: none !important;
}


/* ============ BLOCK 7: Remove hover underline + tighter menu spacing ============ */

.main-navigation .main-header-menu .menu-item > a::after,
.main-navigation .main-header-menu .menu-item > a::before,
.ast-nav-menu .menu-item > a::after,
.ast-nav-menu .menu-item > a::before,
.elementor-nav-menu > li > a::after,
.elementor-nav-menu > li > a::before,
.elementor-nav-menu--indicator-underline .elementor-item::after,
.elementor-nav-menu--indicator-underline .elementor-item::before,
.elementor-item::after,
.elementor-item::before,
[class*="menu"] a::after,
[class*="menu"] a::before {
  display: none !important;
  width: 0 !important;
  height: 0 !important;
  border: none !important;
  border-bottom: none !important;
  background: none !important;
  content: none !important;
  opacity: 0 !important;
}

.main-navigation .main-header-menu .menu-item > a:hover,
.ast-nav-menu .menu-item > a:hover,
.elementor-nav-menu > li > a:hover,
.elementor-item:hover,
.elementor-item--active,
.elementor-item.highlighted,
nav a:hover, nav a:focus {
  text-decoration: none !important;
  border-bottom: none !important;
  outline: none !important;
  box-shadow: none !important;
}

.elementor-nav-menu,
.main-navigation ul.ast-nav-menu {
}

.elementor-nav-menu > li,
.main-navigation ul.ast-nav-menu > li {
  margin: 0 !important;
  padding: 0 !important;
}

.elementor-nav-menu > li > a,
.main-navigation ul.ast-nav-menu > li > a {
  padding-left: 8px !important;
  padding-right: 8px !important;
  margin: 0 !important;
}


/* ============ BLOCK 8: Fix menu item flex width ============ */
.elementor-nav-menu > li,
.main-navigation ul.ast-nav-menu > li {
  flex: 0 0 auto !important;
  width: auto !important;
  min-width: 0 !important;
}

.elementor-nav-menu > li:nth-child(4),
.elementor-nav-menu > li:nth-child(5),
.main-navigation ul.ast-nav-menu > li:nth-child(4),
.main-navigation ul.ast-nav-menu > li:nth-child(5) {
  flex: 0 0 auto !important;
  width: auto !important;
}

.elementor-nav-menu,
.main-navigation ul.ast-nav-menu {
  column-gap: 0 !important;
}


/* ============ BLOCK 9: 2-row compact menu ============ */

.elementor-nav-menu,
.main-navigation ul.ast-nav-menu {
  display: flex !important;
  flex-wrap: wrap !important;
  justify-content: center !important;
  align-items: center !important;
  max-width: 350px !important;
  width: 350px !important;
  margin: 0 auto !important;
  gap: 0 !important;
  padding: 0 !important;
}

.elementor-nav-menu > li,
.main-navigation ul.ast-nav-menu > li,
.elementor-nav-menu > li:nth-child(4),
.elementor-nav-menu > li:nth-child(5) {
  flex: 0 0 auto !important;
  width: auto !important;
  min-width: 0 !important;
  margin: 0 !important;
  padding: 0 !important;
}

.elementor-nav-menu > li > a,
.main-navigation ul.ast-nav-menu > li > a {
  padding: 4px 10px !important;
  display: inline-block !important;
  white-space: nowrap !important;
}


/* ============ BLOCK 10: Fix menu vertical spacing ============ */
.elementor-nav-menu > li > a,
.main-navigation ul.ast-nav-menu > li > a,
.elementor-item,
.menu-link {
  line-height: 1.3 !important;
  height: auto !important;
}

.elementor-nav-menu,
.main-navigation ul.ast-nav-menu {
  height: auto !important;
  row-gap: 2px !important;
}

.elementor-nav-menu > li,
.main-navigation ul.ast-nav-menu > li {
  height: auto !important;
  line-height: 1.3 !important;
}


/* === Block 11: Inter font === */
*, *::before, *::after,
body, html,
h1, h2, h3, h4, h5, h6,
p, a, span, div, li, ul, ol,
button, input, textarea, select,
.site-title, .site-description,
.elementor-widget, .elementor-widget *,
.woocommerce, .woocommerce *,
.ast-site-header-cart, .ast-site-header-cart *,
.main-navigation, .main-navigation *,
.elementor-nav-menu, .elementor-nav-menu * {
  /* [정리 배치] 20260814 .hye-footer-links 선택자 뺐다 */
}


/* === Block 12: Grid view toggle (+/-) === */


.woocommerce ul.products.hye-grid-large {
  grid-template-columns: repeat(3, 1fr) !important;
}
.woocommerce ul.products.hye-grid-large li.product {
  width: 100% !important;
}
.woocommerce ul.products.hye-grid-large li.product a img {
  max-height: 380px;
  width: 100%;
  object-fit: contain;
}


/* === Block 13: Josefin Sans font + logo size + product image hover === */
@import url('https://fonts.googleapis.com/css2?family=Josefin+Sans:wght@100;200;300;400;600;700&display=swap');

*, *::before, *::after,
body, html,
h1, h2, h3, h4, h5, h6,
p, a, span, div, li, ul, ol,
button, input, textarea, select,
.site-title, .site-description,
.elementor-widget, .elementor-widget *,
.woocommerce, .woocommerce *,
.ast-site-header-cart, .ast-site-header-cart *,
.main-navigation, .main-navigation *,
.elementor-nav-menu, .elementor-nav-menu * {
  font-family: 'Noto Sans KR','Noto Sans','Apple SD Gothic Neo',sans-serif !important;   /* [정리 배치] 20260814 .hye-footer-links 선택자 뺐다 */
}


.woocommerce ul.products li.product a img {
  display: block;
}
.woocommerce ul.products li.product:hover a img {
  transform: scale(1.05) !important;
}
.woocommerce ul.products li.product:hover {
  transform: none !important;
}
.woocommerce ul.products li.product .woocommerce-loop-product__title,
.woocommerce ul.products li.product .price {
  transform: none !important;
  transition: none !important;
}


/* === Block 14: Logo nowrap fix === */
.site-title, .site-title a, .ast-site-name-text {
  white-space: nowrap !important;
  overflow: visible !important;
}


/* === Block 15: Yeezy-style smooth grid width transition === */
.woocommerce ul.products:not(.elementor-grid) {
  display: flex !important;
  flex-wrap: wrap !important;
  grid-template-columns: unset !important;
  column-gap: 0 !important;
  align-items: flex-start !important;
}

.woocommerce ul.products:not(.elementor-grid) li.product {
  flex: 0 0 calc(100% / 6) !important;
  width: calc(100% / 6) !important;
  max-width: calc(100% / 6) !important;
  box-sizing: border-box !important;
  padding: 0 10px !important;
  transition: flex-basis 0.45s cubic-bezier(0.4, 0, 0.2, 1),
              width 0.45s cubic-bezier(0.4, 0, 0.2, 1),
              max-width 0.45s cubic-bezier(0.4, 0, 0.2, 1) !important;
}

.woocommerce ul.products.hye-grid-large:not(.elementor-grid) li.product {
  flex: 0 0 calc(100% / 3) !important;
  width: calc(100% / 3) !important;
  max-width: calc(100% / 3) !important;
  padding: 0 15px !important;
}

.woocommerce ul.products li.product a img {
  width: 100% !important;
  height: auto !important;
  max-height: none !important;
  object-fit: fill !important;
  display: block !important;
  transition: transform 0.35s ease !important;
}


/* === Main page product grid - center align === */
.woocommerce ul.products {
  transform: translateX(25%) !important;
}

.woocommerce ul.products:not(.hye-transitioning) li.product a img {
  transition: transform 0.35s ease !important;
}


/* === Block 18: FLIP animation prep === */
.woocommerce ul.products:not(.elementor-grid) li.product {
  will-change: transform;
}

/* 로고 가로 밀기 다섯 줄을 걷었다 (2026-08-14)
   무엇: 로고 컨테이너를 왼쪽에서 오른쪽으로 밀던 선언 다섯 개를 지웠다.
         48px(전 폭) / 70px / 70px / 16vw / 11vw — 마지막 것만 화면에 닿고 있었다.
   왜:   Astra 헤더 빌더에서 로고를 가운데 칸으로 옮겼다. 손으로 밀어 가운데처럼
         보이게 하던 코드라 전부 근거를 잃었다. 남겨 두면 진짜 중앙에서 다시 밀어낸다.
   되돌리기: 04_settings/커스터마이저_로고정정전_20260814.css 로 통째 복원한다. */
.woocommerce ul.products li.product .price {
  display: block !important;
}

.ast-primary-header-bar {
  border-bottom: none !important;
}


/* ===== 상품 상세 페이지 (single-product) 전용 CSS ===== */
body.single-product header,
body.single-product .ast-primary-header-bar,
body.single-product .ast-site-header-wrap,
body.single-product #masthead,
body.single-product .site-header {
  display: none !important;
}

body.single-product .product_meta,
body.single-product .posted_in,
body.single-product .tagged_as,
body.single-product span.posted_in,
body.single-product .woocommerce-product-details__short-description,
body.single-product .product_title + .posted_in {
  display: none !important;
}

body.single-product .wc-gfg-badge,
body.single-product .payment-icons,
body.single-product img[src*="visa"],
body.single-product img[src*="mastercard"],
body.single-product img[src*="amex"],
body.single-product img[src*="discover"],
body.single-product .guaranteed-checkout,
body.single-product .trust-badge,
body.single-product [class*="trust"],
body.single-product [class*="badge"],
body.single-product [class*="guarantee"],
body.single-product [class*="safe-checkout"],
body.single-product .woocommerce-variation-add-to-cart,
body.single-product .single_add_to_cart_button {
  display: none !important;
}

body.single-product footer,
body.single-product .ast-footer-overlay,
body.single-product .site-footer,
body.single-product .ast-small-footer,
body.single-product #colophon,
body.single-product .ast-footer-copyright {
  display: none !important;
}

body.single-product .woocommerce-breadcrumb,
body.single-product .related.products,
body.single-product .up-sells,
body.single-product .woocommerce-tabs,
body.single-product .woocommerce-Reviews,
body.single-product .quantity,
body.single-product .cart,
body.single-product form.cart,
body.single-product .single_add_to_cart_button,
body.single-product .free_shipping_text,
body.single-product .ast-woo-product-category,
body.single-product .entry-summary .price + .free_shipping_text {
  display: none !important;
}

body.single-product .free-shipping,
body.single-product [class*="free-shipping"],
body.single-product [class*="free_shipping"] {
  display: none !important;
}

body.single-product {
  background: #fff !important;
  margin: 0 !important;
  padding: 0 !important;
}

body.single-product #page,
body.single-product #content,
body.single-product .ast-container,
body.single-product .site-content {
  max-width: 100% !important;
  padding: 0 !important;
  margin: 0 !important;
}

#hye-back-btn {
  position: fixed;
  top: 20px;
  left: 24px;
  background: none;
  border: none;
  font-size: 28px;
  font-weight: 300;
  line-height: 1;
  cursor: pointer;
  color: #000;
  z-index: 9999;
  width: 36px;
  height: 36px;
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 0;
  transition: opacity 0.15s ease;
  font-family:'Noto Sans KR','Noto Sans','Apple SD Gothic Neo',sans-serif !important;
}
#hye-back-btn:hover { opacity: 0.4; }

body.single-product .ast-site-header-cart,
body.single-product .ast-header-woo-cart,
body.single-product .ast-cart-menu-wrap {
  display: none !important;
}

/* ===== 이미지 캐러셀 영역 ===== */
#hye-product-carousel {
  position: relative;
  width: 100%;
  max-width: 600px;
  margin: 0 auto;
  padding-top: 60px;
  user-select: none;
  -webkit-user-select: none;
}

#hye-carousel-viewport {
  position: relative;
  width: 100%;
  overflow: hidden;
  cursor: grab;
}
#hye-carousel-viewport:active {
  cursor: grabbing;
}

#hye-carousel-track {
  display: flex;
  transition: transform 0.4s cubic-bezier(0.4, 0, 0.2, 1);
  will-change: transform;
}

#hye-carousel-track img {
  width: 100%;
  height: auto;
  flex-shrink: 0;
  display: block;
  pointer-events: none;
}


.hye-carousel-arrow:hover { opacity: 0.4; }
.hye-carousel-arrow.prev { left: -60px; }
.hye-carousel-arrow.next { right: -60px; }

#hye-carousel-dots {
  display: flex;
  justify-content: center;
  align-items: center;
  gap: 8px;
  margin-top: 16px;
}
#hye-carousel-dots .dot {
  width: 6px;
  height: 6px;
  border-radius: 50%;
  background: #ccc;
  transition: background 0.3s ease;
  cursor: pointer;
}
#hye-carousel-dots .dot.active {
  background: #000;
}

#hye-product-info {
  text-align: center;
  margin-top: 24px;
  padding: 0 20px;
  font-family:'Noto Sans KR','Noto Sans','Apple SD Gothic Neo',sans-serif;
}


#hye-expand-btn:hover { opacity: 0.4; }
#hye-expand-btn.expanded {
  transform: rotate(45deg);
}

#hye-expand-panel {
  max-height: 0;
  overflow: hidden;
  transition: max-height 0.4s cubic-bezier(0.4, 0, 0.2, 1), opacity 0.3s ease;
  opacity: 0;
  text-align: center;
  font-family:'Noto Sans KR','Noto Sans','Apple SD Gothic Neo',sans-serif;
}
#hye-expand-panel.open {
  max-height: 400px;
  opacity: 1;
}

#hye-expand-panel .panel-content {
  padding: 16px 0;
}

.hye-sizes {
  display: flex;
  justify-content: center;
  gap: 16px;
  margin-bottom: 16px;
}

.hye-size-btn:hover,
.hye-size-btn.selected {
  border-color: #000;
}


#hye-info-link:hover { opacity: 0.4; }

#hye-info-panel {
  max-height: 0;
  overflow: hidden;
  transition: max-height 0.4s cubic-bezier(0.4, 0, 0.2, 1), opacity 0.3s ease;
  opacity: 0;
  text-align: center;
  font-family:'Noto Sans KR','Noto Sans','Apple SD Gothic Neo',sans-serif;
}
#hye-info-panel.open {
  max-height: 600px;
  opacity: 1;
}


body.single-product div.product {
  max-width: 100% !important;
  padding: 0 !important;
}
body.single-product .woocommerce-product-gallery,
body.single-product .entry-summary,
body.single-product .summary {
  display: none !important;
}


@media (max-width: 768px) {
  .hye-carousel-arrow.prev { left: 10px; }
  .hye-carousel-arrow.next { right: 10px; }
  
  #hye-product-carousel { padding-top: 50px; max-width: 90%; }
}


body.single-product .hye-plus-btn {
  background: none !important;
  background-color: transparent !important;
  color: #000 !important;
  border: none !important;
  font-size: 24px !important;
  font-weight: 300 !important;
  padding: 0 !important;
  cursor: pointer !important;
  line-height: 1 !important;
  width: auto !important;
  height: auto !important;
  min-width: 0 !important;
  min-height: 0 !important;
  transition: opacity 0.15s ease, transform 0.3s ease !important;
}
body.single-product .hye-plus-btn:hover {
  opacity: 0.4 !important;
}

body.single-product header,
body.single-product .ast-primary-header-bar,
body.single-product .ast-site-header-wrap,
body.single-product #masthead,
body.single-product .site-header,
body.single-product header.site-header {
  display: none !important;
}

body.single-product footer,
body.single-product .site-footer,
body.single-product footer.site-footer,
body.single-product #colophon,
body.single-product .ast-small-footer,
body.single-product .ast-footer-overlay {
  display: none !important;
}

body.single-product .product_meta,
body.single-product .posted_in,
body.single-product .tagged_as,
body.single-product .wc-gfg-badge,
body.single-product [class*="trust"],
body.single-product [class*="badge"],
body.single-product [class*="guarantee"],
body.single-product [class*="safe-checkout"],
body.single-product [class*="free-shipping"],
body.single-product [class*="free_shipping"],
body.single-product .woocommerce-breadcrumb,
body.single-product .related.products,
body.single-product .up-sells,
body.single-product .woocommerce-tabs,
body.single-product .woocommerce-Reviews {
  display: none !important;
}

body.single-product .ast-site-header-cart,
body.single-product .ast-header-woo-cart {
  display: none !important;
}


#masthead {
  position: sticky !important;
  top: 0 !important;
  z-index: 9998 !important;
  background: #fff !important;
}

/* ── "장바구니 보기" 링크 숨김 (2026-08-12) ──────────────────────────────
   무엇: 담기 성공 뒤 사이즈 패널(.hye-size-panel) 안에 생기는
         <a class="added_to_cart">장바구니 보기</a> 를 감춘다.
   왜:   담기 직후 장바구니 드로어가 바로 열리므로 같은 일을 하는 링크가 겹친다.
   **왜 이렇게 긴가 — 줄이지 마라.**
         우커머스 코어가 (0,3,1) 짜리
         `.woocommerce-js.single-product a.added_to_cart{display:inline-block}` 로
         이 링크를 켠다. 거기에 !important 가 없으므로, 이쪽도 (0,3,1) 로 맞추면
         소스 순서로 이긴다 — wp-custom-css 시트가 woocommerce-general 보다 뒤에 온다.
         `body.single-product` 를 떼면 (0,2,1) 로 내려가 그대로 진다.
         그래서 !important 없이 이기려고 일부러 붙여 둔 것이다.
   범위: 상세 페이지의 사이즈 패널 + **오버레이 상세 상자(#hljqv-detail)**.
         드로어·장바구니·결제의 같은 클래스는 건드리지 않는다.
   [2] 2026-08-14 — 오버레이를 범위에 넣었다(새 규칙 아님, 선택자 한 줄 추가).
         담기 성공 뒤 우커머스가 `added_to_cart` 이벤트를 받아 담기 버튼 옆에
         <a class="added_to_cart">장바구니 보기</a> 를 붙인다. 오버레이에서는 .hljqv-bar 안에 들어간다.
         .hljqv-bar 는 flex 라 링크가 끼면 ADD TO CART 가 왼쪽으로 34px 밀린다(746.6 vs 780.5).
         숨기면 제자리로 돌아온다 — 위치가 밀리는 게 아니라 **원래 자리로 복구된다.**
         #hljqv-detail 은 id 라 (1,1,1). 우커머스 코어의 (0,3,1) 을 !important 없이 이긴다.
         드로어 안의 「Proceed to Checkout」(a.checkout-button.wc-forward)은 클래스가 달라 안 걸린다.
   되돌리기: 이 주석과 아래 두 줄을 지운다 · 04_settings/커스터마이저_장바구니보기링크전_20260814.css
   ────────────────────────────────────────────────────────────── */
body.single-product .hye-size-panel a.added_to_cart,
#hljqv-detail a.added_to_cart{display:none;}

/* ===== END ARTS PAGE ===== */


/* === HYELUNIJN Footer Redesign === */
.ast-footer-copyright {
  text-align: center;
  padding: 24px 20px 32px;
}
/* Legal links - design-forward */
.ast-footer-copyright p:first-child {
  margin-bottom: 20px;
  line-height: 2;
}

.ast-footer-copyright p:first-child a:hover {
  opacity: 0.35;
}
/* Business info - subtle, small */
.ast-footer-copyright p:last-child {
  font-size: 8.5px !important;
  color: #aaa !important;
  letter-spacing: 0.04em;
  line-height: 2;
  margin-top: 0;
}

/* === Main page product grid - center align === */
.woocommerce.columns-3 ul.products.columns-3 {
  display: flex !important;
  flex-wrap: wrap !important;
  justify-content: center !important;
}
.woocommerce.columns-3 ul.products.columns-3 li.product {
  float: none !important;
}

/* === 상품 페이지 배송 소요기간 표시 === */
body.single-product .woocommerce-tabs {
}
body.single-product .woocommerce-tabs .tabs.wc-tabs {
  display: none !important;
}
body.single-product .woocommerce-Tabs-panel {
  display: none !important;
}
body.single-product .woocommerce-Tabs-panel--additional_information {
  display: block !important;
  padding: 0 !important;
  border: none !important;
  background: transparent !important;
}
body.single-product .woocommerce-Tabs-panel--additional_information h2 {
  display: none !important;
}
body.single-product .woocommerce-product-attributes {
  width: auto !important;
  border: none !important;
  margin: 8px 0 0 !important;
}
body.single-product .woocommerce-product-attributes th,
body.single-product .woocommerce-product-attributes td {
  padding: 0 8px 0 0 !important;
  font-size: 10px !important;
  font-weight: 400 !important;
  letter-spacing: 0.08em !important;
  color: #888 !important;
  text-transform: uppercase !important;
  border: none !important;
  background: transparent !important;
  vertical-align: middle !important;
}
body.single-product .woocommerce-product-attributes th {
  color: #888 !important;
  white-space: nowrap !important;
}


/* HLJ: hide Additional Information attributes table (shipping text) 2026-07-18 */
body.single-product .woocommerce-tabs{display:none !important;}


/* HLJ: product-page top-right cart icon */
body.single-product .moderncart-toggle-slide-out{display:block !important;position:fixed !important;top:16px !important;right:18px !important;left:auto !important;bottom:auto !important;z-index:9999 !important;}
body.single-product .moderncart-floating-cart-button{display:flex !important;}


/* HLJ: mobile balancing */
@media (max-width:921px){
.woocommerce ul.products{transform:none !important;display:flex !important;flex-wrap:wrap !important;justify-content:center !important;}
body.home .site,body.archive .site,body.post-type-archive-product .site{display:flex !important;flex-direction:column !important;min-height:100vh !important;}
body.home #content,body.archive #content,body.post-type-archive-product #content{flex:1 0 auto !important;}
}


/* HLJ: grid minus button */
/* s04-b2 (2026-08-09) 삭제: 그리드 마이너스 버튼 전용 규칙 2건. 생성하는 JS 없음, 홈·상세·결제 x 데스크탑·모바일 6개 조합 전부 DOM 0개 확인 */


/* HLJ: per-column typography (prevent name wrapping at high column counts) */
.woocommerce ul.products li.product .woocommerce-loop-product__title,
.woocommerce ul.products li.product h2{white-space:nowrap !important;overflow:hidden !important;text-overflow:ellipsis !important;max-width:100% !important;}
.woocommerce ul.products li.product .price{white-space:nowrap !important;}
.woocommerce ul.products.hye-cols-6 li.product .woocommerce-loop-product__title,
.woocommerce ul.products.hye-cols-6 li.product h2{font-size:10px !important;}
.woocommerce ul.products.hye-cols-6 li.product .price{font-size:9px !important;}
@media (max-width:921px){
.woocommerce ul.products.hye-cols-6 li.product .woocommerce-loop-product__title,
.woocommerce ul.products.hye-cols-6 li.product h2{font-size:8px !important;}
.woocommerce ul.products.hye-cols-6 li.product .price{font-size:8px !important;}
}


/* HLJ: size option label visibility */

.hye-size-option.selected{color:#fff !important;background:#000 !important;}


/* HLJ: round size options + mobile toggle buttons visible */
.hye-size-option{border-radius:50% !important;width:54px !important;height:54px !important;display:inline-flex !important;align-items:center !important;justify-content:center !important;padding:0 !important;}


/* HLJ: sticky buy bar + hide legacy header toggle */
#hlj-buybar{position:fixed;left:0;right:0;bottom:0;display:flex;z-index:9990;background:#fff;border-top:1px solid #eee;}
#hlj-buybar button{flex:1;height:56px;font-size:13px;letter-spacing:0.14em;cursor:pointer;border:none;font-family:inherit;}
#hlj-buybar-cart{background:#fff;color:#000;}
#hlj-buybar-buy{background:#000;color:#fff;}
body.hlj-has-buybar{padding-bottom:64px !important;}
body.single-product .hye-mob-left button{display:none !important;}


/* HLJ: cart drawer text visibility (black theme fix) */
#moderncart-slide-out .checkout-button, #moderncart-slide-out-modal .checkout-button{color:#fff !important;}
#moderncart-slide-out .moderncart-cart-line-items-value, #moderncart-slide-out .moderncart-cart-line-items-label{color:#000 !important;}
#moderncart-slide-out [class*="item-price"], #moderncart-slide-out .woocommerce-Price-amount{color:#000 !important;}


/* HLJ: mobile drawer slide-in fix */
#moderncart-slide-out-modal.moderncart-show #moderncart-slide-out{transform:translateX(0) !important;}


/* HLJ: show drawer amounts on product pages */
body.single-product #moderncart-slide-out .woocommerce-Price-amount.amount,
body.single-product #moderncart-slide-out-modal .woocommerce-Price-amount.amount{display:inline !important;}


/* HLJ: distraction-free checkout (no toggle/menu/cart) */
body.woocommerce-checkout #hye-mobile-header{display:none !important;}
body.woocommerce-checkout .main-header-menu,
body.woocommerce-checkout .ast-builder-menu-1,
body.woocommerce-checkout .main-navigation{display:none !important;}
body.woocommerce-checkout .ast-header-woo-cart,
body.woocommerce-checkout .ast-site-header-cart{display:none !important;}
body.woocommerce-checkout #hye-grid-toggle,
body.woocommerce-checkout .hye-mob-left button{display:none !important;}
body.woocommerce-checkout .moderncart-toggle-slide-out{display:none !important;}


/* HLJ: tighten checkout top spacing */
body.woocommerce-checkout{padding-top:0 !important;}
body.woocommerce-checkout #primary{margin-top:0 !important;padding-top:16px !important;}
body.woocommerce-checkout article.page{padding-top:0 !important;}


/* HLJ: smooth mobile toggle + 6col fonts + silent buy-now */
@media (max-width:921px){
.woocommerce ul.products li.product{transition:width 0.45s cubic-bezier(0.4,0,0.2,1),flex-basis 0.45s cubic-bezier(0.4,0,0.2,1),max-width 0.45s cubic-bezier(0.4,0,0.2,1) !important;}
.woocommerce ul.products li.product img{transition:width 0.45s cubic-bezier(0.4,0,0.2,1),height 0.45s cubic-bezier(0.4,0,0.2,1) !important;}
}
html.hlj-buynow #moderncart-slide-out-modal{display:none !important;}


/* [왕복 제거 2단계] 20260814 배치 47 — #hlj-facts · .hlj-sg-link · #hlj-sg-panel 규칙 4줄 삭제.
   만드는 코드(footer.php buildFacts)를 같은 배치에서 걷어냈다. 대상 0개 실측 확인 */

/* [정리 배치] 20260814 #hlj-more-ring 규칙 3줄 삭제 — 만드는 코드(footer.php buildMoreLink)를 같이 지웠다. 화면에서도 display:none 이었다(실측) */


/* HLJ: mobile header polish + facts divider */
@media (max-width:921px){
div#hye-mobile-header{align-items:center !important;padding:10px 14px !important;}
div#hye-mobile-header .hye-mob-left,div#hye-mobile-header .hye-mob-right{flex:0 0 40px !important;display:flex !important;align-items:center !important;min-height:32px !important;}
div#hye-mobile-header .hye-mob-right{justify-content:flex-end !important;}

div#hye-mobile-header .hye-mob-center{display:flex !important;flex-direction:column !important;align-items:center !important;justify-content:center !important;gap:5px !important;}
.hlj-mob-logo img{height:20px !important;width:auto !important;display:block !important;}

body.single-product div#hye-mobile-header .hye-mob-center a:not(.hlj-mob-logo){display:none !important;}
body.single-product .moderncart-toggle-slide-out{display:none !important;}

}
/* [왕복 제거 2단계] 20260814 배치 47 — #hlj-facts::before 삭제. 대상 0개 */


/* HLJ: mob menu row */
@media (max-width:921px){
.hlj-mob-menu{display:flex !important;flex-direction:row !important;gap:18px !important;align-items:center !important;justify-content:center !important;}
body.single-product .hlj-mob-menu{display:none !important;}
}


/* HLJ: detail page keep only back button on left */
@media (max-width:921px){
body.single-product div#hye-mobile-header .hye-mob-left button:not(.hlj-back){display:none !important;}
}

/* HLJ: cart multi-delete (user-approved) */
#moderncart-slide-out .hlj-cart-chk{display:flex;align-items:center;margin-right:10px;flex:0 0 auto;}
#moderncart-slide-out .hlj-cart-chk input{width:16px;height:16px;accent-color:#000;cursor:pointer;margin:0;}
#hlj-cart-delbar{display:flex;gap:8px;}
#hlj-cart-delbar button{background:#fff;border:1px solid #000;color:#000;font-size:12px;line-height:1;padding:7px 14px;cursor:pointer;border-radius:0;}
#hlj-cart-delbar button:hover{background:#000;color:#fff;}
#hlj-cart-delhint{margin-right:auto;align-self:center;color:#bbb;font-size:10px !important;letter-spacing:.02em !important;line-height:1.2;}   /* [체크박스 뜻 보이기] 2026-08-14 옅은 안내. margin-right:auto 로 왼쪽에 붙이고 버튼 둘은 오른쪽에 모은다. 2954(b-8) 전역 핀이 12px 로 덮으므로 !important 로 되찾는다 */
/* HLJ: cart bar v2 - subtotal hide, bar in footer (user-approved) */
#moderncart-slide-out .moderncart-cart-line-items__subtotal{display:none !important;}
#hlj-cart-delbar{justify-content:space-between;padding:12px 20px;border-bottom:1px solid #eee;}
/* HLJ: qty ghost (user-approved) */
#moderncart-slide-out .moderncart-cart-item-quantity{position:relative;}
#moderncart-slide-out .hlj-qty-ghost{position:absolute;background:#fff;display:flex;align-items:center;justify-content:center;pointer-events:none;color:#000;}
/* HLJ: hide result count and ordering (user-approved) */
.woocommerce-result-count{display:none !important;}
.woocommerce-ordering, form.woocommerce-ordering{display:none !important;}
/* [카드 +] 2026-08-14 — 카드 위 장바구니 버튼을 없앤다.
   왜:   이 가게 상품은 호수를 골라야 담긴다. 그리드에는 호수를 고를 자리가 없어
         그 버튼을 눌러도 담기지 않는다. 카드는 누르면 오버레이가 열린다(스니펫 2744).
         고객에게 헛걸음만 시키는 버튼이라 걷어낸다.
   어떻게: 새 규칙을 만들지 않았다. 이 버튼을 되살리던 선언 열여섯 줄
         (여기 8 + 「hover/logo v2」 4 + 「yeezy tweak v2」 4)을 지웠다.
         그러면 위쪽 「장바구니 호버 팝업/버튼 완전 숨김」 규칙
         (.woocommerce ul.products li.product .add_to_cart_button{display:none !important})
         이 다시 이긴다. 그 규칙에는 미디어 쿼리가 없어 모든 폭에서 숨는다.
   같이 끝나는 것: [K-2] `+` 굵기 맞추기 — 견줄 대상이 없어진다.
   남는 것: 카드에 마우스를 올리면 사진이 1.05배 커지는 반응(별개 규칙, 건드리지 않았다).
   되돌리기: 04_settings/커스터마이저_카드버튼전_20260814.css */
@media (min-width: 922px){
li.product .astra-shop-thumbnail-wrap{position:relative;}
}
/* HLJ: hover/logo v2 specificity fix (user-approved) */
@media (min-width: 922px){
.woocommerce ul.products li.product .astra-shop-thumbnail-wrap{position:relative !important;}
}
/* HLJ: yeezy layout pass - keep serif, match size/spacing (user-approved) */
@media (min-width: 922px){
.woocommerce ul.products li.product{margin-bottom:72px !important;}
.woocommerce ul.products li.product .astra-shop-summary-wrap{padding-top:16px !important;}
.woocommerce ul.products li.product .price{font-size:12px !important;letter-spacing:1px !important;}
}
/* HLJ: yeezy tweak v2 (user-approved) */
@media (min-width: 922px){
}
/* HLJ: sticky header clean bg (user-approved) */
@media (min-width: 922px){
#masthead{z-index:99 !important;}
}
/* HLJ: full-width product grid on wide screens (user-approved) */
@media (min-width: 922px){
.elementor-element-29a366c > .e-con-inner{max-width:100% !important;padding-left:48px !important;padding-right:48px !important;}
}
/* HLJ: yeezy footer (user-approved) */
.hye-footer-links{display:none !important;}
.ast-footer-copyright .hlj-foot-links{display:flex;flex-wrap:wrap;justify-content:center;align-items:center;gap:14px 26px;margin:0 auto 20px;max-width:1000px;}
.ast-footer-copyright .hlj-foot-links a{font-size:11px;letter-spacing:1.6px;color:#111 !important;text-decoration:none;text-transform:uppercase;font-family:inherit;}
.ast-footer-copyright .hlj-foot-links a:hover{opacity:.5;}
.ast-footer-copyright .hlj-foot-biz{font-size:10px;line-height:2;letter-spacing:.3px;color:#9a9a9a !important;text-align:center;max-width:920px;margin:0 auto;}
.ast-footer-copyright{padding-top:40px !important;padding-bottom:40px !important;}
/* HLJ: footer biz size fix (user-approved) */
.ast-footer-copyright .hlj-foot-biz{font-size:11px !important;line-height:1.9 !important;}
/* HLJ: yeezy font unify + toggle pos + regular weight (user-approved) */
@media (min-width: 922px){

.woocommerce ul.products li.product .woocommerce-loop-product__title{font-size:13px !important;letter-spacing:1.5px !important;} /* [3] 20260814 font-weight:400 제거 */
.woocommerce ul.products li.product .price,.woocommerce ul.products li.product .price .amount,.woocommerce ul.products li.product .price bdi{font-size:13px !important;font-weight:400 !important;letter-spacing:1px !important;}

}
/* HLJ: yeezy font unify STRONG (user-approved) */
@media (min-width: 922px){

html body .woocommerce ul.products li.product .astra-shop-summary-wrap .woocommerce-loop-product__title,html body .woocommerce ul.products li.product .astra-shop-summary-wrap .woocommerce-loop-product__title a{font-synthesis:none !important;} /* [3] 20260814 font-weight:400 제거 · font-synthesis 는 남긴다 */
html body .woocommerce ul.products li.product .astra-shop-summary-wrap .price,html body .woocommerce ul.products li.product .astra-shop-summary-wrap .price .amount,html body .woocommerce ul.products li.product .astra-shop-summary-wrap .price bdi{font-weight:400 !important;}
}
/* HLJ: header transparent + font+4 (user-approved) */
@media (min-width: 922px){
#ast-desktop-header, #ast-desktop-header .ast-primary-header-bar, #ast-desktop-header .main-header-bar-wrap, #ast-desktop-header .ast-above-header-wrap, #ast-desktop-header .ast-below-header-wrap{background-color:transparent !important;}

html body .woocommerce ul.products li.product .astra-shop-summary-wrap .woocommerce-loop-product__title,html body .woocommerce ul.products li.product .astra-shop-summary-wrap .woocommerce-loop-product__title a{font-size:16px !important;}
html body .woocommerce ul.products li.product .astra-shop-summary-wrap .price,html body .woocommerce ul.products li.product .astra-shop-summary-wrap .price .amount,html body .woocommerce ul.products li.product .astra-shop-summary-wrap .price bdi{font-size:16px !important;}
}
/* HLJ: detail page tweaks (user-approved) */
body.single-product .hye-plus-btn{display:none !important;}
/* [왕복 제거 2단계] 20260814 배치 47 — #hlj-facts 두 줄 숨김 규칙 삭제. 그 두 줄 자체가 없어졌다 */
/* [정리 배치] 20260814 .hye-arrow 글자 숨김 + \2039/\203A 화살표 3줄 삭제 — 대상 0개 */
body.single-product .moderncart-floating-cart-button{background:transparent !important;box-shadow:none !important;}
/* HLJ: detail image center + size guide hide (user-approved) */
body.single-product .hye-gallery-wrapper{height:calc(100vh - 62px) !important;display:flex !important;align-items:center !important;justify-content:center !important;overflow:hidden !important;}
body.single-product .hye-gallery-wrapper img{width:min(58%,520px) !important;height:100% !important;max-height:none !important;object-fit:cover !important;object-position:50% 30% !important;}
/* [왕복 제거 2단계] 20260814 배치 47 — .hlj-sg-link · #hlj-facts 숨김 규칙 2줄 삭제. 대상 0개 */
/* HLJ: archive/category grid = main page */
body.tax-product_cat ul.products,body.post-type-archive-product ul.products{display:grid!important;grid-template-columns:repeat(6,1fr)!important;gap:0!important;margin:0!important;padding:0!important;}
body.tax-product_cat ul.products.hye-cols-5,body.post-type-archive-product ul.products.hye-cols-5{grid-template-columns:repeat(5,1fr)!important;}
body.tax-product_cat ul.products.hye-cols-4,body.post-type-archive-product ul.products.hye-cols-4{grid-template-columns:repeat(4,1fr)!important;}
body.tax-product_cat ul.products.hye-cols-3,body.post-type-archive-product ul.products.hye-cols-3{grid-template-columns:repeat(3,1fr)!important;}
body.tax-product_cat ul.products.hye-cols-2,body.post-type-archive-product ul.products.hye-cols-2{grid-template-columns:repeat(2,1fr)!important;}
body.tax-product_cat ul.products li.product,body.post-type-archive-product ul.products li.product{width:auto!important;max-width:none!important;min-width:0!important;float:none!important;margin:0!important;padding:0 10px!important;box-sizing:border-box!important;clear:none!important;}
body.tax-product_cat .ast-woocommerce-container,body.post-type-archive-product .ast-woocommerce-container{max-width:100%!important;}

/* HLJ: archive top spacing = main page */
body.tax-product_cat #primary,body.post-type-archive-product #primary{margin-top:0!important;}
body.tax-product_cat .ast-woocommerce-container,body.post-type-archive-product .ast-woocommerce-container{padding-top:10px!important;}

/* HLJ: header FOUC/jump fix - hide until settled then fade in */
@keyframes hljFadeIn{from{opacity:0}to{opacity:1}}

#ast-desktop-header .ast-header-woo-cart,.ast-mobile-header-wrap .ast-header-woo-cart{opacity:0;animation:hljFadeIn .25s ease .35s forwards;}

/* HLJ: remove white box behind product images (column-toggle flicker) */
body.woocommerce ul.products li.product a img,
body.woocommerce ul.products li.product img{background:transparent !important;}
body.woocommerce ul.products li.product,
body.woocommerce ul.products li.product .astra-shop-thumbnail-wrap,
body.woocommerce ul.products li.product a.woocommerce-loop-product__link{background-color:transparent !important;}

/* HLJ: match yeezy grid width + hide scrollbar */
::-webkit-scrollbar{width:0 !important;height:0 !important;background:transparent !important;}
html{scrollbar-width:none !important;}
body{-ms-overflow-style:none !important;}
.elementor-element-29a366c > .e-con-inner{padding-left:16px !important;padding-right:16px !important;}
.elementor-element-29a366c{padding-left:0 !important;padding-right:0 !important;}
body.tax-product_cat .ast-container,body.post-type-archive-product .ast-container{max-width:100% !important;padding-left:0 !important;padding-right:0 !important;}
body.tax-product_cat .ast-woocommerce-container,body.post-type-archive-product .ast-woocommerce-container{padding-left:16px !important;padding-right:16px !important;}

/* HLJ: center main product image in gallery slide */
.hye-gallery-slide{text-align:center !important}
.hye-gallery-slide img{margin-left:auto !important;margin-right:auto !important;display:block !important}

/* HLJ: fix duplicate back button on product page */
.wp-singular > button#hlj-back{display:none !important}
/* HLJ: transparent bg on related-product images */
#hlj-related img{background-color:transparent !important}

/* HLJ: clearer back button on quick-view overlay */
#hljqv-close{font-size:30px !important;top:12px !important;left:14px !important;width:44px !important;height:44px !important;display:flex !important;align-items:center;justify-content:center;color:#111 !important}


/* HLJ: 호수 선택칩 원형(작게, 가운데 정렬) — 상품페이지 + 퀵뷰 */
.hye-size-options{gap:8px !important;justify-content:center !important;flex-wrap:wrap !important}

.hye-size-options .hlj-so.sel,#hljqv-detail .hljqv-sizes button.sel{border-color:#111 !important;background:#111 !important;color:#fff !important}
@media(max-width:480px){.hye-size-options{gap:6px !important}}

/* HLJ: 연관상품 구분선 + 4열 가로 스크롤 */
section.related.products{border-top:1px solid #eaeaea !important;margin-top:16px !important;padding-top:26px !important}
section.related.products ul.products{display:flex !important;flex-wrap:nowrap !important;overflow-x:auto !important;gap:10px !important;padding-bottom:10px !important;margin:0 !important;scroll-snap-type:x proximity;-webkit-overflow-scrolling:touch}
section.related.products ul.products::before,section.related.products ul.products::after{content:none !important;display:none !important}
section.related.products ul.products li.product{flex:0 0 calc(25% - 8px) !important;width:calc(25% - 8px) !important;min-width:calc(25% - 8px) !important;max-width:calc(25% - 8px) !important;margin:0 !important;padding:0 !important;scroll-snap-align:start}
section.related.products ul.products li.product img{background:transparent !important}

/* 결제 페이지 헤더 숨김 */
body.page-id-28, html body.woocommerce-checkout #masthead{display:none !important;}

/* 결제 페이지 쿠폰 안내 숨김 */
body.page-id-28, html body.woocommerce-checkout .woocommerce-form-coupon-toggle{display:none !important;}

/* ===== 모바일 상품 레이아웃 v8 (그리드, 기본 3열, +버튼=1열) ===== */
@media (max-width: 820px) {
  html body.hljm3 ul.products.products.products.products.products {
    display: grid !important;
    grid-template-columns: 1fr !important;
    gap: 0 !important;
    height: auto !important;
    position: static !important;
  }
  html body:not(.hljm3) ul.products.products.products.products.products {
    display: grid !important;
    grid-template-columns: repeat(3, 1fr) !important;
    /* [그리드 리듬] 2026-08-15 배치 53 — 세로 간격은 li 아래 여백 하나로 몰아준다. 가로 8 은 그대로. */
    row-gap: 0 !important;
    column-gap: 8px !important;
    height: auto !important;
    position: static !important;
  }
  html body ul.products li.product.product.product.product.product {
    position: static !important;
    left: auto !important;
    top: auto !important;
    width: auto !important;
    max-width: none !important;
    min-width: 0 !important;
    flex: none !important;
    margin: 0 0 24px 0 !important; /* [그리드 리듬] 배치 53 — 386 리듬 24 */
    display: block !important;
  }
  html body ul.products li.product.product.product.product.product img {
    width: 100% !important;
    height: auto !important;
  }
  
  html body:not(.hljm3) ul.products li.product.product.product.product.product .woocommerce-loop-product__title,
  html body:not(.hljm3) ul.products li.product.product.product.product.product h2 {
    font-size: 11px !important;
    margin-top: 8px !important;
  }
  html body:not(.hljm3) ul.products li.product.product.product.product.product .price {
    font-size: 10px !important;
  }
}


/* ===== 장바구니 팝업: 플로팅 라운드 창 ===== */
#moderncart-slide-out-modal #moderncart-slide-out{
  top:16px !important; bottom:auto !important; right:16px !important; left:auto !important;
  height:auto !important; 
  width:min(400px,calc(100vw - 32px)) !important; max-width:none !important;
  border-radius:18px !important; overflow:hidden !important;
  box-shadow:0 16px 48px rgba(0,0,0,.22) !important;
}
#moderncart-slide-out-modal .moderncart-panel{
  height:auto !important; max-height:min(72vh,620px) !important; width:100% !important;
}
#moderncart-slide-out-modal .moderncart-slide-out-cart{
  flex:1 1 auto !important; min-height:0 !important; overflow-y:auto !important;
}
#moderncart-slide-out-modal.moderncart-cart-style-slideout #moderncart-slide-out.moderncart-animation-simple{transform:translate(calc(100% + 40px)) scale(1);}
#moderncart-slide-out-modal.moderncart-show #moderncart-slide-out.moderncart-animation-simple{transform:translate(0);}
@media (max-width:820px){
  #moderncart-slide-out-modal #moderncart-slide-out{ top:12px !important; bottom:auto !important; right:12px !important; }
}

/* 모바일 헤더: ETC/ART 링크 숨김 */
#hye-mobile-header a[href*="/product-category/etc"],
#hye-mobile-header a[href*="/product-category/arts"]{display:none !important;}

/* 상단 헤더 투명화 + 제품명-가격 행간 축소 */
html body #hye-mobile-header, html body div#hye-mobile-header{background:transparent !important; box-shadow:none !important; backdrop-filter:none !important; -webkit-backdrop-filter:none !important;}
#masthead .ast-primary-header-bar, #masthead .site-primary-header-wrap{background:transparent !important;}
html body ul.products li.product.product.product.product.product .ast-loop-product__link{display:block !important;}
html body ul.products li.product.product.product.product.product .astra-shop-summary-wrap{line-height:1.2 !important;}
html body ul.products li.product.product.product.product.product .woocommerce-loop-product__title{padding-bottom:0 !important; margin-bottom:0 !important;}
html body ul.products li.product.product.product.product.product .price{padding-top:0 !important; margin-top:2px !important;}

/* 모바일 그리드 전환(+/−) 버튼: 데스크탑과 동일한 굵은 바 */
@media(max-width:820px){
 
 body #hye-mobile-header .hye-mob-left button::before{content:"" !important; position:absolute; left:50%; top:50%; width:20px; height:2px; background:#000; transform:translate(-50%,-50%);}
 body #hye-mobile-header .hye-mob-left button::after{content:"" !important; position:absolute; left:50%; top:50%; width:2px; height:20px; background:#000; transform:translate(-50%,-50%);}
 body.hljm3 #hye-mobile-header .hye-mob-left button::after{display:none;}
}
/* 라운드 장바구니 아이콘 */
.moderncart-floating-cart-icon svg{display:none !important;}
.moderncart-floating-cart-icon{display:inline-block; width:24px; height:24px; background:url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0naHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmcnIHZpZXdCb3g9JzAgMCAyNCAyNCcgZmlsbD0nbm9uZScgc3Ryb2tlPScjMDAwMDAwJyBzdHJva2Utd2lkdGg9JzEuOCcgc3Ryb2tlLWxpbmVjYXA9J3JvdW5kJyBzdHJva2UtbGluZWpvaW49J3JvdW5kJz48cmVjdCB4PSc0LjUnIHk9JzcnIHdpZHRoPScxNScgaGVpZ2h0PScxMy41JyByeD0nNC41Jy8+PHBhdGggZD0nTTguOCA3VjUuOGEzLjIgMy4yIDAgMCAxIDYuNCAwVjcnLz48L3N2Zz4=) center/contain no-repeat !important;}
html body div#hye-mobile-header .hye-mob-right a:not(.hlj-acct-link) svg{display:none !important;} /* s04-a5 계정링크 제외 (2026-08-09) */
html body div#hye-mobile-header .hye-mob-right a:not(.hlj-acct-link){width:32px !important; height:32px !important; background:url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0naHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmcnIHZpZXdCb3g9JzAgMCAyNCAyNCcgZmlsbD0nbm9uZScgc3Ryb2tlPScjMDAwMDAwJyBzdHJva2Utd2lkdGg9JzEuOCcgc3Ryb2tlLWxpbmVjYXA9J3JvdW5kJyBzdHJva2UtbGluZWpvaW49J3JvdW5kJz48cmVjdCB4PSc0LjUnIHk9JzcnIHdpZHRoPScxNScgaGVpZ2h0PScxMy41JyByeD0nNC41Jy8+PHBhdGggZD0nTTguOCA3VjUuOGEzLjIgMy4yIDAgMCAxIDYuNCAwVjcnLz48L3N2Zz4=) center/23px no-repeat !important;}
/* 데스크탑 헤더 장바구니 아이콘도 라운드 버전 */
.ast-site-header-cart i.astra-icon.ast-icon-shopping-bag svg{display:none !important;}
.ast-site-header-cart i.astra-icon.ast-icon-shopping-bag{display:inline-block; width:24px; height:24px; background:url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0naHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmcnIHZpZXdCb3g9JzAgMCAyNCAyNCcgZmlsbD0nbm9uZScgc3Ryb2tlPScjMDAwMDAwJyBzdHJva2Utd2lkdGg9JzEuOCcgc3Ryb2tlLWxpbmVjYXA9J3JvdW5kJyBzdHJva2UtbGluZWpvaW49J3JvdW5kJz48cmVjdCB4PSc0LjUnIHk9JzcnIHdpZHRoPScxNScgaGVpZ2h0PScxMy41JyByeD0nNC41Jy8+PHBhdGggZD0nTTguOCA3VjUuOGEzLjIgMy4yIDAgMCAxIDYuNCAwVjcnLz48L3N2Zz4=) center/23px no-repeat !important;}
/* 목록 가격 숨김 + 메뉴 숨김 */
html body ul.products li.product.product.product.product.product .price{display:none !important;}
#hye-mobile-header .hlj-mob-menu{display:none !important;}
.main-header-menu{display:none !important;}

/* 로고 크기는 Astra 설정이 정한다 (2026-08-14)
   무엇: 여기 있던 데스크탑 로고 폭 153px 강제 선언을 지웠다.
   왜:   Astra 설정이 이미 desktop 122 인데 이 한 줄이 153 으로 되돌리고 있었다.
         원본 파일이 122x60 이라 153 은 늘려 그리는 것이었다 — 지우면 원본 픽셀과 맞는다.
   되돌리기: 04_settings/커스터마이저_로고정정전_20260814.css 로 통째 복원한다. */
#hye-mobile-header .hlj-mob-logo img{width:51px !important; height:auto !important;}
/* 그리드 전환 버튼 10% 축소 */

@media(max-width:820px){
 body #hye-mobile-header .hye-mob-left button{transform:scale(.9) !important; transform-origin:center center !important;}
}
/* 그리드 버튼 라운드 캡 */

body #hye-mobile-header .hye-mob-left button::before, body #hye-mobile-header .hye-mob-left button::after{border-radius:99px !important;}
/* 모바일 3열: 상품 상하 여백 확장 */
@media (max-width:820px){
  html body:not(.hljm3) ul.products.products.products.products.products{padding-top:14px !important;} /* [그리드 리듬] 배치 53 — 24 − 10(엘리멘터 위 여백) */
  html body:not(.hljm3) ul.products li.product.product.product.product.product{margin:0 0 24px 0 !important;} /* [그리드 리듬] 배치 53 */
}
/* 언어 전환기: 국기 숨김 + 미니멀 */
#trp-floater-ls img, .trp-language-switcher img, .trp-flag-image{display:none !important;}
#trp-floater-ls{font-size:12px !important; letter-spacing:.08em;}
.skiptranslate, #goog-gt-tt, .goog-te-banner-frame{display:none !important;}
body{top:0 !important;}
/* 체크아웃 정리 + 상품페이지 뒤로가기 + 노토산스 */
/* 사이트 전체 폰트: Noto Sans */
html body :not(i):not(svg):not(path):not(.astra-icon):not(.dashicons):not(.ast-icon){font-family:'Noto Sans KR','Noto Sans','Apple SD Gothic Neo',sans-serif !important;}
html body{font-family:'Noto Sans KR','Noto Sans','Apple SD Gothic Neo',sans-serif !important;}
/* 체크아웃: 그리드 버튼·장바구니·언어전환 숨김 */
body.page-id-28, html body.woocommerce-checkout #hye-mobile-header .hye-mob-left,
body.page-id-28, html body.woocommerce-checkout #hye-mobile-header .hye-mob-right,
body.page-id-28, html body.woocommerce-checkout #hye-grid-toggle,
body.page-id-28, html body.woocommerce-checkout .ast-site-header-cart,
body.page-id-28, html body.woocommerce-checkout .hlj-lsw,
body.page-id-28, html body.woocommerce-checkout #moderncart-floating-cart{display:none !important;}
/* 체크아웃: 제목 중앙 정렬 */
body.page-id-28, html body.woocommerce-checkout .entry-title, body.page-id-28, html body.woocommerce-checkout h1.entry-title{text-align:center !important;}
/* Edit Cart: 배경 없이 텍스트만 */
.moderncart-checkout-form-edit-link{background:none !important;background-color:transparent !important;border:0 !important;box-shadow:none !important;color:#111 !important;padding:2px 2px !important;font-size:12px !important;letter-spacing:.08em;text-decoration:underline;text-underline-offset:3px;font-weight:400 !important;min-width:0 !important;width:auto !important;}
/* 상품 상세: 뒤로가기 버튼 하나만(굵은 꺾쇠) */
body.single-product #hljqv-close{display:none !important;}
@media (max-width:820px){
  body.single-product #hlj-back{display:flex !important;align-items:center;justify-content:center;width:44px;height:44px;font-size:0 !important;color:transparent !important;background:none !important;border:0 !important;}
  body.single-product #hlj-back::before{content:"";display:block;width:18px;height:18px;border-style:solid;border-color:#111;border-width:0 0 3px 3px;border-bottom-left-radius:4px;transform:translateX(4px) rotate(45deg);}
  body.single-product #hye-mobile-header .hye-mob-right{display:flex !important;}
}
/* 노토산스 최우선 적용 */
html body :not(#hljq1):not(#hljq2):not(i):not(svg):not(path):not(.astra-icon):not(.dashicons):not(.ast-icon){font-family:'Noto Sans KR','Noto Sans','Apple SD Gothic Neo',sans-serif !important;}
/* INFORMATION 라벨 축약 */
.hye-info-tab{font-size:0 !important; letter-spacing:0 !important;}
.hye-info-tab::before{content:"\25BE\00a0INFO\00a0\25BE"; font-size:10px; letter-spacing:3px; font-weight:500; color:#999;}   /* [INFO 화살표 둘] 20260814 이 줄은 아래 같은 선택자에 져서 화면에 안 나오지만 값을 어긋나게 두지 않는다 */
/* 상품 상세: 그리드 버튼 숨김(뒤로가기와 겹침) */
/* [죽은 선택자 정리] 20260814 배치 50 — #hye-grid-toggle 한 줄 삭제(대상 0개, 만드는 코드 0곳).
   #hye-mobile-header 줄은 남긴다 — 2397 의 「주석 해제」 되돌리기 세트다 */
body.single-product #hye-mobile-header .hye-mob-left{display:none !important;}
/* 상품명만 볼드 */
html body p.hye-product-name,
html body .hljqv-name,
html body ul.products li.product .woocommerce-loop-product__title{font-weight:700 !important;}
/* 아이콘성 요소는 글자 숨김 유지 */
html body .hye-info-tab::before{content:"\25BE\00a0INFO\00a0\25BE"; font-size:12px !important; letter-spacing:-0.02em !important; font-weight:400; color:#999;}   /* [INFO 화살표 둘] 2026-08-14 진의 결정. ▾ 하나 → ▾▾ 둘. **이 줄이 실제로 이기는 줄이다**(실측). 오버레이는 스니펫 2744 안의 글자에서 같이 바꿨다 */
/* 뒤로가기 꺾쇠 25% 축소 */
@media (max-width:820px){
  body.single-product #hlj-back::before{width:13.5px !important;height:13.5px !important;border-width:0 0 2.25px 2.25px !important;border-bottom-left-radius:3px !important;transform:translateX(3px) rotate(45deg) !important;}
}
#hljqv-close::before{width:13.5px !important;height:13.5px !important;border-width:0 0 2.25px 2.25px !important;border-bottom-left-radius:3px !important;transform:translateX(3px) rotate(45deg) !important;}
/* 아이콘 버튼 글자 숨김 복구 */
/* ── b-8 3단계 · 대항 특이도 장치 제거 (2026-08-11) ─────────────────────────
   무엇: 아래 16개 규칙에서 :not(#hljx1)~:not(#hljx5) 와 같은 클래스를 여러 번
         겹쳐 쓴 부분만 뺐다. 값과 !important 는 하나도 바꾸지 않았고 규칙도 지우지 않았다.
   왜:   #hljx1~5 는 문서 어디에도 없는 id 다(47조합 실측 0개). 하는 일은 특이도 +5 뿐이었고,
         그 +5 는 전역 12px 규칙(2단계에서 제거)을 이기려고 붙인 것이다.
         이기려던 상대가 사라졌으므로 장치도 같이 걷는다(규칙 3).
   주의: 16개를 한꺼번에 걷어야 한다. 가짜 id 가 여러 규칙을 같은 만큼 올려 놨기 때문에
         일부만 걷으면 규칙끼리의 순위가 잠깐 뒤바뀐다(사이즈표 셀 11px→10px 로 실측).
         전부 걷으면 상대 순위가 그대로 보존된다.
   범위: 이 줄 아래 두 규칙과, 파일 뒤쪽의 .hlj-cartnum / .hljqv-cartnum / .hljqv-sztable /
         .hlj-biz-* / .hlj-wl-chev / .hljqv-po / .ast-addon-cart-wrap 규칙들.
         갤러리 이미지의 object-fit 규칙은 폰트가 아니라 손대지 않았다.
   되돌리기: 04_settings/커스터마이저_b8-3단계착수전_20260811.css 로 통째 복구. */
/* [정리 배치] 20260814 이 목록에서 html body .hye-arrow 를 뺐다 — 대상 0개 */
/* [죽은 선택자 정리] 20260814 배치 50 — #hye-grid-toggle 한 줄 삭제(대상 0개) */
html body .hye-plus-btn,
html body #hye-mobile-header .hye-mob-left button{font-size:0 !important; color:transparent !important; letter-spacing:0 !important;}
html body #hlj-back, html body #hljqv-close, html body .hye-info-tab{font-size:0 !important; letter-spacing:0 !important;}
/* INFO 본문 타이포: 소제목 볼드 + 행간/줄바꿈 */
#hljqv-detail .hljqv-info-body p{white-space:normal !important; line-height:1.62 !important; word-break:keep-all; overflow-wrap:break-word;}
#hljqv-detail .hljqv-info-body .hlj-h{display:block; font-weight:700 !important; color:#111; margin:14px 0 4px;}
#hljqv-detail .hljqv-info-body .hlj-h:first-child{margin-top:0;}
#hljqv-detail .hljqv-info-body .hlj-t{display:block;}
#hljqv-detail .hljqv-info-body .hlj-li{display:block; padding-left:.9em; text-indent:-.9em;}
#hljqv-detail .hljqv-info-body .hlj-gap{display:block; height:8px;}
/* 상품 상세(단독 페이지) INFO */
html body .hlj-info-x .hlj-ih{font-weight:700 !important; color:#111;}
html body .hlj-info-x .hlj-ip{line-height:1.62 !important; word-break:keep-all; overflow-wrap:break-word; padding-left:.9em; text-indent:-.9em;}
/* 체크아웃 제목 볼드 + 결제 안내 말풍선 */
body.page-id-28, html body.woocommerce-checkout .entry-title, body.page-id-28, html body.woocommerce-checkout h1.entry-title{font-weight:700 !important;}
.woocommerce-checkout #payment div.payment_box{
  position:relative !important;
  background:#f3f3f3 !important;
  border-radius:12px !important;
  margin:16px 0 12px !important;
  padding:14px 16px !important;
  box-shadow:none !important;
  color:#333 !important;
  line-height:1.6 !important;
  word-break:keep-all;
}
.woocommerce-checkout #payment div.payment_box::before{
  content:"" !important;
  display:block !important;
  position:absolute !important;
  top:-6px !important;
  left:22px !important;
  width:14px !important;
  height:14px !important;
  background:#f3f3f3 !important;
  border:0 !important;
  border-radius:3px !important;
  transform:rotate(45deg) !important;
  margin:0 !important;
  z-index:0 !important;
}
.woocommerce-checkout #payment div.payment_box p{position:relative; z-index:1; margin:0 !important;}

/* ===== 상품 상세: 이미지 축소 + 상품정보 노출 ===== */
@media (max-width:768px){
  html body.single-product .hye-gallery-wrapper.hye-gallery-wrapper{height:44vh !important;min-height:0 !important;max-height:44vh !important;}
  html body.single-product .hye-gallery-track.hye-gallery-track{height:44vh !important;}
  html body.single-product .hye-gallery-slide.hye-gallery-slide{height:44vh !important;display:flex !important;align-items:center !important;justify-content:center !important;}
  html body.single-product .hye-gallery-slide img{max-height:44vh !important;height:auto !important;object-fit:contain !important;}
  html body.single-product .hye-product-info.hye-product-info{padding-bottom:0 !important;}
}


/* ===== 오버레이 장바구니/호수표/체크아웃 팝업 ===== */
#hljqv-cartbtn{position:fixed;top:22px;right:20px;width:34px;height:34px;z-index:99999;cursor:pointer;opacity:0;pointer-events:none;transition:opacity .25s;background:url('data:image/svg+xml;base64,PHN2ZyB4bWxucz0naHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmcnIHZpZXdCb3g9JzAgMCAyNCAyNCcgZmlsbD0nbm9uZScgc3Ryb2tlPScjMDAwMDAwJyBzdHJva2Utd2lkdGg9JzEuOCcgc3Ryb2tlLWxpbmVjYXA9J3JvdW5kJyBzdHJva2UtbGluZWpvaW49J3JvdW5kJz48cmVjdCB4PSc0LjUnIHk9JzcnIHdpZHRoPScxNScgaGVpZ2h0PScxMy41JyByeD0nNC41Jy8+PHBhdGggZD0nTTguOCA3VjUuOGEzLjIgMy4yIDAgMCAxIDYuNCAwVjcnLz48L3N2Zz4=') no-repeat center/24px;}
#hljqv-cartbtn.on{opacity:1;pointer-events:auto;}
#hljqv-cartbtn .hljqv-cartnum{position:absolute;top:-2px;right:-4px;min-width:15px;height:15px;padding:0 3px;border-radius:9px;background:#111;color:#fff;font-size:11px !important;line-height:15px;text-align:center;display:none;} /* [3] 20260814 9px→11px : 헤더와 같은 크기. 이 줄이 글꼴 크기의 진짜 승자다(1,1,0) */
#hljqv-cartbtn .hljqv-cartnum.on{display:block;}
#hljqv-detail .hljqv-info-toggle{font-weight:700 !important;}
html body .hye-info-tab::before{font-weight:700 !important;}
#hljqv-detail .hljqv-sztable{border-collapse:collapse;margin:10px auto 4px;width:auto;}
#hljqv-detail .hljqv-sztable caption{caption-side:top;font-size:10px !important;color:#aaa;letter-spacing:.08em;padding-bottom:5px;}
#hljqv-detail .hljqv-sztable td{border:1px solid #eee;padding:3px 6px;color:#888;text-align:center;white-space:nowrap;letter-spacing:0 !important;}
#hljqv-detail .hljqv-sztable td b{color:#333;font-weight:600;}
/* 헤더 장바구니 개수 배지 */
html body #hye-mobile-header .hye-mob-right{position:relative;}

/* 장바구니 팝업 우측 상단 */
#moderncart-slide-out-modal #moderncart-slide-out{max-height:min(78vh,640px) !important;}
/* 상품 페이지: BUY NOW 제거 */
@media(max-width:768px){
  html body #hlj-buybar #hlj-buybar-buy{display:none !important;}
  html body #hlj-buybar #hlj-buybar-cart{width:100% !important;flex:1 1 100% !important;}
}

/* 배지/호수표 글자 크기 우선순위 */

/* [3] 20260814 삭제: html body .hljqv-cartnum{font-size:9px !important} — (0,1,2) 라 위 (1,1,0) 에 지고 있었고, 아래 같은 선택자의 11px 과 값도 어긋났다 */
#hljqv-detail .hljqv-sztable td{font-size:11px !important;}

html body .hljqv-sztable td{font-size:10px !important;letter-spacing:0 !important;}
html body .hljqv-sztable caption{font-size:10px !important;}


/* ===== 푸터 정리: 링크 한 줄 + 사업자정보 접기 ===== */
html body .hlj-foot-links{display:flex !important;flex-wrap:wrap;justify-content:center;align-items:center;gap:0 !important;row-gap:4px;margin:0 auto 6px;}
html body .hlj-foot-links a{padding:5px 9px !important;color:#888 !important;position:relative;}
html body .hlj-foot-links a + a::before{content:'';position:absolute;left:0;top:50%;transform:translateY(-50%);width:1px;height:9px;background:#e2e2e2;}
html body .hlj-foot-biz{text-align:center;margin:0 auto;max-width:360px;}
html body .hlj-foot-biz .hlj-biz-toggle{background:none !important;border:0 !important;padding:8px 10px !important;margin:0 auto;color:#999 !important;letter-spacing:.08em;cursor:pointer;display:inline-flex;align-items:center;gap:5px;box-shadow:none !important;}
html body .hlj-foot-biz .hlj-biz-arw{display:inline-block;transition:transform .22s;color:#bbb;}
html body .hlj-foot-biz.open .hlj-biz-arw{transform:rotate(180deg);}
html body .hlj-foot-biz .hlj-biz-body{max-height:0;overflow:hidden;transition:max-height .32s ease;}
html body .hlj-foot-biz.open .hlj-biz-body{max-height:420px;}
html body .hlj-foot-biz .hlj-biz-dl{display:grid;grid-template-columns:auto 1fr;gap:5px 14px;margin:6px auto 2px;text-align:left;max-width:330px;}
html body .hlj-foot-biz .hlj-biz-dl dt{color:#bbb !important;white-space:nowrap;margin:0;}
html body .hlj-foot-biz .hlj-biz-dl dd{color:#8a8a8a !important;margin:0;word-break:keep-all;}
html body .hlj-foot-biz .hlj-biz-dl dd.full{grid-column:1 / -1;}
html body .hlj-foot-biz .hlj-biz-copy{margin-top:14px;color:#c0c0c0 !important;letter-spacing:.06em;}
html body .hlj-biz-toggle{font-size:11px !important;}
html body .hlj-biz-dl dt{font-size:11px !important;}
html body .hlj-biz-dl dd{font-size:11px !important;line-height:1.55 !important;}
html body .hlj-biz-copy{font-size:10px !important;}


/* ===== 장바구니 담기 버튼: 라운드 블랙 ===== */
#hljqv-detail .hljqv-bar{border-top:0 !important;margin-top:14px !important;}
#hljqv-detail .hljqv-bar .hljqv-cart{background:#111 !important;color:#fff !important;font-weight:500 !important;border-radius:10px !important;text-align:center;}   /* [H-3 3단계 되돌림] 20260814 박스 복원(진의 결정). 모서리는 예전 32px 이 아니라 10px — 아래 줄과 같은 값으로 한 곳에 모았다 */
@media(max-width:768px){
  html body #hlj-buybar{border-top:0 !important;background:#fff !important;padding:0 16px 8px !important;align-items:center !important;height:auto !important;}
  /* [정리 배치] 20260814 여기 있던 #hlj-buybar-cart 규칙을 지웠다. 같은 특이도(0,2,3)+!important 의 같은 선택자가 파일 뒤(미디어 밖)에 있어 폭과 상관없이 그쪽이 이긴다 — 화면에 한 번도 안 나온 줄이다(배치 41·42 실측) */
}

/* ===== 뒤로가기 잔상 제거: 닫힐 때 즉시 사라지게 ===== */
#hljqv-close{transition:opacity .1s ease !important;}
#hljqv-close.on{transition:opacity .4s ease .2s !important;}
#hljqv-cartbtn{transition:opacity .1s ease !important;}
#hljqv-cartbtn.on{transition:opacity .3s ease .2s !important;}

/* ===== 호수 휠 괄호 ===== */
html body .hlj-wl-chev{font-size:17px !important;letter-spacing:0 !important;font-weight:300 !important;}
/* [2] 2026-08-14 — transition:none 이 괄호의 페이드를 죽이고 있었다.
   호수를 고르면 괄호·휠·담기 버튼 셋이 .22s 로 같이 밝아져야 하는데,
   이 !important 때문에 괄호만 툭 나타나고 나머지 둘만 부드럽게 밝아졌다.
   새 규칙을 만들지 않고 이 선언 하나만 바꿨다. 색·특이도는 그대로다.
   되돌리기: transition:none !important 로 되돌린다 · 04_settings/커스터마이저_호수선택표시전_20260814.css */
.hlj-wl .hlj-wl-chev{color:#cfcfcf !important;transition:color .22s,opacity .22s !important;}
.hlj-wl.picked .hlj-wl-chev{color:#111 !important;}

/* ===== 담기 버튼 폭 축소 ===== */
#hljqv-detail .hljqv-bar{justify-content:center !important;padding:0 20px 4px !important;}
#hljqv-detail .hljqv-bar .hljqv-cart{flex:0 0 auto !important;width:auto !important;min-width:0 !important;}
@media(max-width:768px){
  html body #hlj-buybar{justify-content:center !important;}
  /* [정리 배치] 20260814 같은 이유로 지웠다 — flex·width·padding 셋 다 뒤쪽 규칙이 다시 적는다 */
}

/* ===== 버튼 컴팩트 ===== */
#hljqv-detail .hljqv-bar .hljqv-cart{padding:9px 22px !important;line-height:26px !important;letter-spacing:.16em !important;}   /* [H-3 3단계 되돌림] 20260814 예전 11px 26px(149x48) 보다 작게 → 9px 22px(142x44). line-height 26 을 못박는 이유: 386 에서는 줄 상자가 24 라 42px 이 되어 손가락 하한 44 를 깬다(실측) */
html body .hljqv-po{font-size:10.5px !important;letter-spacing:.03em !important;}
@media(max-width:768px){
  /* [정리 배치] 20260814 같은 이유로 지웠다 — 뒤쪽 같은 선택자에 항상 진다 */
}

/* ===== 오버레이 열렸을 때 그리드 버튼 숨김 ===== */
/* [죽은 선택자 정리] 20260814 배치 50 — #hye-grid-toggle 한 줄 삭제(대상 0개) */
html.hlj-qv-open .hye-plus-btn,
html.hlj-qv-open #hye-mobile-header .hye-mob-left{display:none !important;}

/* ===== 상품 갤러리 화살표/점 ===== */
html body.single-product .hye-dots{display:flex !important;justify-content:center;align-items:center;gap:7px;margin:16px 0 0;}
html body.single-product .hye-dot{width:6px;height:6px;border-radius:50%;background:#dcdcdc;cursor:pointer;transition:background .2s,transform .2s;flex:0 0 auto;}
html body.single-product .hye-dot.active{background:#111;transform:scale(1.15);}
/* [정리 배치] 20260814 상세 화살표 모양 3줄 삭제 — 대상 0개 */
html body.single-product .flex-control-nav{display:none !important;}

/* ===== 장바구니 숫자: 검은 숫자, 아이콘 우상단 ===== */
html body .ast-addon-cart-wrap{position:relative !important;}
html body .ast-addon-cart-wrap i.astra-icon::after{position:absolute !important;top:-5px !important;right:-8px !important;line-height:1 !important;color:#111 !important;background:none !important;border:0 !important;padding:0 !important;min-width:0 !important;height:auto !important;font-weight:600 !important;}
html body .ast-addon-cart-wrap i.astra-icon::after{font-size:11px !important;letter-spacing:0 !important;}
/* [3] 오버레이 장바구니 숫자를 메인(헤더)과 같게 (2026-08-14)
   메인 값: top:-5px · left:calc(100% - 3px) · right:auto · 11px · 400.
   그대로 베끼면 안 된다 — 상자와 그림 크기가 다르다.
     메인   아이콘 24x24 · 배경 23px  → 가방 잉크 오른끝이 상자 왼끝에서 20.05px, 위끝에서 2.13px
     오버레이 버튼 34x34 · 배경 24px  → 가방 잉크 오른끝이 25.4px,            위끝에서 6.7px
   그래서 **화면에서 보이는 관계**(가방 잉크에서 숫자까지 가로 1.5px, 숫자 아래끝이 가방 위끝보다 3.5px 아래)
   가 같아지도록 값을 다시 풀었다: left = 34 - 7.6 = 26.4 · top = 0.
   기준을 오른쪽에서 왼쪽으로 바꾼 것도 메인과 같다 — 자릿수가 늘어도 가방을 안 덮는다.
   되돌리기: top:-5px / right:-7px / left 삭제 / font-weight:600
             · 04_settings/커스터마이저_오버레이숫자통일전_20260814.css */
#hljqv-cartbtn .hljqv-cartnum{position:absolute !important;top:0 !important;right:auto !important;left:calc(100% - 7.6px) !important;background:none !important;color:#111 !important;border-radius:0 !important;min-width:0 !important;height:auto !important;padding:0 !important;line-height:1 !important;font-weight:400 !important;}

html body .hljqv-cartnum{font-size:11px !important;letter-spacing:0 !important;}


/* ===== 갤러리 화살표 중복 제거 + 데스크탑 BUY NOW 제거 ===== */
/* [정리 배치] 20260814 화살표 ::before/::after 지우던 2줄 삭제 — 대상 0개 */
html body.single-product .flex-direction-nav{display:none !important;}
html body #hlj-buybar #hlj-buybar-buy{display:none !important;}
html body #hlj-buybar{justify-content:center !important;}
html body #hlj-buybar #hlj-buybar-cart{flex:0 0 auto !important;width:auto !important;background:#111 !important;color:#fff !important;font-weight:500 !important;border:0 !important;border-radius:10px !important;height:44px !important;line-height:44px !important;padding:0 22px !important;letter-spacing:.16em !important;}   /* [H-3 3단계 되돌림] 20260814 박스 복원 · 여백 30->22 (158x44 -> 142x44). **이 줄이 실제로 이기는 줄이다**(배치 41 실측) */

/* ===== 오버레이 좌우 화살표 ===== */
#hljqv-arrow-l,#hljqv-arrow-r{position:fixed;z-index:99996;background:none !important;border:0 !important;padding:6px !important;margin:0;cursor:pointer;align-items:center;justify-content:center;transform:translateY(-50%);opacity:.7;transition:opacity .2s;display:none;box-shadow:none !important;}
#hljqv-arrow-l:hover,#hljqv-arrow-r:hover{opacity:1;}
#hljqv-arrow-l svg,#hljqv-arrow-r svg{display:block;}


/* ===== 정사각형 갤러리 이미지: contain + 줌 해제 ===== */
html body.single-product .hye-gallery-slide.hye-gallery-slide img:not(#hljx1):not(#hljx2):not(#hljx3):not(#hljx4):not(#hljx5){object-fit:contain !important;width:100% !important;height:100% !important;max-width:100% !important;max-height:100% !important;transform:none !important;}
html body.single-product .hye-gallery-wrapper,
html body.single-product .hye-gallery-track,
html body.single-product .hye-gallery-slide{height:min(52vh,560px) !important;max-height:min(52vh,560px) !important;}


/* ===== BLOCK 9: Account icon + cart badge fix ===== */
/* 사람(계정) 아이콘 외곽선 유지 */
.hlj-acct-link svg,.hlj-acct-link svg circle,.hlj-acct-link svg path{fill:none !important;stroke:#111 !important;stroke-width:1.6px !important;}
/* 장바구니 숫자: 가방 우측상단 코너에 검은 숫자로 고정(겹침 해결) */
/* [1] 2026-08-14 — 숫자가 가방 그림에서 5.4px 떨어져 있었다. 1.4px 로 붙였다.
   같이 바꾼 것: 기준을 오른쪽(right)에서 왼쪽(left)으로. 오른쪽 기준이면 두 자리·세 자리가
   될 때 숫자가 왼쪽으로 자라 가방을 덮는다(현재 12 에서 5px, 123 에서 11px 침범).
   왼쪽 기준이면 바깥으로 자라 몇 자리든 안 덮는다. 상자 크기·헤더 높이는 안 건드린다.
   되돌리기: top:-6px / right:-7px / left:auto 로 되돌리거나
   04_settings/커스터마이저_장바구니숫자전_20260814.css 를 통째로 붙여넣는다. */
#masthead .ast-site-header-cart .ast-addon-cart-wrap i.astra-icon.ast-icon-shopping-bag::after,
#ast-mobile-header .ast-site-header-cart .ast-addon-cart-wrap i.astra-icon.ast-icon-shopping-bag::after{
  position:absolute !important;top:-5px !important;right:auto !important;left:calc(100% - 3px) !important;bottom:auto !important;
  color:#111 !important;background:transparent !important;font-size:11px !important;line-height:1 !important;font-weight:400 !important;
  padding:0 !important;margin:0 !important;min-width:0 !important;min-height:0 !important;border:0 !important;box-shadow:none !important;transform:none !important;}



/* ── 푸터 링크 한 줄 (386) · 2026-08-14 ────────────────────────────
   왜: 386 에서 링크 다섯 개가 3줄이 됐다. 원인은 글자가 아니라 상자다.
   .site-below-footer-wrap 48/48 + .ast-builder-layout-element 20/20 + .ast-footer-copyright 20/20
   = 좌우 176px 을 여백이 먹어 링크가 쓸 폭이 206px 뿐인데 글자 합은 330.9px 이다.
   그래서 링크 줄만 음수 여백으로 여백 밖으로 빼낸다. 편법이다.
   ★ 푸터 여백이 바뀌면 이 -64 도 같이 봐야 한다.
     위 세 겹의 padding 합(176)이 바뀌면 이 값이 어긋난다.
   아래 두 줄(사업자 정보·저작권)은 건드리지 않는다 — 폭 206 그대로.
   실측: 386 한 줄(330.9/334) · 320 두 줄(가로 스크롤 없음) · 일본어는 390.1 이라 두 줄 */
@media(max-width:600px){
  html body .hlj-foot-links{margin-left:-64px !important;margin-right:-64px !important;}
  html body .hlj-foot-links a{padding-left:4px !important;padding-right:4px !important;white-space:nowrap;}
}


/* ── 모바일 헤더 오른쪽 세 개 간격 · 2026-08-14 ─────────────────────────
   왜: 386 에서 KR·사람·장바구니가 서로 붙어 있고(간격 0) 장바구니만 13px 떨어져 보였다.
   범인은 숫자 배지가 아니라 **빈 장바구니 금액 상자**다 —
   .ast-woo-header-cart-info-wrap 은 데스크탑에서 display:none 인데
   모바일 헤더에서는 display:block 이라 아무것도 안 그리면서 폭 8px 을 차지한다(실측 326-334).
   거기에 .ast-addon-cart-wrap 의 padding-left 4.8px 이 더해져 12.8px 이 생겼다.
   그 둘을 없애고 flex 간격 14px 로 셋을 균등하게 놓는다.
   ★ 로고 가운데 맞추기는 여기에 없다 — 아스트라 「기본 헤더 안쪽 여백」 설정을
     좌우 24/24 로 고쳐서 해결했다(배치 34 와 같은 방식, 새 CSS 0줄).
   되돌리기: 04_settings/커스터마이저_헤더정렬전_20260814.css */
@media(max-width:921px){
  html body .ast-site-header-cart .ast-woo-header-cart-info-wrap{display:none !important;}
  html body .ast-site-header-cart .ast-addon-cart-wrap{padding-left:0 !important;}
  html body .site-header-primary-section-right .ast-builder-layout-element{column-gap:14px;}
}

/* ===== [Contact-2] 386 첫 화면 두 단 방지 — 2026-08-14 배치 47 =====
   스펙트라는 이 페이지의 반응형 CSS 를 <style id="spectra-responsive-styles-inline-css">
   한 덩어리에 담아 보내는데, 그 블록이 본문보다 한참 뒤에 온다
   (HTML 51만 바이트 지점. 본문은 32만, 우리 추가 CSS 는 23만 지점).
   폰에서는 그 앞에서 이미 그려지므로 플러그인 기본값 flex-direction:row 로
   386 에서 데스크톱 2단이 먼저 보인다 — 느린 회선에서는 오래 남는다.
   실측으로 재현했다: 저 블록만 지우면 386 에서 column → row 로 뒤집힌다.
   여기 있는 것은 「첫 화면 바닥」이다. 스펙트라 블록이 도착한 뒤의 최종 모습과
   값이 같아서 화면이 두 번 움직이지 않는다(컨테이너 13개 실측 대조).
   되돌리기: 이 블록 삭제. */
@media (max-width:767.98px){
  html body.page-id-1004 .wp-block-spectra-container{
    flex-direction:column !important;
    padding-left:0 !important;
    padding-right:0 !important;
    border-left-width:0 !important;
  }
  html body.page-id-1004 .spectra-is-root-container{
    padding-left:24px !important;
    padding-right:24px !important;
  }
}

/* [그리드 리듬 ④ 그리드 바깥] 2026-08-15 배치 53
   무엇: 홈 상품 격자를 감싼 엘리멘터 칸의 아래 여백 10px 을 지운다.
   왜:   위 여백은 ul padding-top 에 (리듬 − 10) 으로 흡수시켰는데, 아래쪽 10 은 흡수할 자리가
         없어 「아래」만 리듬보다 10 크게 남는다. 위 = 줄사이 = 아래 를 맞추려면 여기서 지워야 한다.
         배치 52 가 적은 「386 그리드 바깥 167」은 재측정에서 재현되지 않았다. 실제 값은 10 이고
         1400·386 이 같다(실측: 마지막 카드 밑 → 푸터 위 = li 여백 + 10).
   되돌리기: 이 블록 삭제 1회 */
html body.home .elementor-element-29a366c > .e-con-inner{padding-bottom:0 !important;}


/* [INFO 화살표 ▾ INFO ▾] 2026-08-15 배치 54 — 진의 결정. 글자 뒤 둘 → 글자 양쪽에 하나씩.
   소유자 셋을 다 고쳤다: 위 두 줄(::before 내용)과 스니펫 2744 의 오버레이 글자.
   공백을 \00a0 로 적은 이유: CSS 에서 \25BE 뒤의 보통 공백은 이스케이프 종결자로 먹혀 사라진다.
   되돌리기: 세 곳의 내용을 "INFO \25BE\25BE" 로 되돌린다 */

/* [상점 격자 리듬] 2026-08-15 배치 54 — 상점·상품분류 목록의 위·아래를 홈과 같은 리듬으로.
   무엇: 격자 바깥이 홈(엘리멘터)과 달라 홈의 ④ 가 안 걸린다. 상점 쪽 소유자를 세워 보니
         아래 = li여백 + .ast-woocommerce-container 아래여백 + #primary 아래여백 이었다.
           1400  40 + 64.08(우커머스 5.34em [0,2,0]) + 48(아스트라 4em [1,1,0])  = 152.1
           386   24 + 16   (우커머스 1.5em)          + 48(아스트라 padding 4em)  = 88
         위도 386 만 어긋나 있었다 — #primary 위여백 48 이 더 붙어 72(1400 은 40 으로 이미 맞음).
   왜:   둘 다 테마·플러그인 스타일시트라 그쪽을 고치면 업데이트에 지워진다. 그래서 여기서 덮는다.
         특이도를 세었다 — [0,2,2] 와 [1,1,2] 로 각각 [0,2,0]·[1,1,0] 을 이긴다. !important 는 안 썼다.
   결과: 위 = 줄사이 = 아래 = 1400 40 · 386 24 (홈과 같다)
   되돌리기: 이 블록 삭제 1회 */
html body.post-type-archive-product .ast-woocommerce-container,
html body.tax-product_cat .ast-woocommerce-container{padding-bottom:0;}
html body.post-type-archive-product #primary,
html body.tax-product_cat #primary{padding-top:0;padding-bottom:0;margin-bottom:0;}

/* ── 푸터 세로 여백 겹침 제거 (386) · 2026-08-15 배치 72 ────────────────────
   증상: 386 에서 상품 마지막 줄 아래로 흰 공간이 크게 남고, © 가 화면 맨 아래까지 밀린다.
   원인: 빈 「칸」이 있는 것이 아니다. 그리드 끝과 푸터 시작이 «같은 좌표»다 (둘 다 613).
         푸터가 413px 인데 그 안의 «내용은 114px»뿐이고 299px 이 세로 여백이다.
         겹치는 이유는 아스트라가 «같은 클래스를 두 겹»으로 쓰기 때문이다 —
           .ast-builder-layout-element.ast-footer-copyright   (바깥)
             └ .ast-footer-copyright                          (안쪽)
         위쪽 우리 규칙 「.ast-footer-copyright{padding-top:40px;padding-bottom:40px}」 이
         «두 요소에 각각» 걸려 위 80 · 아래 80 이 된다. 한 줄이 두 번 세는 것이다.
         나머지는 footer.site-footer 40/40 (우리) + .site-below-footer-wrap 24/24 (아스트라).
         합 144 가 그리드 끝과 첫 링크 사이의 흰 공간이다 (613 → 758).
   고치는 곳: 소유자는 이 파일의 그 한 줄이다. 다만 1400 을 흔들지 않으려고 그 줄은 그대로 두고
         386 대(≤600)에서만 «안쪽을 0», 바깥을 24 로 낮춘다. 새 특이도 싸움이 아니라
         「두 요소에 같은 클래스가 걸린다」는 사실을 그대로 갈라 쓴 것이다.
   ★ 좌우 여백은 한 글자도 안 건드린다 — 위의 「푸터 링크 한 줄 (386)」 -64 가
     좌우 합 176 (48 + 20 + 20, 양쪽) 에 기대고 있다. 그래서 top/bottom 만 쓴다.
   ★ 끊는 폭을 600 으로 맞춘 이유: 그 -64 규칙과 «같은 폭»이어야 둘이 같이 움직인다.
   실측 (386): 푸터 413 → 221 · 문서 1031 → 834 · 첫 링크 763 → 662 · 링크 여전히 한 줄 (334/350)
   되돌리기: 이 블록 삭제 1회. 1400 은 이 블록 밖이라 영향이 없다.
   ─ 참고: 「푸터 «아래» 빈 공간」은 이미 구조로 막혀 있다. 새로 넣지 마라.
     #page{display:flex;flex-direction:column;min-height:100vh} + #content{flex:1 0 auto}
     가 이미 걸려 있어, 상품이 3개여도 내용 칸이 늘어 푸터가 화면 바닥에서 끝난다.
     실측 2026-08-15: 3개·12개·30개 셋 다 «푸터 아래 = 0». 고정 높이를 박으면 이 구조가 깨진다. */
@media(max-width:600px){
  footer.site-footer{padding-top:24px !important;padding-bottom:24px !important;}
  .site-below-footer-wrap[data-section="section-below-footer-builder"]{padding-top:0px !important;padding-bottom:0px !important;}
  .ast-builder-layout-element.ast-footer-copyright{padding-top:24px !important;padding-bottom:24px !important;}
  .ast-footer-copyright .ast-footer-copyright{padding-top:0px !important;padding-bottom:0px !important;}
}

/* ── 첫 화면에는 상품만 · 푸터는 한 화면 아래로 · 2026-08-15 배치 73 ─────────────
   증상: 처음 열었을 때 푸터 링크가 화면에 걸쳐 보인다. 386·1400 둘 다.
   원인 구분 (진의 물음): «그리드가 짧아서»다. «푸터가 올라온 것»이 아니다.
         386  화면 694 · 헤더 52 · 격자 끝 618 → 격자가 화면보다 76px 짧다.
         1400 화면 900 · 헤더 96 · 격자 끝 623 → 277px 짧다.
         상품 12개로는 어느 폭에서도 한 화면이 안 찬다. 그래서 그 뒤가 곧바로 푸터였다.
         배치 72 는 푸터를 413 → 221 로 «짧게» 했을 뿐 위로 «올린» 것이 아니다 —
         푸터 시작 좌표는 배치 72 전후 둘 다 618 로 같았다(실측). 다만 그 전에는 여백이 두꺼워
         첫 글자가 763 (화면 밖) 이었고, 짧아진 뒤 667 (화면 안) 이 되어 «보이기 시작»했다.
         즉 배치 72 가 만든 것이 아니라 «드러낸» 것이다. 되돌리면 여백 겹침이 돌아온다.
   고치는 법: 푸터 여백을 다시 키우지 않는다. «내용 칸이 항상 한 화면을 채우게» 한다.
         #content 는 헤더 «아래»에서 시작하므로 한 화면에서 헤더 높이를 뺀다.
         그러면 푸터 시작 = 정확히 화면 끝이 된다 — 손님 눈에는 안 보이고, 살짝 밀면 나온다.
   왜 고정 높이가 아닌가: 값이 100svh 라 «화면이 정하는 값»이다. 내용이 길면 그냥 넘어간다
         (30개·60개에서 격자가 그대로 이어지는 것을 실측했다). 아스트라의
         #page{flex-direction:column} + #content{flex:1 0 auto} 구조는 그대로 두고 «바닥값»만 얹었다.
   왜 svh 인가: 폰은 주소창이 있을 때(svh)와 숨었을 때(vh)의 높이가 다르다. 작은 쪽(svh)에 맞춰야
         주소창이 보이는 «처음 그 화면»에서 푸터가 확실히 밖에 있다. 옛 브라우저용으로 vh 를 먼저 쓴다.
   ★ --hlj-hdr 는 «헤더 실측값»이다. 921 이하 52 · 922 이상 96 (아스트라 모바일 헤더 경계).
     헤더 높이를 바꾸면 이 두 값도 같이 바꿔야 한다. 안 바꾸면 푸터가 그만큼 어긋난다.
   실측: 푸터 시작 386 618 → 694(=화면 끝) · 1400 623 → 900(=화면 끝).
         개수 3·12·30·60 여덟 경우 전부 «푸터 아래 0 · 첫 화면에 푸터 없음».
         사업자 정보 ▾ 를 펼치면 푸터 221 → 479 (+258) 로 «페이지가 그만큼 늘어난다» · 잘림 없음.
   범위: 격자가 있는 세 화면만 — 홈 · 상점 아카이브 · 상품 분류.
         정책·Contact 같은 짧은 문서와 «결제 화면»에는 걸지 않는다(심사 중, 결제 화면 무접촉).
   되돌리기: 이 블록 삭제 1회. */
:root{--hlj-hdr:52px;}
@media(min-width:922px){:root{--hlj-hdr:96px;}}
body.home #content.site-content,
body.post-type-archive-product #content.site-content,
body.tax-product_cat #content.site-content{
  min-height:calc(100vh - var(--hlj-hdr));
  min-height:calc(100svh - var(--hlj-hdr));
}
/* ===== [배치 95] 크롬 모바일 1열 겹침 — 소유자 자리 픽스 =====
   증상: 386 1열에서 상품 격자를 담은 «엘리멘터 위젯 상자»의 계산 높이가 내용보다 짧게 굳는다
     (진의 폰 3112.4 대 4160.93 · 내 데스크탑 크롬도 −166 로 같은 결함, 크기만 다르다).
   원인 위치: 크롬의 «column flex 아이템 measure 패스». flex 를 빼면 그 경로가 사슬에서 사라진다
     (배치 93 E3 실측: 위젯 3112 → 4160.93 · 사다리 전체 복구 · html 3395 → 4443).
   범위: 이 사이트의 «엘리멘터 칸»은 홈에 하나뿐이고 그 칸의 자식은 하나다(배치 94 실측).
     자식이 하나면 flex 로 얻던 것(gap · justify · align · direction)이 전부 무의미하다 — 잃는 것이 없다.
     `:has(ul.products)` 로 «상품 격자를 품은 칸»에만 건다. 앞으로 칸을 더 만들어도 안 걸린다.
   확인: 386 3열 · 1400 6열 · 1400 3열이 «전 == 후»로 한 픽셀도 안 바뀐다(배치 94 표).
   주의: 이 칸에 엘리멘터에서 정렬·간격·방향을 설정하면 안 먹는다. 미해결 97 참조.
   되돌리기: 이 블록 삭제 1회. `:has()` 미지원 브라우저에서는 통째로 무시되고 2951 의 완화책이 받는다. */
.e-con:has(ul.products),
.e-con:has(ul.products) > .e-con-inner{ display:block; }

/* [2026-09-04] 모바일 헤더 — 진 요청: 로고 축소(104→75px)·14px 좌측 이동. 기존 규칙(html body #ast-mobile-header … 104px !important)과 같은 특이도로 뒤에서 덮는다. 되돌리기: 이 블록 삭제. */
@media (max-width:921px){
  html body #ast-mobile-header .site-branding img.custom-logo{ width:75px !important; max-width:75px !important; height:auto !important; }
  html body #ast-mobile-header .site-branding{ transform:translateX(-14px); }
}