/* BASIC css start */
.full-wrapper { max-width: none; --bs-gutter-x: var(--cw-size-200); }
.shopbrand-header { padding-top: var(--cw-size-60); }
.shopbrand-header__title { display: flex; align-items: center; gap: var(--cw-size-10); font-size: var(--cw-size-24); line-height: var(--cw-size-32); font-weight: 700; color: var(--cw-heading-color); }
.shopbrand-header__title .category-count { display: flex; align-items: center; justify-content: center; height: var(--cw-size-24); padding: 0 var(--cw-size-12) 0 var(--cw-size-30); border: 1px solid var(--cw-color-30); border-radius: 999px; font-size: var(--cw-size-12); font-weight: 400; background: url('//skin.makeshop.co.kr/skin/rw_shop/images/icons/ico_heart.svg') no-repeat 10px center / 14px; }
.shopbrand-header__title .category-count.count-on { background-image: url('//skin.makeshop.co.kr/skin/rw_shop/images/icons/ico_heart_fill.svg'); }
.shopbrand-header__nav-wrapper :where(.shopbrand-header__nav, .shopbrand-header__nav__s) { overflow-x: auto; overflow-y: hidden; -webkit-overflow-scrolling: touch; flex-wrap: nowrap; min-width: 0; scrollbar-width: thin; scrollbar-color: rgba(0,0,0,0.1) transparent; display: flex; align-items: center; column-gap: var(--cw-size-48); height: var(--cw-size-48); margin-top: var(--cw-size-20); border-bottom: 1px solid var(--cw-color-20); }
.shopbrand-header__nav-wrapper :where(.shopbrand-header__nav, .shopbrand-header__nav__s) li { display: flex; align-items: center; height: 100%; flex: 0 0 auto; white-space: nowrap; }
.shopbrand-header__nav-wrapper :where(:has(li)) a { font-size: var(--cw-size-16); line-height: var(--cw-size-24); color: var(--cw-heading-color); }
.shopbrand-header__nav .active { padding: var(--cw-size-11) 0; border-bottom: var(--cw-size-2) solid var(--cw-heading-color); }
.shopbrand-header__nav .active a { font-weight: 700; }
.shopbrand-header__nav + .shopbrand-header__nav__s { column-gap: var(--cw-size-40); padding: 0 var(--cw-size-10); margin-top: 0; border-bottom: 0; }
.shopbrand-header__nav + .shopbrand-header__nav__s li { padding: 0; }
.shopbrand-header__nav + .shopbrand-header__nav__s li a { display: inline-block; padding: var(--cw-size-16) 0; font-size: var(--cw-size-14); line-height: var(--cw-size-20); color: var(--cw-color-80); }
.shopbrand-header__nav + .shopbrand-header__nav__s .active a { color: var(--cw-heading-color); font-weight: bold; }
.shopbrand-header__nav__s:not(:has(li)) + .shopbrand-header__nav { display: none; }
.shopbrand-header__nav__s .btn-arr { display: none; }
.category-title { padding: var(--cw-size-48) 0; }
.category-title img { max-width: 100%; }
.best-wrapper { margin-top: var(--cw-size-48); }
.best-wrapper .title-btns { display: flex; justify-content: space-between; align-items: center; margin-bottom: var(--cw-size-16); }
.best-wrapper .title-btns span { font-size: var(--cw-size-18); font-weight: 700; line-height: var(--cw-size-26); }
.best-wrapper .title-btns a { display: inline-block; width: var(--cw-size-28); height: var(--cw-size-28); }
.best-wrapper .title-btns a.disable { opacity: .3; }
.best-wrapper .best-scrollbar { display: none; }
.recmd-wrapper { margin-top: var(--cw-size-48); }
.recmd-wrapper .title-btns { display: flex; justify-content: space-between; align-items: center; margin-bottom: var(--cw-size-16); }
.recmd-wrapper .title-btns span { font-size: var(--cw-size-18); font-weight: 700; line-height: var(--cw-size-26); }
.recmd-wrapper .title-btns a { display: inline-block; width: var(--cw-size-28); height: var(--cw-size-28); }
.recmd-wrapper .title-btns a.disable { opacity: .3; }
.recmd-wrapper .recmd-scrollbar { display: none; }
.promotion-wrapper { margin-top: var(--cw-size-48); }
.promotion-wrapper .title-btns { display: flex; justify-content: space-between; align-items: center; margin-bottom: var(--cw-size-16); }
.promotion-wrapper .title-btns span { font-size: var(--cw-size-18); font-weight: 700; line-height: var(--cw-size-26); }
.promotion-wrapper .title-btns a { display: inline-block; width: var(--cw-size-28); height: var(--cw-size-28); }
.promotion-wrapper .title-btns a.disable { opacity: .3; }
.promotion-wrapper .promotion-scrollbar { display: none; }
.products-wrapper { padding-top: var(--cw-size-60); }
.products-wrapper .prds-title { display: flex; flex-wrap: wrap; justify-content: space-between; align-items: center; margin-bottom: var(--cw-size-16); }
.products-wrapper .prds-title h2 { font-weight: 400; font-size: var(--cw-size-14); line-height: var(--cw-size-20); color: var(--cw-heading-color); }
.products-wrapper .prds-title strong { font-weight: 700; }
.products-wrapper .prds-title .cw-select-box { min-width: var(--cw-size-100); }
.products-wrapper .prds-title .thumbnail-type { display: flex; flex-wrap: wrap; align-items: center; }
.products-wrapper .prds-title .thumbnail-type .type::before { content: ""; display: inline-block; width: 1px; height: var(--cw-size-14); margin: 0 var(--cw-size-16); background-color: var(--cw-color-30); vertical-align: middle; }
.products-wrapper .prds-list.list { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: var(--cw-size-40) var(--cw-size-20); margin-top: var(--cw-size-40); }
.products-wrapper .prds-list.gallery { display: grid; grid-template-columns: repeat(5, minmax(0, 1fr)); gap: var(--cw-size-60) var(--cw-size-20); margin-top: var(--cw-size-60); }
.products-wrapper :where(.prds-list.list, .prds-list.gallery):first-of-type { margin-top: 0 !important; }
.products-wrapper .prds-btn { margin-top: var(--cw-size-60); text-align: center; }
.products-wrapper .prds-btn a { width: var(--cw-size-300); height: var(--cw-size-46); line-height: var(--cw-size-46); }
.products-wrapper .list-none { margin-top: var(--cw-size-120); text-align: center; }
.products-wrapper.upper .prds-title a { margin-bottom: var(--cw-size-8); }
.products-wrapper.upper .prds-title a img { max-width: 100%; }
.products-wrapper.upper .prds-title h2 { font-size: var(--cw-size-18); line-height: var(--cw-size-26); }
.products-wrapper.upper .prds-title .thumbnail-type { width: 100%; justify-content: flex-end; }
.products-wrapper.upper .prds-list + .prds-title { margin-top: var(--cw-size-120); }

@media (max-width: 991.98px) {
    .full-wrapper { --bs-gutter-x: var(--cw-size-48); }
    .shopbrand-header { z-index: 99; position: sticky; top: var(--cw-size-52); padding-top: 0; background-color: var(--cw-color-white); }
    .shopbrand-header__title { display: none; }
    .shopbrand-header__nav-wrapper { position: relative; margin-left: calc(-0.5 * var(--bs-gutter-x)); margin-right: calc(-0.5 * var(--bs-gutter-x)); background-color: var(--cw-color-white); }
    .shopbrand-header__nav-wrapper.on { padding-bottom: var(--cw-size-40); }
    .shopbrand-header__nav-wrapper :where(.shopbrand-header__nav, .shopbrand-header__nav__s) { overflow-x: auto; column-gap: var(--cw-size-40); margin: 0; padding: 0 calc(0.5 * var(--bs-gutter-x)); height: var(--cw-size-40); }
    .shopbrand-header__nav-wrapper :where(.shopbrand-header__nav, .shopbrand-header__nav__s) li a { font-size: var(--cw-size-14); line-height: var(--cw-size-20); }
    .shopbrand-header__nav + .shopbrand-header__nav__s { column-gap: var(--cw-size-32); padding: 0 calc(0.5 * var(--bs-gutter-x)); position: relative; overflow-x: hidden; height: var(--cw-size-40); padding-right: var(--cw-size-60); border-bottom: 1px solid var(--cw-color-20); }
    .shopbrand-header__nav + .shopbrand-header__nav__s li a { padding: var(--cw-size-11) 0; font-size: var(--cw-size-13); line-height: var(--cw-size-18); }
    .shopbrand-header__nav + .shopbrand-header__nav__s .btn-arr { z-index: 1; position: absolute; top: 0; right: 0; display: inline-block; width: var(--cw-size-40); height: var(--cw-size-40); }
    .shopbrand-header__nav + .shopbrand-header__nav__s::before { display: none; content: "카테고리"; position: absolute; top: 0; left: 0; padding: var(--cw-size-11) 0 0 var(--cw-size-16); font-size: var(--cw-size-13); line-height: var(--cw-size-18); }
    .shopbrand-header__nav + .shopbrand-header__nav__s::after { content: ""; position: absolute; top: 0; right: 0; width: var(--cw-size-40); height: var(--cw-size-40); background: var(--cw-color-white) url('//skin.makeshop.co.kr/skin/rw_shop/images/icons/ico_arrow_cheveron-down.svg') center center no-repeat; }
    .shopbrand-header__nav + .shopbrand-header__nav__s.on::before { display: block; }
    .shopbrand-header__nav + .shopbrand-header__nav__s.on::after { background-image: url('//skin.makeshop.co.kr/skin/rw_shop/images/icons/ico_arrow_cheveron-up.svg'); }
    .shopbrand-header__nav + .shopbrand-header__nav__s.on { z-index: 1; position: absolute; top: var(--cw-size-40); left: 0; display: grid; grid-template-columns: repeat(4, 1fr); gap: 0; width: 100%; height: auto; padding: var(--cw-size-40) var(--cw-size-16) var(--cw-size-12); background: var(--Neutral-White, #FFF); box-shadow: 0 var(--cw-size-3) var(--cw-size-4) 0 rgba(0, 0, 0, 0.10); }
    .shopbrand-header__nav + .shopbrand-header__nav__s.on li { white-space: normal; }
    .category-title { padding: var(--cw-size-40) 0; }
    .best-wrapper { margin-top: var(--cw-size-40); }
    .best-wrapper .title-btns { margin-bottom: var(--cw-size-12); }
    .recmd-wrapper { margin-top: var(--cw-size-40); }
    .recmd-wrapper .title-btns { margin-bottom: var(--cw-size-12); }
    .promotion-wrapper { margin-top: var(--cw-size-40); }
    .promotion-wrapper .title-btns { margin-bottom: var(--cw-size-12); }
    .products-wrapper { padding-top: var(--cw-size-50); }
    .products-wrapper .prds-title { margin-bottom: var(--cw-size-12); }
    .products-wrapper .prds-list.list { grid-template-columns: repeat(1, minmax(0, 1fr)); gap: var(--cw-size-20); margin-top: var(--cw-size-20); }
    .products-wrapper .prds-list.gallery { grid-template-columns: repeat(4, minmax(0, 1fr)); gap: var(--cw-size-60) var(--cw-size-16); }
    .products-wrapper.upper .prds-title a { margin-bottom: var(--cw-size-4); }
    .header-container--md .navi-title { display: flex; gap: 8px; }
    .header-container--md .navi-title .category-count { display: flex; align-items: center; justify-content: center; height: var(--cw-size-24); padding: 0 var(--cw-size-12) 0 var(--cw-size-30); border: 1px solid var(--cw-color-30); border-radius: 999px; font-size: var(--cw-size-12); font-weight: 400; background: url('//skin.makeshop.co.kr/skin/rw_shop/images/icons/ico_heart.svg') no-repeat 10px center / 14px; }
    .header-container--md .navi-title .category-count.count-on { background-image: url('//skin.makeshop.co.kr/skin/rw_shop/images/icons/ico_heart_fill.svg'); }
}

@media (max-width: 767.98px) {
    .full-wrapper { --bs-gutter-x: var(--cw-size-32); }
    .shopbrand-header__nav-wrapper :where(.shopbrand-header__nav, .shopbrand-header__nav__s) { gap: var(--cw-size-36); }
    .shopbrand-header__nav-wrapper :where(.shopbrand-header__nav, .shopbrand-header__nav__s) li a { font-size: var(--cw-size-13); line-height: var(--cw-size-18); }
    .shopbrand-header__nav + .shopbrand-header__nav__s { gap: var(--cw-size-28); }
    .shopbrand-header__nav + .shopbrand-header__nav__s li a { padding: var(--cw-size-12) 0; font-size: var(--cw-size-12); line-height: var(--cw-size-16); }
    .shopbrand-header__nav + .shopbrand-header__nav__s.on::before { font-size: var(--cw-size-12); line-height: var(--cw-size-16); }
    .category-title { padding: var(--cw-size-32) 0; }
    .best-wrapper { margin-top: var(--cw-size-32); }
    .best-wrapper .title-btns { margin-bottom: var(--cw-size-8); }
    .best-wrapper .title-btns span { font-size: var(--cw-size-16); line-height: var(--cw-size-24); }
    .best-wrapper .title-btns .best-btn { display: none; }
    .best-wrapper .prds-list { padding-bottom: var(--cw-size-20); }
    .best-wrapper .best-scrollbar { display: block; --swiper-scrollbar-size: var(--cw-size-2); --swiper-scrollbar-drag-bg-color: var(--cw-color-80); --swiper-scrollbar-bottom: 0; left: 0; }
    .recmd-wrapper { margin-top: var(--cw-size-32); }
    .recmd-wrapper .title-btns { margin-bottom: var(--cw-size-8); }
    .recmd-wrapper .title-btns span { font-size: var(--cw-size-16); line-height: var(--cw-size-24); }
    .recmd-wrapper .title-btns .recmd-btn { display: none; }
    .recmd-wrapper .prds-list { padding-bottom: var(--cw-size-20); }
    .recmd-wrapper .recmd-scrollbar { display: block; --swiper-scrollbar-size: var(--cw-size-2); --swiper-scrollbar-drag-bg-color: var(--cw-color-80); --swiper-scrollbar-bottom: 0; left: 0; }
    .promotion-wrapper { margin-top: var(--cw-size-32); }
    .promotion-wrapper .title-btns { margin-bottom: var(--cw-size-8); }
    .promotion-wrapper .title-btns span { font-size: var(--cw-size-16); line-height: var(--cw-size-24); }
    .promotion-wrapper .title-btns .promotion-btn { display: none; }
    .promotion-wrapper .prds-list { padding-bottom: var(--cw-size-20); }
    .promotion-wrapper .promotion-scrollbar { display: block; --swiper-scrollbar-size: var(--cw-size-2); --swiper-scrollbar-drag-bg-color: var(--cw-color-80); --swiper-scrollbar-bottom: 0; left: 0; }
    .products-wrapper .prds-list.gallery { grid-template-columns: repeat(2, minmax(0, 1fr)); gap: var(--cw-size-40) var(--cw-size-8); margin-top: var(--cw-size-40); }
    .products-wrapper .prds-btn a { width: 100%; }
    .products-wrapper.upper .prds-title { margin-bottom: var(--cw-size-8); }
    .products-wrapper.upper .prds-list + .prds-title { margin-top: var(--cw-size-80); }
    
    
}

.products-wrapper .prds--name {
    display: -webkit-box !important;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
    line-clamp: 2;
    overflow: hidden;
    white-space: normal !important;
    text-overflow: ellipsis;
    line-height: 1.4;
    min-height: 2.8em;
}

/* ========================================
   상품분류 서버 직접 렌더링 페이지네이션
   ======================================== */
.products-wrapper .fab-pagination {
    display: flex !important;
    justify-content: center !important;
    align-items: center !important;
    flex-wrap: nowrap !important;
    gap: 2px !important;
    width: 100% !important;
    margin: 32px auto 0 !important;
    padding: 0 !important;
}

.products-wrapper .fab-pagination a {
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;

    width: 28px !important;
    min-width: 28px !important;
    height: 28px !important;

    padding: 0 !important;
    margin: 0 !important;

    border: 0 !important;
    border-radius: 50% !important;

    background: transparent !important;
    color: #777 !important;

    font-size: 12px !important;
    line-height: 1 !important;
    text-decoration: none !important;
}

.products-wrapper .fab-pagination .now {
    background: #111 !important;
    color: #fff !important;
    font-weight: 700 !important;
}

.products-wrapper .fab-pagination .fab-page-prev,
.products-wrapper .fab-pagination .fab-page-next {
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;

    width: 24px !important;
    min-width: 24px !important;
    height: 28px !important;

    padding: 0 0 1px 0 !important;

    font-size: 18px !important;
    line-height: 1 !important;
    color: #111 !important;
}

@media (max-width: 767.98px) {
    .products-wrapper .fab-pagination {
        gap: 1px !important;
        margin-top: 26px !important;
    }

    .products-wrapper .fab-pagination a {
        width: 25px !important;
        min-width: 25px !important;
        height: 25px !important;

        font-size: 11px !important;
        line-height: 1 !important;
    }

    .products-wrapper .fab-pagination .fab-page-prev,
    .products-wrapper .fab-pagination .fab-page-next {
        width: 21px !important;
        min-width: 21px !important;
        height: 25px !important;

        font-size: 17px !important;
        line-height: 1 !important;
        padding-bottom: 1px !important;
    }
}


/* ========================================
   FABSTYLE 상품분류 카테고리 네비게이션 FINAL
   - 중분류/소분류: 한 줄 가로스크롤
   - 우측 화살표: 고정 위치
   - 펼침: 전체 항목 노출
   - PC/태블릿/모바일 반응형
   ======================================== */

.shopbrand-header {
    position: relative;
    z-index: 20 !important;
}

.shopbrand-header__nav-wrapper {
    position: relative !important;
    z-index: 21 !important;
    margin-top: 0 !important;
    padding-top: 0 !important;
    padding-bottom: 0 !important;
    background: #fff;
}

.shopbrand-header__nav-row {
    position: relative;
    width: 100%;
    background: #fff;
}

/* PC: 중분류 */
.shopbrand-header__nav-row--cate2 {
    height: 48px;
    margin-top: 20px;
    border-bottom: 1px solid var(--cw-color-20);
}

/* PC: 소분류 */
.shopbrand-header__nav-row--cate3 {
    height: 48px;
    margin-top: 0;
    border-bottom: 0;
}

/* 목록 공통 */
.shopbrand-header__nav-row .shopbrand-header__nav,
.shopbrand-header__nav-row .shopbrand-header__nav__s {
    display: flex !important;
    align-items: center !important;
    flex-wrap: nowrap !important;
    column-gap: var(--cw-size-40) !important;

    width: 100% !important;
    height: 100% !important;
    min-width: 0 !important;

    margin: 0 !important;
    padding: 0 64px 0 0 !important;

    overflow-x: auto !important;
    overflow-y: hidden !important;
    border: 0 !important;
    background: #fff !important;

    scrollbar-width: none !important;
    -webkit-overflow-scrolling: touch;
}

.shopbrand-header__nav-row .shopbrand-header__nav::-webkit-scrollbar,
.shopbrand-header__nav-row .shopbrand-header__nav__s::-webkit-scrollbar {
    display: none !important;
}

.shopbrand-header__nav-row .shopbrand-header__nav li,
.shopbrand-header__nav-row .shopbrand-header__nav__s li {
    display: flex !important;
    align-items: center !important;
    flex: 0 0 auto !important;
    height: 100% !important;
    white-space: nowrap !important;
}

.shopbrand-header__nav-row .shopbrand-header__nav li a {
    font-size: var(--cw-size-16);
    line-height: var(--cw-size-24);
    color: var(--cw-heading-color);
}

.shopbrand-header__nav-row .shopbrand-header__nav__s li a {
    display: inline-block;
    padding: var(--cw-size-16) 0;
    font-size: var(--cw-size-14);
    line-height: var(--cw-size-20);
    color: var(--cw-color-80);
}

/* active */
.shopbrand-header__nav-row .shopbrand-header__nav .active {
    height: 100%;
    padding: 0 !important;
    border-bottom: var(--cw-size-2) solid var(--cw-heading-color);
}

.shopbrand-header__nav-row .shopbrand-header__nav .active a,
.shopbrand-header__nav-row .shopbrand-header__nav__s .active a {
    font-weight: 700;
    color: var(--cw-heading-color);
}

/* 화살표 공통 - 목록과 완전히 분리 */
.shopbrand-header__nav-row > .btn-arr {
    position: absolute !important;
    top: 0 !important;
    right: 0 !important;
    z-index: 5 !important;

    display: block !important;
    width: 52px !important;
    height: 100% !important;
    margin: 0 !important;

    cursor: pointer;
    background:
        #fff
        url('//skin.makeshop.co.kr/skin/rw_shop/images/icons/ico_arrow_cheveron-down.svg')
        no-repeat center / 16px 16px !important;
}

.shopbrand-header__nav-row > .btn-arr::before {
    content: "";
    position: absolute;
    top: 0;
    right: 100%;
    width: 26px;
    height: 100%;
    pointer-events: none;
    background: linear-gradient(to right, rgba(255,255,255,0), #fff);
}

/* 펼침 공통 */
.shopbrand-header__nav-row .shopbrand-header__nav.on,
.shopbrand-header__nav-row .shopbrand-header__nav__s.on {
    position: absolute !important;
    top: 0 !important;
    left: 0 !important;
    right: 0 !important;
    z-index: 4 !important;

    display: grid !important;
    grid-template-columns: repeat(6, minmax(0, 1fr)) !important;
    align-items: start !important;
    gap: 0 28px !important;

    width: 100% !important;
    height: auto !important;
    max-height: none !important;

    margin: 0 !important;
    padding: 18px 64px 22px 0 !important;

    overflow: visible !important;
    border-bottom: 1px solid var(--cw-color-20) !important;
    background: #fff !important;
    box-shadow: 0 10px 24px rgba(0,0,0,.08) !important;
}

.shopbrand-header__nav-row .shopbrand-header__nav.on li,
.shopbrand-header__nav-row .shopbrand-header__nav__s.on li {
    min-width: 0 !important;
    height: auto !important;
    white-space: normal !important;
}

.shopbrand-header__nav-row .shopbrand-header__nav.on li a,
.shopbrand-header__nav-row .shopbrand-header__nav__s.on li a {
    display: block !important;
    padding: 12px 0 !important;
    line-height: 1.5 !important;
}

.shopbrand-header__nav-row:has(> ul.on) > .btn-arr {
    background-image: url('//skin.makeshop.co.kr/skin/rw_shop/images/icons/ico_arrow_cheveron-up.svg') !important;
}

.shopbrand-header__nav-row:has(> ul.on) > .btn-arr::before {
    display: none !important;
}

/* 한 메뉴가 열리면 다른 행은 겹치지 않게 숨김 */
.shopbrand-header__nav-wrapper.cate2-open .shopbrand-header__nav-row--cate3 {
    visibility: hidden;
    pointer-events: none;
}

.shopbrand-header__nav-wrapper.cate3-open .shopbrand-header__nav-row--cate2 {
    visibility: hidden;
    pointer-events: none;
}

/* 카테고리 전용 딤은 사이트 전체메뉴보다 아래 */
.shopbrand-category-overlay {
    z-index: 19 !important;
}

/* 태블릿/모바일 공통 */
@media (max-width: 991.98px) {
    .shopbrand-header {
        z-index: 20 !important;
        padding-top: 0 !important;
    }

    /* 제목과 중분류 사이에 뜨던 불필요한 공백 제거 */
    .shopbrand-header__nav-wrapper {
        margin-top: 0 !important;
        padding-top: 0 !important;
    }

    .shopbrand-header__nav-row--cate2,
    .shopbrand-header__nav-row--cate3 {
        height: 40px;
        margin-top: 0 !important;
        border-bottom: 1px solid var(--cw-color-20);
    }

    .shopbrand-header__nav-row .shopbrand-header__nav,
    .shopbrand-header__nav-row .shopbrand-header__nav__s {
        column-gap: var(--cw-size-32) !important;
        padding-left: calc(0.5 * var(--bs-gutter-x)) !important;
        padding-right: 56px !important;
    }

    .shopbrand-header__nav-row .shopbrand-header__nav li a {
        font-size: var(--cw-size-14);
        line-height: var(--cw-size-20);
    }

    .shopbrand-header__nav-row .shopbrand-header__nav__s li a {
        padding: var(--cw-size-11) 0;
        font-size: var(--cw-size-13);
        line-height: var(--cw-size-18);
    }

    .shopbrand-header__nav-row > .btn-arr {
        width: 48px !important;
        background-size: 15px 15px !important;
    }

    .shopbrand-header__nav-row > .btn-arr::before {
        width: 22px;
    }

    .shopbrand-header__nav-row .shopbrand-header__nav.on,
    .shopbrand-header__nav-row .shopbrand-header__nav__s.on {
        grid-template-columns: repeat(4, minmax(0, 1fr)) !important;
        gap: 0 20px !important;
        padding: 14px 56px 18px calc(0.5 * var(--bs-gutter-x)) !important;
    }
}

/* 모바일 */
@media (max-width: 767.98px) {
    .shopbrand-header__nav-row .shopbrand-header__nav,
    .shopbrand-header__nav-row .shopbrand-header__nav__s {
        column-gap: var(--cw-size-28) !important;
        padding-right: 50px !important;
    }

    .shopbrand-header__nav-row .shopbrand-header__nav li a {
        font-size: var(--cw-size-13);
        line-height: var(--cw-size-18);
    }

    .shopbrand-header__nav-row .shopbrand-header__nav__s li a {
        padding: var(--cw-size-12) 0;
        font-size: var(--cw-size-12);
        line-height: var(--cw-size-16);
    }

    .shopbrand-header__nav-row > .btn-arr {
        width: 42px !important;
        background-size: 14px 14px !important;
    }

    .shopbrand-header__nav-row > .btn-arr::before {
        width: 18px;
    }

    .shopbrand-header__nav-row .shopbrand-header__nav.on,
    .shopbrand-header__nav-row .shopbrand-header__nav__s.on {
        grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
        gap: 0 18px !important;
        padding: 12px 50px 16px calc(0.5 * var(--bs-gutter-x)) !important;
    }
}


/* ========================================
   2026-10-28 펼침 메뉴 여백/행간 + 모바일 상단 공백 보정
   ======================================== */

/* PC 펼침 메뉴: 좌우 안쪽 여백 확보 + 브랜드 행간 확대 */
@media (min-width: 992px) {
    .shopbrand-header__nav-row .shopbrand-header__nav.on,
    .shopbrand-header__nav-row .shopbrand-header__nav__s.on {
        padding-left: 28px !important;
        padding-right: 76px !important;
        padding-top: 22px !important;
        padding-bottom: 26px !important;
        gap: 4px 32px !important;
    }

    /* 첫 열이 펼침 박스 왼쪽 벽에 붙지 않도록 */
    .shopbrand-header__nav-row .shopbrand-header__nav.on li,
    .shopbrand-header__nav-row .shopbrand-header__nav__s.on li {
        padding-left: 0 !important;
    }
}

/* 모바일/태블릿: 카테고리명 아래 빈 공간 제거 */
@media (max-width: 991.98px) {
    .shopbrand-header {
        margin-top: 0 !important;
        padding-top: 0 !important;
    }

    .shopbrand-header__nav-wrapper {
        margin-top: 0 !important;
        padding-top: 0 !important;
    }

    .shopbrand-header__nav-row--cate2 {
        margin-top: 0 !important;
    }
}


/* ========================================
   FIX: 모바일 카테고리 상단 52px 빈 공간 제거
   원본 sticky top: var(--cw-size-52) 값을 해제
   ======================================== */
@media (max-width: 991.98px) {
    .shopbrand-header {
        top: 0 !important;
        margin-top: 0 !important;
        padding-top: 0 !important;
    }

    .shopbrand-header__nav-wrapper {
        margin-top: 0 !important;
        padding-top: 0 !important;
    }

    .shopbrand-header__nav-row--cate2 {
        margin-top: 0 !important;
    }
}

/* BASIC css end */