/* 상품 페이지 상단 고정 서브내비(.postop)
   원본 테마는 마크업만 있고 스타일이 미구현이어서(.header .postop 2개 규칙뿐) 신규 작성.
   스크롤 시(.on) 상단에서 슬라이드 인 — 각 페이지의 stickyOn 상태와 연동. */
.postop {
    position: fixed;
    top: -90px;
    left: 0;
    width: 100%;
    height: 70px;
    background: #fff;
    box-shadow: 0 3px 10px rgba(0, 0, 0, 0.08);
    z-index: 98;
    transition: top 0.4s ease;
}

.postop.on {
    top: 0;
}

.postop .container {
    height: 100%;
}

.postop .img img {
    display: block;
    height: 44px;
}

.postop .name {
    margin-left: 16px;
    color: #323232;
    font-weight: 700;
}

.postop .toggle ul li {
    margin-left: 40px;
}

.postop .toggle ul li a {
    color: #747474;
    font-size: 14px;
    transition: color 0.3s;
}

.postop .toggle ul li a:hover {
    color: #278cff;
}

@media screen and (max-width: 750px) {
    /* 모바일은 .nypos가 담당 */
    .postop {
        display: none;
    }
}

/* ── 구매영역 옵션 카드(.goods-form .downselect-item) 좁은 폭 보강 (jojo.css 레거시 보강, vendor 미수정)
   증상: 모바일/좁은 칼럼에서 가격 "329,000원"이 두 줄로 깨지고 상품명이 과하게 잘림.
   처리: 가격 nowrap + 이름영역 flex 확보 → 가격 한 줄, 이름은 공간 부족 시 말줄임. */
.goods-form .downselect-item .p-l { flex: 1 1 auto; min-width: 0; }
.goods-form .downselect-item .p-tt { flex: 1 1 auto; min-width: 0; }

/* ── 앵커 점프 오프셋 보정
   증상: 서브내비(상세정보/비디오) 클릭 시 고정 .postop(70px)·헤더 아래로 섹션 제목이 가려져
         "컨텐츠가 제일 윗단 제목과 겹쳐" 보임. 처리: 앵커 대상에 scroll-margin-top 부여. */
.pagemain [id] { scroll-margin-top: 96px; }
@media screen and (max-width: 750px) { .pagemain [id] { scroll-margin-top: 64px; } }
.goods-form .downselect-item .p-tt .ell {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}
.goods-form .downselect-item .p-r { flex: none; padding-left: 8px; }
.goods-form .downselect-item .p_price { white-space: nowrap; }