/* hairmap — 매장 상세 헤어순위 아래 얼굴형별 추천 스타일 embed */
.pd-section.pd-career-section .face-shape-section--hairmap-embed {
    width: 100%;
    max-width: none;
    margin: 0;
    padding: 12px 0 0;
    box-sizing: border-box;
}

.pd-section.pd-career-section .pd-place-bot-block .face-shape-section--hairmap-embed {
    margin-top: 8px;
}

/* 헤어순위(하단 배너) ↔ 얼굴형별 추천 — 섹션 구분 (pd-place-bot-block--divider와 동일 톤) */
.pd-section.pd-career-section .hair-rank-section--hairmap-embed + .face-shape-section--hairmap-embed {
    margin-top: 10px;
    margin-left: -10px;
    margin-right: -10px;
    padding: 14px 10px 0;
    border-top: 10px solid #f0f0f0;
    box-sizing: border-box;
}

.pd-section.pd-career-section .face-shape-section--hairmap-embed .face-shape-hero--banner {
    margin-bottom: 12px;
}

/* hairmap embed — 랜딩 모바일과 동일한 히어로(6가지 얼굴형) 전체 너비 */
.face-shape-section--hairmap-embed .face-shape-hero--hairmap-mobile {
    width: calc(100% + 32px);
    max-width: none;
    margin-left: -16px;
    margin-right: -16px;
    padding: 0;
    border-radius: 0;
    background: transparent;
}

#faceShapeSection {
    padding: 0 16px;
}

#faceShapeSection .face-shape-grid--landing {
    grid-template-columns: 1fr;
    gap: 10px;
}

#faceShapeSection .face-shape-card__name {
    color: rgb(17, 24, 39);
    font-weight: 400;
    font-size: 14px;
}

.face-shape-section--hairmap-embed .face-shape-grid--landing {
    display: grid;
    gap: 10px;
}

.face-shape-section--hairmap-embed .face-shape-card[data-category="woman_oval"] { order: 1; }
.face-shape-section--hairmap-embed .face-shape-card[data-category="woman_round"] { order: 2; }
.face-shape-section--hairmap-embed .face-shape-card[data-category="woman_square"] { order: 3; }
.face-shape-section--hairmap-embed .face-shape-card[data-category="woman_heart"] { order: 4; }
.face-shape-section--hairmap-embed .face-shape-card[data-category="woman_long"] { order: 5; }
.face-shape-section--hairmap-embed .face-shape-card[data-category="woman_diamond"] { order: 6; }
.face-shape-section--hairmap-embed .face-shape-card[data-category="man_oval"] { order: 1; }
.face-shape-section--hairmap-embed .face-shape-card[data-category="man_round"] { order: 2; }
.face-shape-section--hairmap-embed .face-shape-card[data-category="man_square"] { order: 3; }
.face-shape-section--hairmap-embed .face-shape-card[data-category="man_heart"] { order: 4; }
.face-shape-section--hairmap-embed .face-shape-card[data-category="man_long"] { order: 5; }
.face-shape-section--hairmap-embed .face-shape-card[data-category="man_diamond"] { order: 6; }

/* hairmap embed — 얼굴형 TOP 3 카드를 헤어순위 카드와 동일 레이아웃·높이 */
.face-shape-section--hairmap-embed .face-shape-card {
    display: block;
    height: auto;
}

.face-shape-section--hairmap-embed .face-shape-card__body {
    display: block;
    position: relative;
    padding: 10px 0 8px 12px;
    flex: none;
}

.face-shape-section--hairmap-embed .face-shape-card__main {
    display: block;
}

.face-shape-section--hairmap-embed .face-shape-card__content {
    min-width: 0;
    padding-right: calc(var(--face-shape-photo-size) + var(--face-shape-photo-gap) + 6px);
}

.face-shape-section--hairmap-embed .face-shape-card__head {
    margin-bottom: 6px;
}

.face-shape-section--hairmap-embed .face-shape-card__title {
    flex: none;
    white-space: normal;
}

.face-shape-section--hairmap-embed .face-shape-card__list {
    padding: 10px 0 5px 10px;
    gap: 10px;
}

.face-shape-section--hairmap-embed .face-shape-card__list li {
    gap: 5px;
    min-height: 0;
    line-height: 1.6;
}

.face-shape-section--hairmap-embed .face-shape-card__name {
    font-size: 14px;
    font-weight: 400;
    line-height: 1.6;
    max-height: none;
}

.face-shape-section--hairmap-embed .face-shape-card__rank-new {
    padding: 3px 5px;
    font-size: 10px;
    font-weight: 600;
}

.face-shape-section--hairmap-embed .face-shape-card__photo {
    position: absolute;
    top: 50%;
    right: var(--face-shape-photo-gap);
    transform: translateY(-50%);
    width: var(--face-shape-photo-size);
    height: var(--face-shape-photo-size);
    justify-self: auto;
}

.face-shape-section--hairmap-embed .face-shape-card__more {
    margin: 0;
}

@media (max-width: 720px) {
    .face-shape-section--hairmap-embed .face-shape-card {
        --face-shape-photo-size: 92px;
    }
}