/* 풀빌라 상세 구역 배경 시안(2026-10-10, 미리보기 전용 · Su: "làm mẫu như đề xuất"): 흰색 ↔ 연한 하늘색(#e9f5ff, 홈 구역색과 동일) 번갈아.
   순서: 제목 블록(하늘색 유리 카드, 기존) → 영상(흰) → 소개(하늘) → 요금·예약·추가정보(흰) → 위치와 이동·지도(하늘) → 편의시설·입실안내(흰) → 후기(하늘).
   요금 카드·편의시설·버튼·후기 카드는 흰 바탕에 그대로 두어 주중(파랑)·주말(주황) 요금이 또렷하다. 글자·링크·가격·버튼·사진·마크업은 그대로(배경/간격만).
   간격·모서리는 홈(home-section-bg.css)과 같은 값(24px / 32px, 위아래 12px / 16px). 롤백: 이 파일 삭제 + build.mjs 의 detail 줄에서 villa-detail-bg.css 두 곳 되돌리기. */
body[data-page="detail"]{--sb-tint:#e9f5ff;--sb-radius:24px;--sb-gap:12px;--sb-out:10px}
body[data-page="detail"] main{background:#fff}
/* 하늘색 구역: 가운데 정렬 좁은 폭(.wrap 안쪽) — 뒤쪽 가상 요소로 띠를 깔아 안쪽 글자 폭은 그대로 */
body[data-page="detail"] .detail-layout>.detail-main,body[data-page="detail"] .detail-layout>.detail-map,body[data-page="detail"] section#reviews.reviews-section{
 position:relative;isolation:isolate;margin-top:var(--sb-gap);margin-bottom:var(--sb-gap);padding-top:18px;padding-bottom:18px}
body[data-page="detail"] .detail-layout>.detail-main::before,body[data-page="detail"] .detail-layout>.detail-map::before,body[data-page="detail"] section#reviews.reviews-section::before{
 content:"";position:absolute;z-index:-1;top:0;bottom:0;left:calc(-1*var(--sb-out));right:calc(-1*var(--sb-out));border-radius:var(--sb-radius);background:var(--sb-tint);pointer-events:none}
@media(min-width:701px){body[data-page="detail"]{--sb-radius:32px;--sb-gap:16px;--sb-out:16px}}
@media(min-width:1051px){body[data-page="detail"]{--sb-out:32px}}