/* QA2909 R4/R5: PC 기본 메뉴만 내용 폭·32 간격으로 읽습니다. 고정 줄과 /m markup은 현행 소유입니다. */
/* 공용 PC 기본 값(wedding_catalog_context_navigation.css.php). 영상도 이 자산을 실제 로드한다. */
:root {
    --catalog-nav-pc-rest-padding-top: 28px;
    --catalog-nav-pc-rest-padding-bottom: 6px;
    --catalog-nav-pc-rest-selection-offset: 7px;
    --catalog-nav-selection-line-size: 2px;
}
@media (min-width: 768px) {
    .weddingCatalogContextNav.weddingCatalogContextNav--pc:not(.ui-fixed) {
        /* 기존 선택선 bottom:-7px가 차지하는 여유. viewport만 늘리고 자연 높이는 유지합니다. */
        --catalog-context-selection-overhang: var(--catalog-nav-pc-rest-selection-offset);
    }
    .weddingCatalogContextNav.weddingCatalogContextNav--pc:not(.ui-fixed) .weddingCatalogContextNav__railViewport {
        width: 100%;
        height: auto;
        margin-inline: 0;
        margin-bottom: calc(-1 * var(--catalog-context-selection-overhang));
        padding-bottom: var(--catalog-context-selection-overhang);
        overflow-x: auto;
        overflow-y: hidden;
        overscroll-behavior-x: contain;
        scrollbar-width: none;
    }
    .weddingCatalogContextNav.weddingCatalogContextNav--pc:not(.ui-fixed) .weddingCatalogContextNav__railViewport::-webkit-scrollbar {
        display: none;
    }
    .weddingCatalogContextNav.weddingCatalogContextNav--pc:not(.ui-fixed) .weddingCatalogContextNav__rail,
    .weddingCatalogContextNav.weddingCatalogContextNav--pc:not(.ui-fixed) .weddingCatalogContextNav__group--styles,
    .weddingCatalogContextNav.weddingCatalogContextNav--pc:not(.ui-fixed) .weddingCatalogContextNav__styles,
    .weddingCatalogContextNav.weddingCatalogContextNav--pc:not(.ui-fixed):not(.weddingCatalogContextNav--menu9) .weddingCatalogContextNav__related {
        display: flex !important; /* companion의 block/grid!important를 PC 기본 범위에서만 해제 */
        flex-flow: row nowrap;
        align-items: center;
        justify-content: flex-start;
        width: max-content !important; /* companion의 등분 width:100%!important와 같은 소유 범위 */
        min-width: 0;
        max-width: none;
        flex: 0 0 auto;
        gap: var(--bj-space-3);
    }
    .weddingCatalogContextNav.weddingCatalogContextNav--pc:not(.ui-fixed) .weddingCatalogContextNav__link {
        width: max-content;
        min-width: 0;
        flex: 0 0 auto;
        flex-direction: row;
        justify-content: flex-start;
        gap: var(--bj-space-1);
        padding-inline: 0;
    }
    .weddingCatalogContextNav.weddingCatalogContextNav--pc:not(.ui-fixed) .weddingCatalogContextNav__styleLabel {
        white-space: nowrap;
    }
    .weddingCatalogContextNav.weddingCatalogContextNav--pc:not(.ui-fixed) .weddingCatalogContextNav__iconTile {
        width: var(--bj-catalog-category-icon);
        height: var(--bj-catalog-category-icon);
        border-width: 0;
        flex: 0 0 var(--bj-catalog-category-icon);
    }
    .weddingCatalogContextNav.weddingCatalogContextNav--pc:not(.ui-fixed) .weddingCatalogContextNav__related::before {
        left: calc(var(--bj-space-3) / -2);
    }
    /* menu9 모델의 related에는 기본 상태에서 숨는 무료 샘플만 있습니다. 빈 그룹의 gap을 만들지 않습니다. */
    .weddingCatalogContextNav.weddingCatalogContextNav--pc.weddingCatalogContextNav--menu9:not(.ui-fixed) .weddingCatalogContextNav__related {
        display: none;
    }
    .weddingCatalogContextNav.weddingCatalogContextNav--pc:not(.ui-fixed) .weddingCatalogContextNav__link.is-current::after {
        bottom: calc(-1 * var(--catalog-context-selection-overhang));
        height: var(--catalog-nav-selection-line-size);
    }
    /* 기존 비트맵의 기본 축소. 최신 통합본에서 높이20으로 맞춘 SVG·2PNG는 아래에서 원본대로 표시합니다. */
    .weddingCatalogContextNav.weddingCatalogContextNav--pc:not(.ui-fixed) .weddingCatalogContextNav__iconTile img {
        width: var(--bj-catalog-category-icon);
        height: var(--bj-catalog-category-icon);
        max-width: none;
        object-fit: contain;
        transform-origin: 0 0;
        transform: matrix(var(--catalog-context-icon-scale, .8333333333), 0, 0, var(--catalog-context-icon-scale, .8333333333), var(--catalog-context-icon-x, 1), var(--catalog-context-icon-y, 2));
    }
    .weddingCatalogContextNav.weddingCatalogContextNav--pc:not(.ui-fixed)::before,
    .weddingCatalogContextNav.weddingCatalogContextNav--pc:not(.ui-fixed)::after {
        position: absolute;
        z-index: 2;
        /* 실제 viewport에만 표시합니다. 아래 standalone 도구 행까지 흐리지 않습니다. */
        top: var(--catalog-context-viewport-top, 28px);
        bottom: auto;
        height: calc(var(--catalog-context-viewport-height, 68px) - 1px);
        width: var(--bj-space-2);
        pointer-events: none;
        content: '';
        opacity: 0;
    }
    .weddingCatalogContextNav.weddingCatalogContextNav--pc:not(.ui-fixed)::before {
        left: 0;
        background: linear-gradient(90deg, #fff 10%, #fff0);
    }
    .weddingCatalogContextNav.weddingCatalogContextNav--pc:not(.ui-fixed)::after {
        right: 0;
        background: linear-gradient(270deg, #fff 10%, #fff0);
    }
    .weddingCatalogContextNav.weddingCatalogContextNav--pc:not(.ui-fixed).has-left-overflow::before,
    .weddingCatalogContextNav.weddingCatalogContextNav--pc:not(.ui-fixed).has-right-overflow::after {
        opacity: 1;
    }

}


/* df872434의 높이20 정규화 SVG·2PNG는 원본대로 표시합니다. 이전 광학 배율을 중복 적용하지 않습니다. */
@media (min-width: 768px) {
    .weddingCatalogContextNav.weddingCatalogContextNav--pc:not(.ui-fixed) .weddingCatalogContextNav__iconTile img[src*="/card/img/catalog-icons/v1/"][src*=".svg"],
    .pdl--namecard .weddingCatalogContextNav.weddingCatalogContextNav--pc:not(.ui-fixed) .weddingCatalogContextNav__iconTile img[src^="data:image/svg+xml"],
    .weddingCatalogContextNav.weddingCatalogContextNav--pc:not(.ui-fixed) .weddingCatalogContextNav__iconTile img[src*="/factory-poster.png"],
    .weddingCatalogContextNav.weddingCatalogContextNav--pc:not(.ui-fixed) .weddingCatalogContextNav__iconTile img[src*="/factory-package.png"] {
        transform: none;
    }
}