:root {
    --wedding-catalog-pc-sticky-category-height: 72px;
    --wedding-catalog-pc-sticky-filter-height: 58px;
}

.weddingCatalogIdentity,
.weddingCatalogIdentity * {
    box-sizing: border-box;
    font-family: var(--bj-font-family);
}
.weddingCatalogIdentity {
    color: var(--bj-ink, #181817);
    background: #fff;
}
.weddingCatalogIdentity__title,
.weddingCatalogIdentity__description {
    margin: 0;
    word-break: keep-all;
}
.weddingCatalogIdentity__title {
    font-size: var(--bj-type-page);
    font-weight: var(--bj-type-page-weight);
    line-height: var(--bj-type-page-line);
    letter-spacing: var(--bj-type-page-tracking, -.025em);
}
.weddingCatalogIdentity__description {
    color: var(--bj-muted, #66635e);
    font-size: var(--bj-type-body);
    font-weight: var(--bj-type-body-weight);
    line-height: var(--bj-type-body-line);
    letter-spacing: var(--bj-type-body-tracking, -.01em);
}

.weddingCatalogContextNav,
.weddingCatalogContextNav *,
.weddingCatalogToolbarActions,
.weddingCatalogToolbarActions * {
    box-sizing: border-box;
    font-family: var(--bj-font-family);
}
.weddingCatalogContextNav,
.weddingCatalogToolbarActions {
    --catalog-nav-selection-accent: var(--bj-nav-indicator, var(--bj-brand-navy, #1b2631));
    --catalog-nav-promo-accent: #d85b24;
}
.weddingCatalogContextNav {
    --catalog-nav-ink: var(--bj-nav-active, var(--bj-brand-navy, #132b34));
    --catalog-nav-text: var(--bj-text, #17232b);
    --catalog-nav-primary: var(--bj-nav-primary, #384a52);
    --catalog-nav-muted: #6b787d;
    --catalog-nav-line: var(--bj-line, #e3e6e7);
    --catalog-nav-group-line: #cfd6d9;
    --catalog-nav-icon-tile-size: var(--bj-catalog-category-tile, 36px);
    --catalog-nav-icon-tile-radius: var(--bj-catalog-category-radius, 8px);
    --catalog-nav-icon-glyph-size: var(--bj-catalog-category-icon, 24px);
    --catalog-nav-icon-tile-bg: transparent;
    --catalog-nav-icon-tile-hover-bg: #f5f6f6;
    padding: 0;
    color: var(--catalog-nav-text);
    background: #fff;
}

.weddingCatalogContextNavShell--pc {
    box-sizing: border-box;
    width: 1000px;
    height: 103px;
    margin: 0 auto;
}
.weddingCatalogContextNav a,
.weddingCatalogToolbarActions a {
    text-decoration: none;
}
.weddingCatalogContextNav button {
    font: inherit;
}
.weddingCatalogContextNav__rail,
.weddingCatalogContextNav__group,
.weddingCatalogContextNav__styles,
.weddingCatalogContextNav__related {
    margin: 0;
}
.weddingCatalogContextNav__titleRow {
    position: absolute;
    width: 1px;
    height: 1px;
    padding: 0;
    margin: -1px;
    overflow: hidden;
    clip: rect(0 0 0 0);
    clip-path: inset(50%);
    white-space: nowrap;
    border: 0;
}
.weddingCatalogContextNav__title {
    margin: 0;
}
.weddingCatalogContextNav__link,
.weddingCatalogContextNav__utilityLink {
    position: relative;
    display: flex;
    align-items: center;
    justify-content: center;
    flex: none;
    color: var(--catalog-nav-primary);
    font-weight: var(--bj-type-control-weight);
    transition: color 160ms ease;
    white-space: nowrap;
}
.weddingCatalogContextNav__utilityLink {
    min-width: 0;
    color: var(--catalog-nav-muted);
    font-weight: var(--bj-type-body-weight);
}
.weddingCatalogContextNav__utilityLink--sample {
    appearance: none;
    width: 100%;
    margin: 0;
    border: 0;
    background: transparent;
    cursor: pointer;
}
.weddingCatalogContextNav__link:hover,
.weddingCatalogContextNav__link.is-current,
.weddingCatalogContextNav__utilityLink:hover {
    color: var(--catalog-nav-ink);
}
.weddingCatalogContextNav__link.is-current {
    font-weight: var(--bj-type-nav-weight);
}
.weddingCatalogContextNav__link.is-current::after {
    position: absolute;
    right: auto;
    bottom: 0;
    left: 50%;
    width: 32px;
    height: var(--catalog-nav-selection-line-size, 2px);
    transform: translateX(-50%);
    background: var(--catalog-nav-selection-accent);
    content: '';
}
.weddingCatalogContextNav__iconTile {
    position: relative;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: var(--catalog-nav-icon-tile-size);
    height: var(--catalog-nav-icon-tile-size);
    flex: none;
    border: 1px solid transparent;
    border-radius: var(--catalog-nav-icon-tile-radius);
    background: var(--catalog-nav-icon-tile-bg);
    line-height: 0;
    transition: color 160ms ease, background-color 160ms ease;
}
/* (2026-11-12 마실장 · 대표님 42954 손님 화면 14px) 숫자 = --bj-type-caption(14) · 종전 10px — 머리말 «무료 샘플» 배지(card/common_style.css.php)와 같은 결:
   종전(겉 18 · 테두리 2 · 안 14 · 숫자 10)과 같은 비율을 em 으로 · 가운데는 종전 자리(그림 칸 오른쪽 끝에서 안쪽 2px · 위에서 3px) — 숫자 10px 이면 종전 top:-6px · right:-7px. 색 그대로. */
.weddingCatalogContextNav__sampleCount.sample_pick_count {
    box-sizing: border-box;
    min-width: calc(1.4em + 4px);
    height: calc(1.4em + 4px);
    display: grid;
    place-items: center;
    position: absolute;
    z-index: 1;
    top: calc(1px - .7em);
    right: -.7em;
    padding: 0 .4em;
    border: 2px solid #fff;
    border-radius: calc(.7em + 2px);
    color: #fff;
    background: var(--catalog-nav-ink);
    font-size: var(--bj-type-caption, 14px);
    font-weight: var(--bj-type-action-weight);
    font-variant-numeric: tabular-nums;
    line-height: 1.4em;
    text-align: center;
}
.weddingCatalogContextNav__sampleCount[hidden] {
    display: none !important;
}
@media (hover: hover) {
    .weddingCatalogContextNav__link:hover .weddingCatalogContextNav__iconTile,
    .weddingCatalogContextNav__utilityLink:hover .weddingCatalogContextNav__iconTile {
        background: var(--catalog-nav-icon-tile-hover-bg);
    }
}
.weddingCatalogContextNav__styleIcon,
.weddingCatalogContextNav__utilityIcon {
    display: block;
    width: var(--catalog-nav-icon-glyph-size);
    height: var(--catalog-nav-icon-glyph-size);
    flex: none;
    object-fit: contain;
}
.weddingCatalogContextNav__styleLabel,
.weddingCatalogContextNav__utilityLabel {
    display: block;
    color: inherit;
    font-size: inherit;
    line-height: inherit;
}
/* (2026-11-10 대표님 웍스비 41062 «청첩장 탭에 디자인 개수 숫자 예쁘게») 탭 이름 뒤 그 탭의 디자인 수 — 이름보다 한 단계 작고(작은 글 단계)
 *   흐린 숫자 · 자리 수가 바뀌어도 흔들리지 않게 고른 폭 숫자. 숫자는 common/wedding-tab-counts.js 가 채운다(머리말 common/wedding_tab_counts.php). */
.weddingCatalogContextNav__count {
    margin-left: calc(var(--bj-space-1) / 2);
    color: var(--bj-text-muted);
    font-size: var(--bj-type-caption);
    font-weight: var(--bj-type-caption-weight);
    font-variant-numeric: tabular-nums;
    letter-spacing: 0;
}
/* Icon tile + label items are block surfaces: underline the label, never a box. */
.weddingCatalogContextNav__link:focus-visible,
.weddingCatalogContextNav__utilityLink:focus-visible {
    outline: none;
    text-decoration: underline;
    text-decoration-thickness: 2px;
    text-underline-offset: 4px;
}
.weddingCatalogToolbarActions__link:focus-visible {
    outline: 2px solid var(--catalog-nav-ink, #132b34);
    outline-offset: -3px;
    border-radius: 4px;
}
.weddingCatalogToolbarActions {
    position: relative;
    display: flex;
    align-items: center;
    flex: none;
    min-width: 0;
    gap: 0;
    white-space: nowrap;
}
.weddingCatalogToolbarActions::before {
    width: 1px;
    height: 18px;
    margin: 0 14px 0 6px;
    flex: none;
    background: #d8dddf;
    content: '';
}
.weddingCatalogToolbarActions__link {
    position: relative;
    display: inline-flex;
    align-items: center;
    min-height: 36px;
    padding: 0 12px;
    gap: 4px;
    color: #59656a;
    font-size: var(--bj-type-control);
    font-weight: var(--bj-type-control-weight);
    line-height: 36px;
    white-space: nowrap;
}
.weddingCatalogToolbarActions__link > span {
    color: inherit;
    font-size: inherit;
    font-weight: inherit;
    line-height: inherit;
}
.weddingCatalogToolbarActions__link--benefit {
    color: var(--catalog-nav-ink, #132b34);
    font-weight: var(--bj-type-action-weight, 600);
}
.weddingCatalogToolbarActions__link--benefit:not(.is-current) > span:first-child {
    text-decoration: underline;
    text-decoration-thickness: 1px;
    text-underline-offset: 5px;
}
.weddingCatalogToolbarActions__link--benefit .weddingCatalogToolbarActions__arrow {
    margin-left: 2px;
    text-decoration: none;
}
.weddingCatalogToolbarActions__link:hover,
.weddingCatalogToolbarActions__link.is-current {
    color: #132b34;
}
.weddingCatalogToolbarActions__link.is-current::after {
    position: absolute;
    right: 12px;
    bottom: 0;
    left: 12px;
    height: 2px;
    background: var(--catalog-nav-selection-accent);
    content: '';
}
.weddingCatalogToolbarActions__link b {
    color: var(--catalog-nav-promo-accent);
    font-size: var(--bj-type-caption);
    font-weight: var(--bj-type-action-weight);
    line-height: inherit;
    font-variant-numeric: tabular-nums;
}
.weddingCatalogContextNav__standaloneActions {
    position: relative;
    z-index: 2;
    border-top: 1px solid #edf0f1;
    background: var(--bj-clean, #fff);
}
.weddingCatalogContextNav__standaloneActions .weddingCatalogToolbarActions {
    min-height: 50px;
    padding-top: 0;
}
.weddingCatalogContextNav__standaloneActions .weddingCatalogToolbarActions__link {
    min-height: 50px;
}
.weddingCatalogContextNav__standaloneActions .weddingCatalogToolbarActions::before {
    display: none;
    content: none;
}

.weddingCatalogSortControl {
    position: relative;
    display: block;
    flex: none;
    width: 126px;
    height: 42px;
}
.weddingCatalogSortControl.is-enhanced > .weddingCatalogSortLabel {
    position: absolute !important;
    overflow: hidden !important;
    width: 1px !important;
    height: 1px !important;
    margin: -1px !important;
    padding: 0 !important;
    clip: rect(0 0 0 0) !important;
    clip-path: inset(50%) !important;
    white-space: nowrap !important;
}
.weddingCatalogSortControl.is-enhanced > .weddingCatalogSortLabel::after {
    content: none !important;
}
.weddingCatalogSortTrigger {
    appearance: none;
    box-sizing: border-box;
    display: none;
    align-items: center;
    justify-content: space-between;
    width: 100%;
    height: 42px;
    margin: 0;
    padding: 0 11px;
    gap: 10px;
    border: 1px solid #d8dde1;
    border-radius: 8px;
    color: #27313a;
    background: #ffffff;
    font-family: var(--bj-font-family);
    font-size: var(--bj-type-control);
    font-weight: var(--bj-type-control-weight);
    line-height: 40px;
    text-align: left;
    cursor: pointer;
    transition: border-color 150ms ease, background-color 150ms ease, box-shadow 150ms ease;
}
.weddingCatalogSortControl.is-enhanced .weddingCatalogSortTrigger {
    display: flex;
}
.weddingCatalogSortTrigger:hover {
    border-color: #bcc4c9;
    background: #f8f9fa;
}
.weddingCatalogSortTrigger:focus-visible,
.weddingCatalogSortControl.is-open .weddingCatalogSortTrigger {
    outline: 0;
    border-color: #87939a;
    box-shadow: 0 0 0 2px rgba(19, 43, 52, 0.07);
}
.weddingCatalogSortTrigger__value {
    overflow: hidden;
    color: inherit;
    font-size: inherit;
    font-weight: inherit;
    line-height: inherit;
    text-overflow: ellipsis;
    white-space: nowrap;
}
.weddingCatalogSortTrigger__chevron {
    width: 7px;
    height: 7px;
    margin: -4px 2px 0 0;
    flex: none;
    border-right: 1px solid #7d878d;
    border-bottom: 1px solid #7d878d;
    transform: rotate(45deg);
    transition: margin 150ms ease, transform 150ms ease;
}
.weddingCatalogSortControl.is-open .weddingCatalogSortTrigger__chevron {
    margin-top: 4px;
    transform: rotate(225deg);
}
.weddingCatalogSortMenu {
    box-sizing: border-box;
    position: fixed;
    z-index: 10030;
    overflow: hidden;
    padding: 6px;
    border: 1px solid #e1e5e9;
    border-radius: 10px;
    background: #ffffff;
    box-shadow: 0 10px 28px rgba(25, 32, 40, 0.12);
}
.weddingCatalogSortMenu[hidden] {
    display: none !important;
}
.weddingCatalogSortOption {
    appearance: none;
    box-sizing: border-box;
    display: flex;
    align-items: center;
    justify-content: space-between;
    width: 100%;
    min-height: 36px;
    margin: 0;
    padding: 0 10px;
    gap: 10px;
    border: 0;
    border-radius: 6px;
    color: #4f5b62;
    background: transparent;
    font-family: var(--bj-font-family);
    font-size: var(--bj-type-control);
    font-weight: var(--bj-type-control-weight);
    line-height: 20px;
    text-align: left;
    cursor: pointer;
}
.weddingCatalogSortOption:hover,
.weddingCatalogSortOption.is-active {
    color: #27313a;
    background: #f6f8fa;
}
.weddingCatalogSortOption.is-selected {
    color: #1f2d35;
    background: #f1f5f8;
    font-weight: var(--bj-type-nav-weight);
}
.weddingCatalogSortOption:focus-visible {
    outline: 0;
    color: #1f2d35;
    background: #f6f8fa;
}
.weddingCatalogSortOption__label {
    overflow: hidden;
    color: inherit;
    font-size: inherit;
    font-weight: inherit;
    line-height: inherit;
    text-overflow: ellipsis;
    white-space: nowrap;
}
.weddingCatalogSortOption__check {
    visibility: hidden;
    flex: none;
    color: #53656e;
    font-size: 12px;
    font-weight: 600;
    line-height: 1;
}
.weddingCatalogSortOption.is-selected .weddingCatalogSortOption__check {
    visibility: visible;
}

@media (prefers-reduced-motion: reduce) {
    .weddingCatalogContextNav__link,
    .weddingCatalogContextNav__utilityLink,
    .weddingCatalogContextNav__iconTile {
        transition: none;
    }
}

@media (min-width: 768px) {
    .weddingCatalogIdentity--pc {
        width: 1000px;
        margin: 0 auto;
        padding-top: 48px;
    }
    .weddingCatalogIdentity--pc .weddingCatalogIdentity__description {
        margin-top: 8px;
    }
    .weddingCatalogContextNav--pc {
        --catalog-nav-icon-tile-size: var(--bj-catalog-category-tile, 36px);
        --catalog-nav-icon-glyph-size: var(--bj-catalog-category-icon, 24px);
        position: relative;
        width: 1000px;
        margin: 0 auto;
        padding-top: var(--catalog-nav-pc-rest-padding-top, 28px);
        padding-bottom: var(--catalog-nav-pc-rest-padding-bottom, 6px);
        border-bottom: 1px solid var(--catalog-nav-line);
    }
    .weddingCatalogContextNav--pc.weddingCatalogContextNav--collection {
        padding-bottom: 0;
    }

    .weddingCatalogContextNav--pc.ui-fixed {
        --catalog-nav-icon-tile-size: var(--bj-catalog-category-tile, 36px);
        --catalog-nav-icon-glyph-size: var(--bj-catalog-category-icon, 24px);
        position: fixed;
        z-index: 120;
        top: 0;
        right: 0;
        left: 0;
        width: 100%;
        height: var(--wedding-catalog-pc-sticky-category-height);
        min-height: var(--wedding-catalog-pc-sticky-category-height);
        margin: 0;
        padding-top: 6px;
        padding-bottom: 6px;
        background: rgba(255, 255, 255, 0.98);
        box-shadow: 0 5px 16px rgba(23, 35, 43, 0.07);
    }

    body[data-wedding-catalog-pc-scroll-state="REVEAL_UP"] .weddingCatalogContextNav--pc.ui-fixed {
        box-shadow: none;
    }

    .weddingCatalogContextNav--pc.ui-fixed .weddingCatalogContextNav__railViewport {
        width: 965px;
        height: 60px;
        margin: 0 auto;
    }
    .weddingCatalogContextNav--pc.ui-fixed .weddingCatalogContextNav__utilityLink--sample {
        display: flex;
        width: 105px;
        position: absolute;
        top: 0;
        left: 100%;
    }

    .weddingCatalogContextNav--pc.ui-fixed .weddingCatalogContextNav__rail,
    .weddingCatalogContextNav--pc.ui-fixed .weddingCatalogContextNav__group--styles,
    .weddingCatalogContextNav--pc.ui-fixed .weddingCatalogContextNav__styles,
    .weddingCatalogContextNav--pc.ui-fixed .weddingCatalogContextNav__related {
        height: 60px;
    }

    .weddingCatalogContextNav--pc.ui-fixed .weddingCatalogContextNav__link,
    .weddingCatalogContextNav--pc.ui-fixed .weddingCatalogContextNav__utilityLink {
        height: 60px;
        gap: 4px;
    }
    .weddingCatalogContextNav--pc .weddingCatalogContextNav__railViewport {
        width: 860px;
        height: 68px;
        margin: 0 auto;
    }
    .weddingCatalogContextNav--pc .weddingCatalogContextNav__rail {
        width: 100%;
        height: 68px;
    }
    .weddingCatalogContextNav--pc .weddingCatalogContextNav__rail {
        display: grid;
        align-items: center;
        column-gap: 20px;
        /* The resting rail keeps the original six styles and two utilities. */
        grid-template-columns: 630px 210px;
    }
    .weddingCatalogContextNav--pc .weddingCatalogContextNav__group--styles,
    .weddingCatalogContextNav--pc .weddingCatalogContextNav__styles {
        width: 100%;
        height: 68px;
    }
    .weddingCatalogContextNav--pc .weddingCatalogContextNav__styles,
    .weddingCatalogContextNav--pc .weddingCatalogContextNav__related {
        display: grid;
        align-items: center;
        grid-template-columns: repeat(6, minmax(0, 1fr));
    }
    .weddingCatalogContextNav--pc .weddingCatalogContextNav__related {
        position: relative;
        height: 68px;
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }
    .weddingCatalogContextNav--pc .weddingCatalogContextNav__utilityLink--sample {
        display: none;
    }
    .weddingCatalogContextNav--pc .weddingCatalogContextNav__related::before {
        position: absolute;
        top: 20px;
        bottom: 20px;
        left: -10px;
        width: 1px;
        background: var(--catalog-nav-group-line);
        content: '';
    }
    .weddingCatalogContextNav--pc .weddingCatalogContextNav__link,
    .weddingCatalogContextNav--pc .weddingCatalogContextNav__utilityLink {
        flex-direction: column;
        height: 68px;
        gap: 5px;
        padding: 0 4px;
        font-size: var(--bj-catalog-category-label-pc, 15px);
        line-height: 22px;
    }
    .weddingCatalogContextNav--pc:not(.ui-fixed) .weddingCatalogContextNav__link.is-current::after {
        bottom: calc(-1 * var(--catalog-nav-pc-rest-selection-offset, 7px));
    }
    .weddingCatalogContextNav--pc.ui-fixed .weddingCatalogContextNav__link.is-current::after {
        bottom: -6px;
    }
    .weddingCatalogContextNav--pc .weddingCatalogContextNav__standaloneActions {
        display: flex;
        justify-content: flex-start;
        margin-top: 6px;
    }
}

/* The companion catalog owns nine equal destinations inside the 1000px rail. */
@media (min-width: 1040px) {
    .companionCatalogNav.weddingCatalogContextNav--pc .weddingCatalogContextNav__railViewport {
        width: 1000px;
    }
    .companionCatalogNav.weddingCatalogContextNav--pc .weddingCatalogContextNav__rail,
    .companionCatalogNav.weddingCatalogContextNav--pc .weddingCatalogContextNav__group--styles,
    .companionCatalogNav.weddingCatalogContextNav--pc .weddingCatalogContextNav__styles {
        width: 100% !important;
        min-width: 0;
    }
    .companionCatalogNav.weddingCatalogContextNav--pc .weddingCatalogContextNav__styles {
        grid-template-columns: repeat(var(--companion-nav-count), minmax(0, 1fr)) !important;
    }
    .companionCatalogNav.weddingCatalogContextNav--pc .weddingCatalogContextNav__link {
        min-width: 0;
        padding-right: 2px;
        padding-left: 2px;
    }
}

.weddingCatalogContextNavShell--pc.weddingCatalogContextNavShell--with-submenu {
    height: 156px;
}
.companionFinishingNav__tabs {
    gap: 34px;
}
.companionFinishingNav__item {
    height: 52px;
    font-size: 14px;
    line-height: 22px;
}

@media (width < 768px) {
    .companionFinishingNav__tabs {
        gap: 20px;
        padding-right: 16px;
        padding-left: 16px;
    }
    .companionFinishingNav__item {
        height: 50px;
        font-size: 14px;
        line-height: 22px;
    }
}

@media (min-width: 768px) and (width < 1040px) {
    .weddingCatalogIdentity--pc,
    .weddingCatalogContextNavShell--pc,
    .weddingCatalogContextNav--pc {
        width: calc(100% - 32px);
    }

    .weddingCatalogContextNav--pc .weddingCatalogContextNav__railViewport,
    .weddingCatalogContextNav--pc.ui-fixed .weddingCatalogContextNav__railViewport {
        width: 100%;
        overflow-x: auto;
        overflow-y: hidden;
        overscroll-behavior-x: contain;
        scrollbar-width: none;
        -webkit-overflow-scrolling: touch;
    }

    .weddingCatalogContextNav--pc .weddingCatalogContextNav__railViewport::-webkit-scrollbar {
        display: none;
    }

    .weddingCatalogContextNav--pc .weddingCatalogContextNav__rail {
        width: 860px;
    }

    .weddingCatalogContextNav--pc.ui-fixed .weddingCatalogContextNav__rail {
        width: 965px;
    }
}

@media (width < 768px) {
    .weddingCatalogIdentity--pc,
    .weddingCatalogContextNavShell--pc,
    .weddingCatalogContextNav--pc {
        display: none !important;
    }
}

/*
 * The /m catalog keeps mobile markup through the shared 1040px desktop
 * boundary.  Keep the rail horizontal on phone landscape widths as well as
 * portrait widths; otherwise the unscoped base elements fall back to blocks.
 */
@media (width < 1040px) {
    .weddingCatalogContextNav--mobile-shortcuts,
    .weddingCatalogContextNav--mobile {
        --catalog-nav-icon-tile-size: var(--bj-catalog-category-tile, 36px);
        --catalog-nav-icon-glyph-size: var(--bj-catalog-category-icon, 24px);
        display: block;
        width: 100%;
        min-height: 84px;
        padding-top: 8px;
        border-bottom: 0.5px solid var(--catalog-nav-line);
    }
    .weddingCatalogContextNav--mobile-shortcuts .weddingCatalogContextNav__railViewport,
    .weddingCatalogContextNav--mobile .weddingCatalogContextNav__railViewport {
        width: 100%;
        height: 75px;
        padding: 0 8px;
        overflow-x: auto;
        overflow-y: hidden;
        overscroll-behavior-x: contain;
        scrollbar-width: none;
        -webkit-overflow-scrolling: touch;
        background: #fff;
    }
    .weddingCatalogContextNav--mobile-shortcuts .weddingCatalogContextNav__railViewport::-webkit-scrollbar,
    .weddingCatalogContextNav--mobile .weddingCatalogContextNav__railViewport::-webkit-scrollbar {
        display: none;
    }
    .weddingCatalogContextNav--mobile-shortcuts .weddingCatalogContextNav__rail,
    .weddingCatalogContextNav--mobile .weddingCatalogContextNav__rail {
        box-sizing: border-box;
        display: flex;
        align-items: center;
        width: max-content;
        min-width: 100%;
        height: 75px;
        padding-left: 8px;
        padding-right: 8px;
    }
    .weddingCatalogContextNav--mobile-shortcuts .weddingCatalogContextNav__styles,
    .weddingCatalogContextNav--mobile-shortcuts .weddingCatalogContextNav__related,
    .weddingCatalogContextNav--mobile .weddingCatalogContextNav__styles,
    .weddingCatalogContextNav--mobile .weddingCatalogContextNav__related {
        display: flex;
        width: max-content;
        height: 75px;
        flex: none;
        gap: 0;
    }
    .weddingCatalogContextNav--mobile-shortcuts .weddingCatalogContextNav__related,
    .weddingCatalogContextNav--mobile .weddingCatalogContextNav__related {
        position: relative;
        margin-left: 0;
        padding-left: 0;
    }
    .weddingCatalogContextNav--mobile-shortcuts .weddingCatalogContextNav__related::before,
    .weddingCatalogContextNav--mobile .weddingCatalogContextNav__related::before {
        display: none;
    }
    .weddingCatalogContextNav--mobile-shortcuts .weddingCatalogContextNav__link,
    .weddingCatalogContextNav--mobile-shortcuts .weddingCatalogContextNav__utilityLink,
    .weddingCatalogContextNav--mobile .weddingCatalogContextNav__link,
    .weddingCatalogContextNav--mobile .weddingCatalogContextNav__utilityLink {
        flex-direction: column;
        width: auto;
        min-width: 76px;
        height: 69px;
        flex: 0 0 auto;
        gap: 5px;
        padding: 2px 8px 0;
        font-size: var(--bj-catalog-category-label-mobile, 16px);
        line-height: 20px;
    }
    .weddingCatalogContextNav--mobile-shortcuts .weddingCatalogContextNav__link.is-current::after,
    .weddingCatalogContextNav--mobile .weddingCatalogContextNav__link.is-current::after {
        bottom: -6px;
        height: 1px;
    }
    .weddingCatalogContextNav--mobile-shortcuts .weddingCatalogContextNav__utilityLink,
    .weddingCatalogContextNav--mobile .weddingCatalogContextNav__utilityLink {
        flex: none;
    }
    .weddingCatalogContextNav--mobile-shortcuts .weddingCatalogContextNav__standaloneActions,
    .weddingCatalogContextNav--mobile .weddingCatalogContextNav__standaloneActions {
        overflow-x: auto;
        overflow-y: hidden;
        padding: 0 12px;
        scrollbar-width: none;
        -webkit-overflow-scrolling: touch;
    }
    .weddingCatalogContextNav--mobile-shortcuts .weddingCatalogContextNav__standaloneActions::-webkit-scrollbar,
    .weddingCatalogContextNav--mobile .weddingCatalogContextNav__standaloneActions::-webkit-scrollbar {
        display: none;
    }
    .weddingCatalogContextNav--mobile-shortcuts .weddingCatalogContextNav__standaloneActions .weddingCatalogToolbarActions,
    .weddingCatalogContextNav--mobile .weddingCatalogContextNav__standaloneActions .weddingCatalogToolbarActions {
        width: max-content;
    }
    .weddingCatalogToolbarActions--mobile::before {
        margin-right: 8px;
        margin-left: 0;
    }
    .weddingCatalogToolbarActions--mobile .weddingCatalogToolbarActions__link {
        padding: 0 9px;
        font-size: var(--bj-type-control);
    }
    .weddingCatalogSortControl {
        width: 100%;
        height: 36px;
    }
    .weddingCatalogSortTrigger {
        height: 36px;
        padding: 0 9px;
        border-radius: 4px;
        font-size: var(--bj-type-control);
        line-height: 34px;
    }
    .weddingCatalogSortOption {
        min-height: 40px;
    }
}
/* 9칸 메뉴 — 맨 위에서는 무료 샘플 칸이 숨어 앞 세로선만 남는다 · 내려서 붙으면(ui-fixed) 보인다 */
.weddingCatalogContextNav--menu9.weddingCatalogContextNav--pc:not(.ui-fixed) .weddingCatalogContextNav__related::before { content: none; }
/* (2026-11-09 대표님 «간격을 벌려서 맞춰») 9칸 메뉴의 중메뉴 줄 — «청첩장과 함께» 줄과 같은 규칙: 본문 폭 안에 같은 너비로 벌린다 */
@media (min-width: 1040px) {
    .weddingCatalogContextNav--menu9.weddingCatalogContextNav--pc:not(.ui-fixed) .weddingCatalogContextNav__railViewport { width: 100%; }
    .weddingCatalogContextNav--menu9.weddingCatalogContextNav--pc .weddingCatalogContextNav__rail { grid-template-columns: minmax(0, 1fr) auto; column-gap: 0; }
    .weddingCatalogContextNav--menu9.weddingCatalogContextNav--pc .weddingCatalogContextNav__styles { grid-template-columns: none; grid-auto-flow: column; grid-auto-columns: minmax(0, 1fr); }
}
/* (2026-11-11 대표님 43070 «셀프가 밀린다 옆으로» · 김 부장 «폰에서만 여백·최소 폭») 청첩장 탭 줄 — 폰에서 셀프 탭 오른쪽 끝까지 한 화면.
   글자 크기·아이콘·차례 그대로, 탭 좌우 여백만 화면 폭에 맞춰 1~8px(360 화면 1px · 390 화면 4px) · «청첩장과 함께»는 옆으로 넘어가도 된다.
   풀케어 목록·셀프 목록·청첩장과 함께 세 화면 같은 줄(weddingCatalogContextNav--fitTabs). */
.weddingCatalogContextNav--fitTabs.weddingCatalogContextNav--mobile .weddingCatalogContextNav__rail { padding-left: 4px; }
.weddingCatalogContextNav--fitTabs.weddingCatalogContextNav--mobile .weddingCatalogContextNav__styles .weddingCatalogContextNav__link {
    min-width: 0;
    padding-left: clamp(1px, calc((100vw - 350px) / 10), 8px);
    padding-right: clamp(1px, calc((100vw - 350px) / 10), 8px);
}
/* (2026-11-11 대표님 43238 «숫자가 들어가니까 복잡해 보이고 청첩장과 함께가 숨겨져서 안 보인다» · 김 부장 1안) 폰은 탭 숫자 없이 여섯 칸을 한 화면에 고르게.
   PC 는 숫자 그대로. 360 화면에서도 «청첩장과 함께» 오른쪽 끝이 화면 안(잰 값 321/360). 글자 크기·아이콘·차례 그대로. */
.weddingCatalogContextNav--fitTabs.weddingCatalogContextNav--mobile .weddingCatalogContextNav__count { display: none; }
.weddingCatalogContextNav--fitTabs.weddingCatalogContextNav--mobile .weddingCatalogContextNav__railViewport,
.weddingCatalogContextNav--fitTabs.weddingCatalogContextNav--mobile .weddingCatalogContextNav__rail,
.weddingCatalogContextNav--fitTabs.weddingCatalogContextNav--mobile .weddingCatalogContextNav__group,
.weddingCatalogContextNav--fitTabs.weddingCatalogContextNav--mobile .weddingCatalogContextNav__styles { width: 100% !important; min-width: 0; flex: 1 1 auto; }   /* 다른 판의 width: max-content 를 이긴다 */
.weddingCatalogContextNav--fitTabs.weddingCatalogContextNav--mobile .weddingCatalogContextNav__styles { justify-content: space-between; }
/* (2026-11-11 대표님 43454 «청첩장과 함께 영역이 너무 크게 보이잖아 좌우로» · 김 부장 1안) 폰 탭 여섯 칸 같은 폭 · 마지막 칸 이름 «함께»(header_menu9 tab_label_mobile). */
.weddingCatalogContextNav--fitTabs.weddingCatalogContextNav--mobile .weddingCatalogContextNav__styles .weddingCatalogContextNav__link { flex: 1 1 0; min-width: 0; padding-left: 0; padding-right: 0; }
/* 청첩장과 함께 화면의 탭 줄(common/companion-catalog.css)은 칸을 grid max-content(!important)로 잡아 칸 폭이 글자마다 달랐다 — 같은 폭으로(세 화면 아이콘 자리 같게) */
.companionCatalogNav.weddingCatalogContextNav--fitTabs.weddingCatalogContextNav--mobile .weddingCatalogContextNav__group--styles,
.companionCatalogNav.weddingCatalogContextNav--fitTabs.weddingCatalogContextNav--mobile .weddingCatalogContextNav__styles { width: 100% !important; min-width: 0; }
.companionCatalogNav.weddingCatalogContextNav--fitTabs.weddingCatalogContextNav--mobile .weddingCatalogContextNav__styles { grid-template-columns: repeat(var(--companion-nav-count), minmax(0, 1fr)) !important; }
.companionCatalogNav.weddingCatalogContextNav--fitTabs.weddingCatalogContextNav--mobile .weddingCatalogContextNav__link { min-width: 0; }