/* =========================================================
   메인 페이지 배치 — 메인에서만 싣는다 (functions.php)

   규칙: 간격은 섹션만 갖는다. 부품(목록 · 키워드 · 큰 버튼 줄)은 바깥 여백을 갖지 않는다.
   본문에서 블록마다 [section class="hs-home"] 로 감싸고, 섹션에 padding 숫자는 적지 않는다.
   블록 사이 간격 = --hs-home-gap 의 두 배 (위 섹션 아래 + 아래 섹션 위). 여기 숫자 하나만 고친다.

   예전엔 섹션 패딩 0 + Flatsome 컬럼 아래 30 + 부품마다 제 여백(키워드 60 · 더보기 50 · 버튼 줄 40)
   + [gap] 빈 줄이 더해져 블록 사이가 48~140px 로 들쭉날쭉했다 (2026-10-21 정리).
========================================================= */

:root {
  --hs-home-gap: 40px;
}
@media (max-width: 549px) {
  :root { --hs-home-gap: 28px; }
}

/* Flatsome 은 [section] 마다 #section_… { padding: 30px } 를 박는다(기본값) — 그보다 이겨야 해서 !important */
.hs-home.section {
  padding-top: var(--hs-home-gap) !important;
  padding-bottom: var(--hs-home-gap) !important;
}

/* 섹션 안: Flatsome 컬럼 아래 30px 빼기 — 섹션 바로 밑 줄의 바깥 컬럼만.
   (.hs-home .row > .col 로 넓게 잡았더니 상품 목록 카드 칸까지 아래 여백이 0 이 돼 카드 줄이 붙었다) */
.hs-home > .section-content > .row > .col { padding-bottom: 0; }

/* 섹션 안 부품의 바깥 여백 빼기 */
.hs-home .hs-keywords { margin: 0 !important; }          /* hs-keywords.php: 위아래 60 (모바일 32) */
.hs-home .hs-more-button { margin-bottom: 0 !important; } /* [hs_products_v2] 더보기: 아래 50 */
.hs-home .hs-btn-row { margin-top: 0 !important; }       /* 추가 CSS '메인임시': 위 40 */
.hs-home .hs-btn-row .col:last-child { margin-bottom: 0 !important; }

/* 모바일 아래 예약·후기 바(.hs-stickybar, 사이트 추가 CSS) — 불투명으로.
   위에 붙는 기념일 띠(hs-limited)와 한 덩어리 단단한 틀. 반투명 + 흐림이면 둘 사이 경계가 얇은 선처럼 비쳤다 */
.hs-stickybar {
  background: #fff !important;
  -webkit-backdrop-filter: none !important;
  backdrop-filter: none !important;
}