/* ============================================================
   배때지 V2 HOME · 섹션 구분 여백
     메인의 각 섹션 사이에 약간의 공백 + 아주 얇은 구분선을 넣어
     "어디서 한 섹션이 끝나고 다음이 시작되는지" 눈으로 구분되게 한다.

   설계 원칙
     · 기존 스타일시트(home-v2.css / v2-carousel.css)를 고치지 않는다.
       이 파일 하나만 빼면 원래 간격으로 정확히 되돌아간다.
     · .v2-home 안쪽으로만 적용한다. 다른 페이지에는 영향 없음.
     · 섹션 내부 구조·카드 크기·좌우 여백은 건드리지 않는다(여백만 조정).
   ============================================================ */

.v2-home{
    --v2home-gap:26px;         /* 섹션 사이 추가 공백 */
    --v2home-line:#f1f2f5;     /* 구분선(아주 옅은 회색) */
}

/* HOME 섹션은 .v2-home > .v2-home-wrap 안에 들어 있다.
   두 계열이 섞여 있으므로 둘 다 잡는다.
     .v2-home-section  : 기존 홈 섹션 (기획전 / SALE / 신상품 …)
     .v2c-sec          : 공용 캐러셀 섹션 (랭킹 / Top Brand / 셀러브리티 / MAGAZINE) */
.v2-home-wrap > .v2-home-section,
.v2-home-wrap > .v2c-sec{
    position:relative;
    padding-top:var(--v2home-gap);
}

/* 구분선 — 섹션 사이에만.
   좌우 콘텐츠 여백만큼 안쪽으로 들여 그어 화면 끝까지 닿지 않게 한다. */
.v2-home-wrap > .v2-home-section::before,
.v2-home-wrap > .v2c-sec::before{
    content:"";
    position:absolute;
    top:0;
    left:var(--v2c-sec-pad,16px);
    right:var(--v2c-sec-pad,16px);
    height:1px;
    background:var(--v2home-line);
    pointer-events:none;
}

/* 첫 섹션 위에는 구분선을 긋지 않는다 (히어로/퀵메뉴 바로 아래에 선이 붙어 보인다) */
.v2-home-wrap > *:first-child::before{ display:none; }
.v2-home-wrap > *:first-child{ padding-top:0; }

/* 태블릿 · PC 로 갈수록 조금 더 넉넉하게 */
@media (min-width:768px){
    .v2-home{--v2home-gap:32px}
    .v2-home-wrap > .v2-home-section::before,
    .v2-home-wrap > .v2c-sec::before{ left:20px; right:20px; }
}
@media (min-width:1200px){
    .v2-home{--v2home-gap:40px}
    .v2-home-wrap > .v2-home-section::before,
    .v2-home-wrap > .v2c-sec::before{ left:24px; right:24px; }
}

/* .v2c-sec 는 PC 에서 max-width:1440px + margin auto 라
   구분선도 그 폭 안에서만 그려진다(자연스럽게 중앙 정렬된다). */