/* 성별 홈 (theme/celebrity-v2/shop/_home_gender.php) — 여성 블랙 럭셔리 / 남성 블랙 볼드 */
.hh{font-family:'Poppins','Noto Sans KR',sans-serif;color:#111;padding-bottom:70px;background:#fff}
.hh a{text-decoration:none;color:inherit}
.hh-in{max-width:1360px;margin:0 auto;padding:0 24px}

/* 대표 영역 */
.hh-hero{background:#0e0e0f;color:#fff}
.hh-hero > .hh-in{display:grid;grid-template-columns:5fr 7fr;gap:40px;align-items:center;padding-top:50px;padding-bottom:50px}
.hh-eb{font-size:12px;letter-spacing:.24em;color:#8d8d92;margin-bottom:18px;font-weight:600}
.hh-hero h2{font-size:72px;line-height:.98;font-weight:800;margin:0 0 22px;letter-spacing:-.03em;text-transform:uppercase;color:#fff}
.hh-hero h2 span{color:transparent;-webkit-text-stroke:1.5px #fff}
.hh-hero p{font-size:15px;color:#a9a9ae;margin:0 0 28px;line-height:1.7}
.hh-btns{display:flex;gap:8px;flex-wrap:wrap}
.hh-btn{display:inline-block;background:#fff;color:#111 !important;padding:14px 30px;font-size:14px;font-weight:700;letter-spacing:.04em}
.hh-btn.o{background:none;color:#fff !important;border:1px solid #55555a}
/* 여성: 착용 사진 + 연결 상품 카드 */
.hh-hero-ph{position:relative}
.hh-hero-img img{width:100%;height:520px;object-fit:cover;object-position:center 22%;display:block}
.hh-tag{position:absolute;left:-56px;bottom:36px;width:210px;background:#1b1b1d;color:#fff;display:block}
.hh-tag-img img{width:100%;height:auto;aspect-ratio:1;object-fit:cover;display:block;background:#fff}
.hh-tag-tx{display:block;padding:12px 14px 14px}
.hh-tag-tx b{display:block;font-size:11px;letter-spacing:.14em;color:#8d8d92}
.hh-tag-tx span{display:block;font-size:13.5px;margin:3px 0 5px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.hh-tag-tx em{font-style:normal;font-weight:700;white-space:nowrap}
.hh-tag-tx u{display:none}
/* 남성: 품목별 1위 3개 */
.hh-hero3{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px}
.hh-hero3 a{display:block;background:#1b1b1d;color:#fff}
.hh-h3-img{display:block;position:relative}
.hh-h3-img img{width:100%;height:auto;aspect-ratio:1;object-fit:cover;display:block;background:#fff}
.hh-h3-img i{position:absolute;left:0;top:0;font-style:normal;background:#111;color:#fff;font-size:11px;font-weight:700;letter-spacing:.14em;padding:6px 10px}
.hh-h3-tx{display:block;padding:12px 14px 14px}
.hh-h3-tx b{display:block;font-size:11px;letter-spacing:.14em;color:#8d8d92}
.hh-h3-tx span{display:block;font-size:13.5px;margin:4px 0 6px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.hh-h3-tx em{font-style:normal;font-weight:700;font-size:15px;white-space:nowrap}

/* 품목 바로가기 */
/* 품목 수(지갑 추가로 7개)에 맞춰 한 줄로 나눈다 — 칸 수를 고정하지 않는다 */
.hh-cat{display:grid;grid-auto-flow:column;grid-auto-columns:minmax(0,1fr);border-bottom:1px solid #111}
.hh-cat .hh-cat-more{display:none}
.hh-cat a{padding:22px 0;text-align:center;font-size:16px;font-weight:700;border-left:1px solid #e3e3e3}
.hh-cat a:first-child{border-left:0}
.hh-cat a:hover{background:#f5f5f5}
.hh-cat small{display:block;font-size:11.5px;color:#8a8a8a;font-weight:500;margin-top:4px}

/* 섹션 제목 */
.hh-sh{display:flex;align-items:flex-end;justify-content:space-between;gap:12px;border-bottom:3px solid #111;padding:52px 0 12px;margin-bottom:18px}
.hh-sh h3{font-size:30px;font-weight:800;margin:0;letter-spacing:-.02em;text-transform:uppercase;color:inherit}
.hh-sh h3 small{font-size:14px;font-weight:500;color:#777;margin-left:12px;letter-spacing:0;text-transform:none}
.hh-sh a{font-size:13px;font-weight:600;white-space:nowrap}

/* 상품 카드 */
.hh-g5{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:24px 12px}
.hh-c{display:block;min-width:0}
.hh-th{display:block;position:relative;background:#f2f2f2;margin-bottom:10px}
.hh-th img{width:100%;height:auto;aspect-ratio:1;object-fit:cover;display:block}
.hh-rk{position:absolute;left:0;top:0;background:#111;color:#fff;font-style:normal;font-weight:800;font-size:15px;padding:6px 10px;z-index:1}
.hh-b{display:block;font-size:11px;font-weight:700;letter-spacing:.06em}
.hh-n{display:block;font-size:13.5px;color:#444;margin:3px 0 5px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.hh-p{display:block;font-size:15px;font-weight:800;white-space:nowrap}

/* 남성 인기 차트: 1위 크게 + 2~10위 목록 */
.hh-chart{display:grid;grid-template-columns:5fr 7fr;gap:28px}
.hh .hh-ch1{display:block;background:#111;color:#fff}
.hh-ch1-img{display:block;position:relative}
.hh-ch1-img img{width:100%;height:auto;aspect-ratio:1;object-fit:cover;display:block;background:#fff}
.hh-ch1-img em{position:absolute;left:0;top:0;font-style:normal;background:#111;color:#fff;font-size:44px;font-weight:900;line-height:1;padding:12px 18px}
.hh-ch1-tx{display:block;padding:16px 20px 20px}
.hh-ch1-tx b{display:block;font-size:12px;letter-spacing:.14em;color:#8d8d92}
.hh-ch1-tx span{display:block;font-size:17px;font-weight:600;margin:4px 0 8px}
.hh-ch1-tx em{font-style:normal;font-size:22px;font-weight:800}
.hh-chl{list-style:none;margin:0;padding:0}
.hh-chl li a{display:grid;grid-template-columns:40px 68px minmax(0,1fr) 110px;gap:14px;align-items:center;padding:10px 0;border-bottom:1px solid #e6e6e6}
.hh-chl em{font-style:normal;font-size:24px;font-weight:900;text-align:center}
.hh-chl-img img{width:68px;height:68px;object-fit:cover;background:#f2f2f2;display:block}
.hh-chl-tx{min-width:0}
.hh-chl-tx b{display:block;font-size:11px;letter-spacing:.06em}
.hh-chl-tx span{display:block;font-size:14px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.hh-chl strong{text-align:right;font-size:15px;font-weight:800;white-space:nowrap}

/* 어두운 띠 (추천) */
.hh-band{background:#0e0e0f;color:#fff;margin-top:56px;padding-bottom:48px}
.hh-band .hh-sh{border-color:#fff;padding-top:40px}
.hh-band .hh-sh h3 small{color:#9a9a9f}
.hh-band .hh-th{background:#1c1c1f}
.hh-band .hh-n{color:#bdbdc2}
.hh-celeb{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:12px}
.hh-celeb a{display:block;min-width:0;color:#fff}
.hh-cimg img{width:100%;height:auto;aspect-ratio:3/4;object-fit:cover;display:block;margin-bottom:10px}
.hh-celeb b{display:block;font-size:11px;letter-spacing:.1em;color:#9a9a9f}
.hh-celeb span{display:block;font-size:13.5px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;margin:2px 0 4px}
.hh-celeb em{font-style:normal;font-weight:800;font-size:14.5px;white-space:nowrap}

/* ── 모바일 ── */
@media (max-width:767px){
    .hh-in{padding:0 16px}
    .hh-hero > .hh-in{grid-template-columns:1fr;gap:22px;padding-top:28px;padding-bottom:28px}
    .hh-hero h2{font-size:44px;margin-bottom:14px}
    .hh-hero p{font-size:13.5px;margin-bottom:18px}
    .hh-btn{padding:12px 20px;font-size:13px}
    /* 겹친 카드를 풀어 이미지 → 상품명 · 가격 → 상세보기 순서로 */
    .hh-hero-img img{height:auto;aspect-ratio:4/5}
    .hh-tag{position:static;width:auto;display:grid;grid-template-columns:84px 1fr;align-items:center;background:#1b1b1d}
    .hh-tag-img img{width:84px;height:84px}
    .hh-tag-tx em{display:block}
    .hh-tag-tx u{display:inline-block;margin-top:6px;font-size:12px;text-underline-offset:4px;color:#ddd}
    .hh-hero3{grid-template-columns:repeat(3,minmax(0,1fr));gap:6px}
    .hh-h3-img img{aspect-ratio:1}
    .hh-h3-tx{padding:8px}
    .hh-h3-tx span{font-size:11.5px}
    .hh-h3-tx em{font-size:12.5px}
    .hh-cat{grid-auto-flow:row;grid-template-columns:repeat(4,minmax(0,1fr))}   /* 7개 + '브랜드' = 4칸 × 2줄 */
    .hh-cat a{padding:14px 0;font-size:14px;border-bottom:1px solid #e3e3e3}
    .hh-cat a:nth-child(4n+1){border-left:0}
    .hh-cat .hh-cat-more{display:block}
    .hh-sh{padding-top:34px}
    .hh-sh h3{font-size:21px}
    .hh-sh h3 small{display:block;margin:4px 0 0;font-size:12px}
    .hh-g5,.hh-celeb{grid-template-columns:repeat(2,minmax(0,1fr));gap:18px 10px}
    .hh-chart{grid-template-columns:1fr;gap:12px}
    .hh-ch1-img em{font-size:30px;padding:8px 13px}
    .hh-chl li a{grid-template-columns:28px 56px minmax(0,1fr) 84px;gap:10px}
    .hh-chl em{font-size:18px}
    .hh-chl-img img{width:56px;height:56px}
    .hh-chl-tx span{font-size:12.5px}
    .hh-chl strong{font-size:13px}
    .hh-band{margin-top:36px;padding-bottom:30px}
    /* 2열에서 5번째가 혼자 남지 않게 */
    .hh-band .hh-g5 > :nth-child(5), .hh-celeb > :nth-child(5){display:none}
}

/* ===== 메인 추가 진열 (shop/_home_more.php) — 2026-10-15 ===== */
.hh-g4{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:24px 14px}
.hm-tb{display:flex;flex-wrap:wrap;gap:8px;margin:0 0 20px}
.hm-tb button{border:1px solid #ddd;background:#fff;color:#555;border-radius:20px;padding:8px 18px;font-size:14px;font-weight:700;cursor:pointer;white-space:nowrap}
.hm-tb button.on{background:#111;border-color:#111;color:#fff}
.hh-band .hm-tb button{background:transparent;border-color:#444;color:#bbb}
.hh-band .hm-tb button.on{background:#fff;border-color:#fff;color:#111}
.hm-pn[hidden]{display:none}
.hm-more{display:block;text-align:center;margin-top:22px;padding:13px 0;border:1px solid #111;font-size:14px;font-weight:700}
.hm-more:hover{background:#111;color:#fff !important}
/* 에디토리얼 배너 */
.hm-ed{background:#f4f1ec;margin-top:60px;padding:56px 0}
.hm-ed-in{display:grid;grid-template-columns:5fr 7fr;gap:48px;align-items:center}
.hm-ed-ph{display:block;background:#fff}
.hm-ed-ph img{width:100%;height:auto;aspect-ratio:1;object-fit:cover;display:block}
.hm-ed-tx small{display:block;font-size:12px;letter-spacing:.24em;font-weight:700;color:#a07a43;margin-bottom:10px}
.hm-ed-tx h3{font-size:44px;font-weight:800;letter-spacing:.02em;margin:0 0 8px;line-height:1.05}
.hm-ed-tx p{font-size:15px;color:#666;margin:0 0 24px}
.hm-ed-g{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px}
.hm-ed-g .hh-th{background:#fff}
.hm-ed-go{display:inline-block;margin-top:24px;background:#111;color:#fff !important;padding:13px 28px;font-weight:700;font-size:14px}
/* 인기 모델 타일 */
.hm-mt{display:grid;grid-template-columns:repeat(8,minmax(0,1fr));gap:14px}
.hm-mt a{display:block;text-align:center}
.hm-mt-ph{display:block;border-radius:50%;overflow:hidden;background:#f2f2f2;margin-bottom:10px;border:1px solid #eee;transition:border-color .15s}
.hm-mt-ph img{width:100%;height:auto;aspect-ratio:1;object-fit:cover;display:block}
.hm-mt a:hover .hm-mt-ph{border-color:#111}
.hm-mt b{display:block;font-size:14px;font-weight:800}
.hm-mt small{display:block;font-size:11.5px;color:#999;margin-top:2px}
/* 테마 기획 */
.hm-th{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px}
.hm-th-c{border:1px solid #e8e8e8;padding:18px}
.hm-th-h{display:flex;align-items:baseline;flex-wrap:wrap;gap:4px 8px;margin-bottom:14px}
.hm-th-h b{font-size:17px;font-weight:800}
.hm-th-h small{font-size:12.5px;color:#888;flex-basis:100%;order:3}
.hm-th-h a{margin-left:auto;font-size:12.5px;font-weight:700;color:#555}
.hm-th-g{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}
.hm-th-g a{display:block}
.hm-th-g span{display:block;background:#f2f2f2;margin-bottom:5px}
.hm-th-g img{width:100%;height:auto;aspect-ratio:1;object-fit:cover;display:block}
.hm-th-g em{font-style:normal;font-size:13px;font-weight:800}
@media (max-width:1100px){
    .hm-mt{grid-template-columns:repeat(4,minmax(0,1fr))}
    .hm-th{grid-template-columns:1fr}
    .hm-th-g{grid-template-columns:repeat(4,minmax(0,1fr))}
}
@media (max-width:767px){
    .hm-tb{flex-wrap:nowrap;overflow-x:auto;scrollbar-width:none;margin:0 -16px 16px;padding:0 16px}
    .hm-tb::-webkit-scrollbar{display:none}
    .hm-tb button{padding:7px 14px;font-size:13px}
    /* 탭 진열은 가로로 넘겨 본다(세로로 길어지지 않게) */
    .hm-row{display:flex !important;overflow-x:auto;gap:10px;scroll-snap-type:x mandatory;scroll-padding:0 16px;scrollbar-width:none;margin:0 -16px;padding:0 16px}
    .hm-row::-webkit-scrollbar{display:none}
    .hm-row > .hh-c{flex:0 0 42%;scroll-snap-align:start}
    .hm-more{margin-top:16px;padding:11px 0;font-size:13px}
    .hm-ed{margin-top:40px;padding:30px 0}
    .hm-ed-in{grid-template-columns:1fr;gap:20px}
    .hm-ed-tx h3{font-size:30px}
    .hm-ed-tx p{font-size:13.5px;margin-bottom:16px}
    .hm-ed-g{grid-template-columns:repeat(2,minmax(0,1fr))}
    .hm-ed-go{display:block;text-align:center;margin-top:18px}
    .hm-mt{grid-template-columns:repeat(4,minmax(0,1fr));gap:12px 10px}
    .hm-mt b{font-size:12.5px}
    .hm-mt small{font-size:10.5px}
    .hm-th-c{padding:14px}
    .hm-th-g{grid-template-columns:repeat(4,minmax(0,1fr));gap:6px}
    .hm-th-g em{font-size:11.5px}
}

/* 추가 진열 2차(2026-10-15): 반대 배치 에디토리얼 · 시즌 · 리뷰 · 줄 진열 */
.hm-ed-r{background:#141414;color:#fff}
.hm-ed-r .hm-ed-in{grid-template-columns:7fr 5fr}
.hm-ed-r .hm-ed-ph{order:2}
.hm-ed-r .hm-ed-tx small{color:#c9a46a}
.hm-ed-r .hm-ed-tx p{color:#aaa}
.hm-ed-r .hm-ed-g .hh-n{color:#bbb}
.hm-ed-r .hm-ed-g .hh-th{background:#1f1f1f}
.hm-ed-r .hm-ed-go{background:#fff;color:#111 !important}
.hm-season{background:linear-gradient(180deg,#efe9e1 0,#fff 85%);margin-top:56px;padding-bottom:20px}
.hm-season .hh-sh{padding-top:44px}
.hm-line .hh-sh{padding-top:44px}
.hm-rv{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:18px 14px}
.hm-rv-c{display:block;border:1px solid #eee;padding:0 0 14px}
.hm-rv-ph{display:block;background:#f2f2f2;margin-bottom:10px}
.hm-rv-ph img{width:100%;height:auto;aspect-ratio:1;object-fit:cover;display:block}
.hm-rv-c em{display:block;font-style:normal;color:#e8a33d;font-size:13px;padding:0 12px}
.hm-rv-c b{display:block;font-size:14px;padding:4px 12px 0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.hm-rv-c small{display:block;font-size:12px;color:#888;padding:2px 12px 0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.hm-rv-tx{display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;overflow:hidden;font-size:12.5px;color:#555;padding:6px 12px 0;line-height:1.5}
@media (max-width:767px){
    .hm-ed-r .hm-ed-in{grid-template-columns:1fr}
    .hm-ed-r .hm-ed-ph{order:0}
    .hm-season{margin-top:36px}
    .hm-line .hh-sh, .hm-season .hh-sh{padding-top:30px}
    .hm-rv > .hm-rv-c{flex:0 0 62%;scroll-snap-align:start}
}
/* 후기 카드: 옆으로 넘기는 줄 안에서 원본 사진 크기(900px)에 끌려 카드가 늘어나던 것 — 최소 폭 해제 + 사진은 카드 폭까지 */
.hm-rv-c{min-width:0}
.hm-rv-ph img{max-width:100%}
@media (max-width:767px){
    .hm-rv.hm-row > .hm-rv-c{flex:0 0 62%;min-width:0;max-width:62%}
}