@charset "utf-8";

/* 상품 상세 상단 헤더 (섹션 0) — 해시태그 · 상품명 · 영문명 · 최저가 · 평점 요약
   수치는 기획팀 Type B 프로토타입 기준.
   정본 규격: .claude/skills/style/item-detail-page.md */

.item-head__tags {
    margin: 0 0 14px;
    color: var(--tp-blue);
    font-size: 14px;
    font-weight: 500;
    line-height: 1.5;
}

.item-head__tag { margin-right: 6px; }

.item-head__title {
    margin: 0;
    color: var(--tp-text);
    font-size: 24px;
    font-weight: 700;
    letter-spacing: -0.6px;
    line-height: 1.35;
}

.item-head__level {
    margin-left: 6px;
    color: var(--tp-star);
    font-size: 15px;
    font-weight: 700;
    vertical-align: middle;
}

.item-head__title-en {
    margin: 3px 0 0;
    color: var(--tp-gray);
    font-size: 15px;
    line-height: 1.5;
}

.item-head__price {
    margin: 10px 0 0;
    color: var(--tp-gray);
    font-size: 15px;
    line-height: 1.4;
}

.item-head__price-prefix { margin-right: 4px; }
.item-head__price-num { color: var(--tp-text); font-size: 22px; font-weight: 800; }
.item-head__price-unit { color: var(--tp-text); font-weight: 700; }
.item-head__price-suffix { margin-left: 3px; }
.item-head__price-note { margin-left: 2px; font-size: 12px; }
.item-head__price-alt { color: var(--tp-sun); font-weight: 700; }

.item-head__rate {
    display: inline-flex;
    align-items: center;
    gap: 8px;
    margin-top: 8px;
    padding: 2px 0;
    border: 0;
    background: none;
    font-family: inherit;
    font-size: 14px;
    line-height: 1.4;
    cursor: pointer;
}

.item-head__rate:focus-visible { outline: 2px solid var(--tp-blue); outline-offset: 3px; }

.item-head__stars { color: var(--tp-star); letter-spacing: 1px; }
.item-head__rate-num { color: var(--tp-text); font-weight: 800; }
.item-head__rate-cnt { color: var(--tp-gray); text-decoration: underline; }
.item-head__rate:hover .item-head__rate-cnt { color: var(--tp-text); }

@media (max-width: 780px) {
    .item-head__tags {margin-bottom: 12px;}
    .item-head__title { font-size: 20px;}
    .item-head__title-en { font-size: 13px; }
    .item-head__price-num { font-size: 20px; }
}