/* 아이콘/문구/높이/하단 선은 청첩장 공통 스타일을 사용하고 고유 배치만 정의합니다. */
.companionCatalogNewyearLinks .weddingCatalogContextNav__link {
    letter-spacing: normal;
}

.companionCatalogNewyearLinks--pc {
    width: 100%;
}

.companionCatalogNewyearLinks--pc .weddingCatalogContextNav__railViewport {
    width: 100%;
}

.companionCatalogNewyearLinks--pc .weddingCatalogContextNav__rail {
    width: 100%;
    grid-template-columns: minmax(max-content, 6fr) minmax(max-content, 3fr);
}

.companionCatalogNewyearLinks--pc .weddingCatalogContextNav__styles {
    grid-template-columns: repeat(6, minmax(0, 1fr));
}

.companionCatalogNewyearLinks--pc .weddingCatalogContextNav__related {
    grid-template-columns: repeat(3, minmax(0, 1fr));
}

.companionCatalogNewyearLinks--mobile .weddingCatalogContextNav__rail {
    gap: 20px;
}

/* 일반 모바일 메뉴의 구분선 숨김보다 연하장 그룹 구분을 우선합니다. */
.weddingCatalogContextNav.companionCatalogNewyearLinks.companionCatalogNewyearLinks--mobile .weddingCatalogContextNav__related::before {
    position: absolute;
    display: block;
    top: 20px;
    left: -10px;
    width: 1px;
    height: 28px;
    background: var(--catalog-nav-group-line);
    content: '';
}

/* 페이지 이동 메뉴는 상품 탐색을 가리지 않도록 문서와 함께 스크롤합니다. */
.catalogShell.catalogShell--mobile.companionCatalog--new_year > [data-catalog-sticky-owner="category"] {
    position: relative;
    top: 0;
    height: auto;
    min-height: 0;
    overflow: visible;
    box-shadow: none;
}

/* 연하장 모바일 헤더와 같은 768px 경계까지 기존 목록의 모바일 규격을 유지합니다. */
@media (max-width: 768px) {
    .catalogShell.catalogShell--mobile.companionCatalog--new_year {
        --catalog-shell-width: 100%;
        --catalog-shell-max-width: 100%;
        --catalog-shell-margin: 0 auto;
        --catalog-shell-padding: 0 14px 64px;
        margin-top: 0;
    }
    .catalogShell--mobile.companionCatalog--new_year > .catalogShell__category {
        width: calc(100% + 28px) !important;
        max-width: none !important;
        margin-left: -14px;
    }
}