/* 홈 services 섹션 재디자인 — 참고 시안: SERVICES 알약 + 큰 제목, 흰 카드(왼쪽 사진·알약 배지 / 오른쪽 제목·체크 3줄·파란 버튼).
   마크업 구조·링크·문구는 그대로, 아이콘(배지·체크)만 추가/교체. 외부 URL 없음. */
body[data-page="home"] #services.home-services-section{padding:36px 0 20px;position:relative}
body[data-page="home"] #services .section-top{display:block;margin:0 0 18px}
body[data-page="home"] #services .section-top .eyebrow{display:inline-flex;align-items:center;margin:0 0 12px;padding:8px 22px;border-radius:999px;background:#0a5bc4;color:#fff;font-size:1.125rem;font-weight:800;letter-spacing:.16em;line-height:1.2}
body[data-page="home"] #services .section-top h2{margin:0;font-size:clamp(1.75rem,7.4vw,2.5rem);font-weight:800;letter-spacing:-.04em;line-height:1.2;color:#0b2a4a}
body[data-page="home"] #services .services-grid{display:grid;grid-template-columns:1fr;gap:14px}
body[data-page="home"] #services .service-card{position:relative;display:grid;grid-template-columns:minmax(0,45fr) minmax(0,55fr);gap:12px;align-items:stretch;padding:10px;border:1px solid #e1edf9;border-radius:22px;background:#fff;box-shadow:0 1px 2px #0b2a4a0d,0 8px 22px #0b2a4a14;overflow:visible}
body[data-page="home"] #services .service-card:hover{transform:translateY(-2px);border-color:#0a6cff}
body[data-page="home"] #services .service-card:focus-visible{outline:3px solid #0a5bc4;outline-offset:3px}
body[data-page="home"] #services .service-card .card-thumb{aspect-ratio:auto;min-height:230px;height:100%;border-radius:16px;background-color:#dff2ff}
body[data-page="home"] #services .service-card .card-thumb img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}
body[data-page="home"] #services .service-card .badge{top:10px;left:10px;display:inline-flex;align-items:center;gap:6px;padding:6px 12px 6px 9px;border:0;border-radius:999px;background:#0a5bc4;color:#fff;font-size:.9375rem;font-weight:800;line-height:1.2;backdrop-filter:none;box-shadow:0 2px 8px #0a5bc459}
body[data-page="home"] #services .service-card .badge .ic{width:20px;height:20px;flex:none}
body[data-page="home"] #services .service-card .card-content{padding:4px 2px 2px 0;justify-content:center;gap:0}
body[data-page="home"] #services .service-card h3{margin:0 0 10px;font-size:clamp(1rem,4.3vw,1.1875rem);font-weight:800;line-height:1.35;letter-spacing:-.03em;color:#0b2a4a;word-break:keep-all}
/* 시안에 없는 보조 문장: 화면에서만 감추고(스크린리더 읽기는 유지) 항목은 삭제하지 않는다 */
body[data-page="home"] #services .service-card p.card-desc{position:absolute;width:1px;height:1px;margin:-1px;padding:0;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap;flex:none}
body[data-page="home"] #services .service-card ul.card-bullets{gap:8px;margin:0 0 14px}
body[data-page="home"] #services .service-card ul.card-bullets li{align-items:center;gap:8px;font-size:clamp(.875rem,3.7vw,1rem);font-weight:600;line-height:1.35;color:#0b2a4a;word-break:keep-all}
body[data-page="home"] #services .service-card ul.card-bullets li svg{width:22px;height:22px;margin:0;color:#0a5bc4;flex:none}
body[data-page="home"] #services .service-card .card-cta{display:flex;align-items:center;justify-content:center;gap:6px;min-height:48px;margin-top:auto;padding:0 12px;border-radius:12px;background:#0a5bc4;color:#fff;font-size:clamp(.9375rem,3.9vw,1.0625rem);font-weight:800;letter-spacing:-.02em;text-align:center;box-shadow:0 4px 12px #0a5bc42e;transition:background .15s ease}
body[data-page="home"] #services .service-card:hover .card-cta,body[data-page="home"] #services .service-card:focus-visible .card-cta{background:#084ba3}
@media(min-width:700px){
 body[data-page="home"] #services.home-services-section{padding:52px 0 28px}
 body[data-page="home"] #services .services-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:20px}
 body[data-page="home"] #services .service-card{display:flex;flex-direction:column;gap:0;padding:12px}
 body[data-page="home"] #services .service-card .card-thumb{aspect-ratio:4/3;min-height:0;height:auto}
 body[data-page="home"] #services .service-card .card-content{padding:16px 6px 6px;justify-content:flex-start;flex:1}
 body[data-page="home"] #services .service-card h3{font-size:1.25rem;min-height:2.7em}
 body[data-page="home"] #services .service-card p.card-desc{position:static;width:auto;height:auto;margin:0 0 12px;overflow:visible;clip:auto;white-space:normal;font-size:.9375rem;line-height:1.55;color:#3c5a78;flex:none}
 body[data-page="home"] #services .service-card ul.card-bullets li{font-size:1rem}
 body[data-page="home"] #services .service-card .card-cta{min-height:52px;font-size:1.0625rem}
}
@media(min-width:700px) and (max-width:999px){
 body[data-page="home"] #services .services-grid{grid-template-columns:1fr;gap:16px}
 body[data-page="home"] #services .service-card{display:grid;grid-template-columns:minmax(0,40fr) minmax(0,60fr);gap:18px;padding:14px}
 body[data-page="home"] #services .service-card .card-thumb{aspect-ratio:auto;min-height:260px;height:100%}
 body[data-page="home"] #services .service-card .card-content{justify-content:center;padding:6px 8px 6px 0}
 body[data-page="home"] #services .service-card h3{min-height:0;font-size:1.375rem}
}
@media(prefers-reduced-motion:reduce){body[data-page="home"] #services .service-card,body[data-page="home"] #services .service-card .card-cta{transition:none}body[data-page="home"] #services .service-card:hover{transform:none}}
/* 공항 VIP 카드 사진(세로 사진)은 얼굴이 잘리지 않게 위쪽 기준으로 맞춘다. 사진 위에 여백(112px)을 늘려 사람이 아래로 내려오게 했다(공항 VIP 배지가 얼굴을 가리지 않게, 2026-10-09) */
body[data-page="home"] #services .service-card[href="/fasttrack/"] .card-thumb img{object-position:50% 0}
/* /villas/(풀빌라 탭) "검증된 숙소" 카드 사진(다낭특파원 피켓 든 모델, 800x877 원본 전체): 얼굴·로고·피켓 글자가 칸 가운데에 모두 보이도록 맞춘다(2026-10-09). 데스크톱/태블릿 4:3 칸은 6:5 로 조금만 늘려 글자가 잘리지 않게 하고, 모바일(세로 칸)은 가로 가운데 기준 */
body[data-page="home"] #services .service-card .card-thumb:has(img.vc-photo){background-color:#dff2ff}
body[data-page="home"] #services .service-card .card-thumb img.vc-photo{object-position:50% 60%}
/* 홈(/) 전용(.vc-scene): 해변 옆 옥상 수영장 전경 사진(1200x799). 수영장·해변이 칸 가운데에 오도록 가로 34% 기준(/villas/ 의 모델 사진 규칙과 분리, 2026-10-09) */
body[data-page="home"] #services .service-card .card-thumb img.vc-photo.vc-scene{object-position:34% 50%}
@media(min-width:1000px){body[data-page="home"] #services .service-card .card-thumb:has(img.vc-photo){aspect-ratio:6/5}}
@media(min-width:700px) and (max-width:999px){body[data-page="home"] #services .service-card .card-thumb:has(img.vc-photo){min-height:300px}}
/* 공항 VIP 카드 사진(600x912): 데스크톱 3열(≥1000px)에서 4:3 칸이면 가운데 피켓(다낭특파원·고객님 성함)이 잘려서, 이 카드 사진 칸만 4:5 세로로 늘리고 얼굴 위~피켓 아래가 모두 보이게 위치를 맞춘다(홈 '/'·'/villas/' 공통, 다른 카드 사진·문구·링크 불변, 2026-10-09) */
@media(min-width:1000px){body[data-page="home"] #services .service-card[href="/fasttrack/"] .card-thumb{aspect-ratio:4/5}body[data-page="home"] #services .service-card[href="/fasttrack/"] .card-thumb img{object-position:50% 86%}}
/* 모바일(세로 칸)·태블릿(좌우 배치): 사진 비율(0.66)에 가까워 위쪽 기준이면 얼굴·피켓이 모두 들어온다. 칸이 더 길어질 때를 대비해 아래쪽으로 약간 치우침 */
@media(max-width:999px){body[data-page="home"] #services .service-card[href="/fasttrack/"] .card-thumb img{object-position:50% 70%}}