@charset "utf-8";
/* ============================================================================
 * sky-luxury-final.css  (v29 — 9가지 사용자 요구 통합 처리)
 * SKY HIGH-END SHOP
 * ----------------------------------------------------------------------------
 * v29 변경:
 *
 * [PHP 변경 — mobile/shop/index.php]
 *   1. 컬렉션 보기 → 프리미엄 카테고리 (/shop/list.php?ca_id=a0)
 *   3. EDITOR'S PICK → 프리미엄 카테고리 상품 (직접 SQL: ca_id LIKE 'a0%')
 *   4-1. NEW ARRIVAL → 등록일 순 (it_time DESC)
 *   4-2. 전체상품 보기 → /shop/list.php (영카트 표준 + 페이지네이션 자동)
 *
 * [JS 변경 — sky-luxury.js]
 *   2. 위시 버튼 → wishupdate.php XHR 호출 + 토스트 알림
 *   7. BottomNav 카테고리 더 강력하게 (event delegation)
 *   8. 사이드바 본문 스크롤 잠금 (position:fixed로 보존)
 *
 * [CSS 변경]
 *   5. 다음/이전 상품 — flex 양쪽 끝 정렬 (이전 좌측, 다음 우측 끝)
 *      ::before/::after로 ← / → 화살표 추가
 *   8. body.is-menu-open { overflow: hidden } + 검은 오버레이
 *   9. 옵션창 영카트 표준 외형으로 원복 (그라데이션/핸들바/골드라인 제거)
 *   + 토스트 메시지 (.sky-toast)
 *   + 페이지네이션 럭셔리 (.pg_*)
 *
 * [PHP 변경 안 함]
 *   6. 관련상품 자동 출력 — 영카트 코어 PHP(item.php) 수정 필요
 *      현재는 관리자 페이지에서 상품마다 수동 등록하는 영카트 표준
 *      안내 문서로 처리
 * ============================================================================ */

/* ============================================================================
 * 0. 디자인 토큰 (v18 — Bottega Veneta 스타일: 어두운 우드/네이비 + 따뜻한 우드/베이지)
 * ============================================================================ */
:root {
    /* 메인 컬러 — 어두운 우드 갈색 (Bottega Veneta 다크 우드 톤) */
    --sky-black:        #2a1f1a;       /* 다크 우드 브라운 */
    --sky-darker:       #1a1410;       /* 가장 진한 우드 */
    --sky-warm-dark:    #3d2f25;       /* 따뜻한 다크 우드 */
    --sky-navy:         #1f2937;       /* 미드나잇 네이비 액센트 */

    /* 골드/메탈 — 한층 깊은 골드 */
    --sky-gold:         #c4a574;       /* 안티크 골드 */
    --sky-gold-soft:    #a88a5e;       /* 진한 빈티지 골드 */
    --sky-bronze:       #8b6f47;       /* 브론즈 */

    /* 베이지/뉴트럴 — 따뜻한 우드 톤 */
    --sky-beige:        #ede4d3;       /* 크림 베이지 (Bottega 카드 안쪽) */
    --sky-beige-dark:   #d9cdb6;       /* 다크 크림 */
    --sky-cream:        #f7f0e0;       /* 가장 밝은 크림 */

    /* 텍스트 */
    --sky-text:         #2a1f1a;       /* 다크 우드와 동일 */
    --sky-text-muted:   #6b5d52;       /* 따뜻한 회갈색 */
    --sky-text-subtle:  #9a8d80;       /* 옅은 회갈색 */
    --sky-text-light:   #d4c8b8;       /* 밝은 베이지 (다크 배경 위) */

    /* 경계선 */
    --sky-border:       #e3d8c4;       /* 베이지 경계 */
    --sky-border-strong:#c5b89e;       /* 진한 베이지 경계 */
    --sky-danger:       #8b3a2f;       /* 빈티지 레드 (덜 채도) */

    --sky-font-sans:    'Pretendard', -apple-system, BlinkMacSystemFont, system-ui, sans-serif;
    --sky-font-serif:   'Cormorant Garamond', 'Playfair Display', Georgia, 'Times New Roman', serif;

    --sky-container:    1400px;
    --sky-pad:          32px;
}

/* ============================================================================
 * 1. BODY 기본
 * ============================================================================ */
body {
    background: #fff;
    color: var(--sky-text);
    font-family: var(--sky-font-sans);
    font-size: 14px;
    line-height: 1.6;
    letter-spacing: -0.015em;
    -webkit-font-smoothing: antialiased;
    margin: 0;
    padding: 0;
}
a { color: inherit; text-decoration: none; }
img { max-width: 100%; height: auto; vertical-align: middle; }

#hd_login_msg, #skip_to_container {
    position: absolute !important;
    width: 1px !important;
    height: 1px !important;
    overflow: hidden !important;
    clip: rect(0, 0, 0, 0) !important;
}

/* ============================================================================
 * 2. 헤더 — 3단 구조로 완전히 재설계
 *    [1] 검은 안내바 (한국·베트남 직배송)
 *    [2] 회원 메뉴 바 (좌: 마이페이지~쿠폰존 / 우: admin~로그아웃)
 *    [3] 로고 + 검색
 *    [4] 카테고리 메뉴 (검정)
 * ============================================================================ */

/* --- 안내바 ::before (#cate_head 시작 전 가상 요소) --- */
#cate_head {
    background: #fff !important;
    padding: 0 !important;
    margin: 0 !important;
    border: none !important;
    height: auto !important;
    position: relative !important;
}

/* 가장 위 검은 안내바 — .btn_login::before로 오버레이 */
#cate_head::before {
    content: "한국·베트남 직배송  ·  1:1 PREMIUM QUALITY";
    display: block !important;
    text-align: center !important;
    font-size: 11px !important;
    letter-spacing: 0.25em !important;
    padding: 12px 32px !important;
    color: #fff !important;
    background: var(--sky-darker) !important;
    line-height: 1.4 !important;
    font-weight: 400 !important;
    white-space: nowrap !important;
    overflow: hidden !important;
    text-overflow: ellipsis !important;
}

/* 회원 메뉴 바 (.btn_login) — 흰 배경으로 완전 분리 */
#cate_head .btn_login {
    background: #fff !important;
    border-bottom: 1px solid var(--sky-border) !important;
    width: 100% !important;
    margin: 0 !important;
    padding: 0 !important;
    position: relative !important;
    overflow: visible !important;
    display: block !important;
}

/* 회원메뉴 좌측 (마이페이지/FAQ/1:1문의/사용후기/쿠폰존) */
/* v23: 좌측 흰 세로줄과의 거리 확보 (padding-left 더 넓게) */
#cate_head .btn_login .btn_left {
    float: none !important;
    display: inline-flex !important;
    align-items: center !important;
    gap: 0 !important;                      /* v25: gap 제거 — a의 좌우 padding으로 간격 만듦 */
    max-width: var(--sky-container) !important;
    margin: 0 auto !important;
    padding: 12px var(--sky-pad) 12px 48px !important;     /* 좌측 48px (이전 32px) */
    width: 100% !important;
    box-sizing: border-box !important;
    font-size: 12px !important;
    color: var(--sky-text-muted) !important;
    background: transparent !important;
    position: relative !important;
}
#cate_head .btn_login .btn_left a {
    color: var(--sky-text-muted) !important;
    font-size: 12px !important;
    letter-spacing: 0.02em !important;
    transition: color 0.2s !important;
    display: inline-flex !important;
    align-items: center !important;
    gap: 5px !important;
    /* v25: 세로줄(a:before, left:0)과 글자 사이 거리 확보 + 우측에도 동일 패딩 */
    padding: 0 18px !important;
    position: relative !important;
}
/* 첫 항목은 세로줄 안 보이게 (mobile_shop.css 오타 :first-child 무력화 보완) */
#cate_head .btn_login .btn_left a:first-child {
    padding-left: 0 !important;
}
#cate_head .btn_login .btn_left a:first-child::before {
    content: none !important;
    display: none !important;
}
#cate_head .btn_login .btn_left a:hover {
    color: var(--sky-text) !important;
}
#cate_head .btn_login .btn_left a .fa {
    font-size: 13px !important;
    color: var(--sky-text-muted) !important;
}

/* 회원메뉴 우측 (admin/쪽지/장바구니/로그아웃) — 절대 위치로 우측 정렬 */
/* v23: 우측 padding 48px로 통일 (좌측과 동일) */
#cate_head .btn_login .btn_right.pc_only {
    position: absolute !important;
    top: 50% !important;
    right: 48px !important;             /* 32px → 48px */
    transform: translateY(-50%) !important;
    float: none !important;
    display: inline-flex !important;
    align-items: center !important;
    gap: 18px !important;
    padding: 0 !important;
    background: transparent !important;
    z-index: 5 !important;
}
#cate_head .btn_login .btn_right a {
    color: #ffffff !important;          /* v26: 검은 안내바 위 → 흰색으로 잘 보이게 */
    font-size: 12px !important;
    display: inline-flex !important;
    align-items: center !important;
    gap: 4px !important;
    transition: color 0.2s !important;
    opacity: 0.92 !important;
}
#cate_head .btn_login .btn_right a:hover {
    color: var(--sky-gold-soft) !important;
    opacity: 1 !important;
}
#cate_head .btn_login .btn_right .fa {
    font-size: 13px !important;
    color: inherit !important;
}
#cate_head .btn_login .btn_right img {
    width: 22px !important;
    height: 22px !important;
    border-radius: 50% !important;
    object-fit: cover !important;
    margin-right: 2px !important;
}
#cate_head .btn_login .btn_right .txt {
    font-weight: 500 !important;
    font-size: 12px !important;
    color: #ffffff !important;          /* v26: admin 님 텍스트 흰색 */
    opacity: 0.92 !important;
}
#cate_head .btn_login .cart-count- {
    background: var(--sky-black) !important;
    color: #fff !important;
    border-radius: 999px !important;
    padding: 1px 7px !important;
    font-size: 10px !important;
    margin-left: 3px !important;
    font-weight: 600 !important;
}
#cate_head .btn_login .win_scrap strong span {
    background: var(--sky-danger) !important;
    color: #fff !important;
    border-radius: 999px !important;
    padding: 1px 6px !important;
    font-size: 10px !important;
    margin-left: 3px !important;
    font-weight: 600 !important;
}
#cate_head .btn_login .win_scrap strong {
    font-weight: normal !important;
}

/* ============================================================================
 * 3. 로고 + 검색 (#cate_mid)
 * ============================================================================ */
#cate_mid {
    max-width: var(--sky-container) !important;
    margin: 0 auto !important;
    padding: 28px var(--sky-pad) !important;
    display: flex !important;
    align-items: center !important;
    gap: 64px !important;
    height: auto !important;
    background: #fff !important;
    border-bottom: 1px solid var(--sky-border) !important;
    box-sizing: border-box !important;
}

#cate_mid #mid_logo {
    height: 80px !important;
    width: auto !important;
    min-width: 220px !important;
    flex-shrink: 0 !important;
    position: relative !important;
    margin: 0 !important;
}
#cate_mid #mid_logo a {
    display: flex !important;
    align-items: center !important;
    height: 100% !important;
    width: auto !important;
}
#cate_mid #mid_logo img {
    position: relative !important;
    top: auto !important;
    left: auto !important;
    transform: none !important;
    height: 80px !important;
    width: auto !important;
    max-height: 80px !important;
    object-fit: contain !important;
    display: block !important;
}

#cate_mid .hd_sch_wr {
    flex: 1 !important;
    max-width: 600px !important;
    margin: 0 !important;
    padding: 0 !important;
}
#cate_mid .sch_inner {
    display: flex !important;
    align-items: center !important;
    background: var(--sky-beige) !important;
    border-radius: 999px !important;
    padding: 0 6px 0 26px !important;
    border: 1px solid transparent !important;
    transition: all 0.2s !important;
    position: relative !important;
    height: 50px !important;
}
#cate_mid .sch_inner:focus-within {
    background: #fff !important;
    border-color: var(--sky-black) !important;
}
#cate_mid #sch_str2 {
    flex: 1 !important;
    height: 48px !important;
    padding: 0 !important;
    border: none !important;
    background: transparent !important;
    font-size: 14px !important;
    color: var(--sky-text) !important;
    outline: none !important;
    width: auto !important;
    position: relative !important;
    font-family: var(--sky-font-sans) !important;
}
#cate_mid #sch_str2::placeholder {
    color: var(--sky-text-subtle) !important;
}
#cate_mid .sch_submit {
    position: relative !important;
    top: auto !important;
    left: auto !important;
    width: 38px !important;
    height: 38px !important;
    border-radius: 50% !important;
    background: var(--sky-black) !important;
    color: #fff !important;
    border: 0 !important;
    cursor: pointer !important;
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    flex-shrink: 0 !important;
    font-size: 14px !important;
    padding: 0 !important;
    margin-left: 8px !important;
}
#cate_mid .sch_submit .fa {
    color: #fff !important;
}

/* ============================================================================
 * 4. 모바일 칩(.sky-chips), BottomNav 숨김 (PC)
 * ============================================================================ */
@media (min-width: 769px) {
    .sky-chips,
    .sky-bottomnav {
        display: none !important;
    }
}

#shop_category_link,
.shop_category_link,
.shop_category_text {
    position: absolute !important;
    width: 1px !important;
    height: 1px !important;
    overflow: hidden !important;
    clip: rect(0, 0, 0, 0) !important;
}

/* ============================================================================
 * 5. 카테고리 메뉴 (#category > ul.cate) — PC에서 다크 가로 메뉴
 * ============================================================================ */
#hd_wr {
    background: #fff !important;
    margin: 0 !important;
    padding: 0 !important;
}

@media (min-width: 769px) {
    #category,
    #category.menu {
        position: relative !important;
        display: block !important;
        background: var(--sky-black) !important;
        margin: 0 !important;
        padding: 0 !important;
        width: 100% !important;
        height: auto !important;
        max-height: none !important;
        overflow: visible !important;
        left: auto !important;
        top: auto !important;
        right: auto !important;
        transform: none !important;
        z-index: 10 !important;
        border: none !important;
        box-shadow: none !important;
        opacity: 1 !important;
        visibility: visible !important;
    }

    /* "카테고리" h2 텍스트 숨김 (sample103 기본) */
    #category > h2,
    #category .menu_close,
    #category .m_btn_login,
    #category #ol_after,
    #category #s_ol_after,
    #category #btn_user,
    #category .ol,
    #category aside {
        display: none !important;
    }

    /* 카테고리 메뉴 1단 */
    #category > ul.cate {
        max-width: var(--sky-container) !important;
        margin: 0 auto !important;
        padding: 0 var(--sky-pad) !important;
        display: flex !important;
        align-items: stretch !important;
        gap: 0 !important;
        height: 56px !important;
        list-style: none !important;
        background: transparent !important;
        box-sizing: border-box !important;
    }

    #category > ul.cate > li {
        list-style: none !important;
        margin: 0 !important;
        padding: 0 30px 0 0 !important;
        background: transparent !important;
        border: none !important;
        position: relative !important;
        height: 56px !important;
        display: flex !important;
        align-items: center !important;
    }
    #category > ul.cate > li:last-child {
        padding-right: 0 !important;
    }

    /* 메뉴 텍스트 — 흰색 강제 (모든 가능한 셀렉터로 우선순위 극대화) */
    #category.menu > ul.cate > li > a,
    #category > ul.cate > li > a,
    #category > ul.cate > li > a:link,
    #category > ul.cate > li > a:visited,
    #category > ul.cate > li > a:active,
    body #category > ul.cate > li > a,
    html body #category > ul.cate > li > a {
        color: #ffffff !important;
        font-size: 14px !important;
        font-weight: 500 !important;
        letter-spacing: 0.05em !important;
        text-decoration: none !important;
        padding: 0 !important;
        background: transparent !important;
        border: none !important;
        line-height: 56px !important;
        height: 56px !important;
        display: inline-block !important;
        transition: color 0.2s !important;
        position: relative !important;
        opacity: 1 !important;
        visibility: visible !important;
        text-shadow: none !important;
        text-indent: 0 !important;
    }
    #category > ul.cate > li > a::after {
        content: "";
        position: absolute;
        left: 0;
        right: 0;
        bottom: 0;
        height: 2px;
        background: var(--sky-gold);
        transform: scaleX(0);
        transition: transform 0.3s ease;
        transform-origin: center;
    }
    #category > ul.cate > li:hover > a::after {
        transform: scaleX(1);
    }
    #category > ul.cate > li:hover > a {
        color: var(--sky-gold) !important;
    }

    /* 하위 메뉴 토글 버튼 (▼) 숨김 */
    /* v26: HTML 실제 구조 #category > .menu_wr > ul.cate 정확 매칭 */
    #category > .menu_wr > ul.cate > li > .sub_ct_toggle,
    #category > ul.cate > li > .sub_ct_toggle {
        display: none !important;
    }

    /* 하위 카테고리 (브랜드 리스트) — 호버 시 드롭다운 */
    /* v26: .menu_wr 추가, .sub_cate / .sub_cate1 둘 다 처리 */
    /* mobile_shop.css의 .menu_wr li:hover .sub_cate1 정의도 무력화하지 않게 */
    #category > .menu_wr > ul.cate > li,
    #category > ul.cate > li {
        position: relative !important;       /* 드롭다운 absolute의 기준 */
    }
    #category > .menu_wr > ul.cate > li > ul.sub_cate,
    #category > .menu_wr > ul.cate > li > ul.sub_cate1,
    #category > ul.cate > li > ul.sub_cate,
    #category > ul.cate > li > ul.sub_cate1 {
        position: absolute !important;
        top: 100% !important;
        left: -16px !important;
        background: #fff !important;
        box-shadow: 0 12px 32px rgba(0, 0, 0, 0.12) !important;
        padding: 12px 0 !important;
        min-width: 200px !important;
        max-height: 480px !important;
        overflow-y: auto !important;
        list-style: none !important;
        margin: 0 !important;
        opacity: 0;
        visibility: hidden;
        transform: translateY(-8px);
        transition: opacity 0.25s, visibility 0.25s, transform 0.25s;
        z-index: 200 !important;
        border: none !important;
        border-top: 2px solid var(--sky-gold) !important;
        display: block !important;             /* 영카트 sub_cate1 default display:none 무력화 */
    }
    /* 호버 시 표시 */
    #category > .menu_wr > ul.cate > li:hover > ul.sub_cate,
    #category > .menu_wr > ul.cate > li:hover > ul.sub_cate1,
    #category > ul.cate > li:hover > ul.sub_cate,
    #category > ul.cate > li:hover > ul.sub_cate1 {
        opacity: 1 !important;
        visibility: visible !important;
        transform: translateY(0) !important;
    }
    /* 부모 #category와 .menu_wr는 overflow:visible (드롭다운 잘림 방지) */
    body #category.menu,
    body #category > .menu_wr {
        overflow: visible !important;
    }
    /* 드롭다운 내 li/a */
    #category > .menu_wr > ul.cate > li > ul.sub_cate > li,
    #category > .menu_wr > ul.cate > li > ul.sub_cate1 > li,
    #category > ul.cate > li > ul.sub_cate > li,
    #category > ul.cate > li > ul.sub_cate1 > li {
        list-style: none !important;
        margin: 0 !important;
        padding: 0 !important;
        background: transparent !important;
        height: auto !important;
        display: block !important;
        position: relative !important;
    }
    #category > .menu_wr > ul.cate > li > ul.sub_cate > li > a,
    #category > .menu_wr > ul.cate > li > ul.sub_cate1 > li > a,
    #category > ul.cate > li > ul.sub_cate > li > a,
    #category > ul.cate > li > ul.sub_cate > li > a:link,
    #category > ul.cate > li > ul.sub_cate > li > a:visited,
    #category > ul.cate > li > ul.sub_cate1 > li > a {
        color: var(--sky-text) !important;
        font-size: 13px !important;
        padding: 9px 22px !important;
        display: block !important;
        background: transparent !important;
        border: none !important;
        font-weight: 400 !important;
        letter-spacing: 0.02em !important;
        line-height: 1.5 !important;
        text-decoration: none !important;
        white-space: nowrap !important;
        height: auto !important;
        transition: all 0.15s !important;
        opacity: 1 !important;
    }
    #category > .menu_wr > ul.cate > li > ul.sub_cate > li > a::after,
    #category > .menu_wr > ul.cate > li > ul.sub_cate1 > li > a::after,
    #category > ul.cate > li > ul.sub_cate > li > a::after,
    #category > ul.cate > li > ul.sub_cate1 > li > a::after {
        display: none !important;
    }
    #category > .menu_wr > ul.cate > li > ul.sub_cate > li > a:hover,
    #category > .menu_wr > ul.cate > li > ul.sub_cate1 > li > a:hover,
    #category > ul.cate > li > ul.sub_cate > li > a:hover,
    #category > ul.cate > li > ul.sub_cate1 > li > a:hover {
        color: var(--sky-gold-soft) !important;
        background: var(--sky-beige) !important;
        padding-left: 28px !important;
    }
}

/* ============================================================================
 * 6. .sky-hero (메인 키비주얼) — 자동 슬라이더 (3가지 배경 자동 전환)
 * ============================================================================ */
.sky-hero {
    background:
        linear-gradient(135deg, rgba(0,0,0,0.2) 0%, rgba(0,0,0,0) 50%, rgba(0,0,0,0.3) 100%),
        var(--sky-warm-dark);
    color: #fff;
    padding: 120px 32px;
    text-align: center;
    position: relative;
    overflow: hidden;
    transition: background 1.2s ease-in-out !important;  /* v28: 부드러운 전환 */
}
/* v28: 슬라이더 3가지 배경 — JS가 클래스 토글 */
.sky-hero.sky-hero--slide-1 {
    background:
        linear-gradient(135deg, rgba(0,0,0,0.25) 0%, rgba(0,0,0,0) 50%, rgba(0,0,0,0.35) 100%),
        linear-gradient(180deg, #3d2f25 0%, #2a1f1a 100%) !important;
}
.sky-hero.sky-hero--slide-2 {
    background:
        linear-gradient(135deg, rgba(0,0,0,0.2) 0%, rgba(0,0,0,0) 50%, rgba(0,0,0,0.3) 100%),
        linear-gradient(180deg, #2a1f1a 0%, #1a1410 100%) !important;
}
.sky-hero.sky-hero--slide-3 {
    background:
        linear-gradient(135deg, rgba(0,0,0,0.3) 0%, rgba(0,0,0,0) 50%, rgba(0,0,0,0.4) 100%),
        linear-gradient(180deg, #4a3a2e 0%, #2a1f1a 100%) !important;
}
.sky-hero::before {
    content: "";
    position: absolute;
    inset: 0;
    background:
        radial-gradient(ellipse at top, rgba(212, 182, 122, 0.08), transparent 60%),
        radial-gradient(ellipse at bottom right, rgba(212, 182, 122, 0.05), transparent 50%);
    pointer-events: none;
    transition: opacity 1.2s ease-in-out;
}
/* 슬라이드별 골드 광택 위치 변화 */
.sky-hero.sky-hero--slide-2::before {
    background:
        radial-gradient(ellipse at center, rgba(212, 182, 122, 0.1), transparent 65%),
        radial-gradient(ellipse at top left, rgba(212, 182, 122, 0.06), transparent 50%);
}
.sky-hero.sky-hero--slide-3::before {
    background:
        radial-gradient(ellipse at bottom, rgba(212, 182, 122, 0.08), transparent 60%),
        radial-gradient(ellipse at top right, rgba(212, 182, 122, 0.05), transparent 55%);
}
.sky-hero__inner {
    max-width: 800px;
    margin: 0 auto;
    position: relative;
    z-index: 2;
}
.sky-hero__eyebrow {
    font-size: 12px;
    letter-spacing: 0.5em;
    color: var(--sky-gold);
    margin-bottom: 28px;
    font-weight: 500;
    padding-left: 0.5em;
}
.sky-hero__title {
    font-family: var(--sky-font-serif);
    font-size: 56px;
    font-weight: 300;
    line-height: 1.15;
    letter-spacing: 0.02em;
    margin: 0 0 28px;
    color: #fff;
}
.sky-hero__title em {
    font-style: italic;
    color: var(--sky-gold);
    font-weight: 300;
}
.sky-hero__desc {
    font-size: 15px;
    color: var(--sky-text-light);
    line-height: 2;
    margin: 0 0 44px;
    letter-spacing: 0.02em;
}
.sky-hero__btn {
    display: inline-flex;
    align-items: center;
    gap: 14px;
    background: transparent;
    border: 1px solid var(--sky-gold);
    color: var(--sky-gold);
    padding: 18px 52px;
    font-size: 12px;
    letter-spacing: 0.3em;
    text-decoration: none;
    transition: all 0.3s;
    font-weight: 500;
}
.sky-hero__btn:hover {
    background: var(--sky-gold);
    color: var(--sky-black);
}
.sky-hero__pagination {
    display: flex;
    justify-content: center;
    gap: 8px;
    margin-top: 48px;
}
.sky-hero__pagination span {
    width: 8px;
    height: 1px;
    background: rgba(255, 255, 255, 0.3);
    transition: all 0.3s;
    cursor: pointer;        /* v28: 클릭 가능 */
    display: inline-block;
}
.sky-hero__pagination span:hover {
    background: rgba(255, 255, 255, 0.6);
    width: 16px;
}
.sky-hero__pagination span.is-active {
    width: 36px;
    background: var(--sky-gold);
}
.sky-hero__pagination span.is-active:hover {
    background: var(--sky-gold);
    width: 36px;
}

/* ============================================================================
 * 7. .sky-trust (신뢰 아이콘) — 더 깔끔하고 럭셔리하게
 * ============================================================================ */
.sky-trust {
    background: #fff;
    padding: 56px var(--sky-pad);
    border-bottom: 1px solid var(--sky-border);
}
.sky-trust__inner {
    max-width: var(--sky-container);
    margin: 0 auto;
    display: flex;
    justify-content: space-around;
    gap: 32px;
    flex-wrap: wrap;
}
.sky-trust__item {
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 14px;
    font-size: 13px;
    color: var(--sky-text);
    letter-spacing: 0.05em;
    text-align: center;
    flex: 1;
    min-width: 120px;
    font-weight: 500;
    transition: transform 0.3s ease;
}
.sky-trust__item:hover {
    transform: translateY(-3px);
}
.sky-trust__item i, .sky-trust__item .fa {
    font-size: 28px;
    color: var(--sky-black);
    margin-bottom: 4px;
    line-height: 1;
}

/* ============================================================================
 * 8. .sky-section (섹션 컨테이너)
 * ============================================================================ */
.sky-section {
    background: var(--sky-beige);
    padding: 96px var(--sky-pad);
}
.sky-section--white {
    background: #fff;
}
.sky-section__inner {
    max-width: var(--sky-container);
    margin: 0 auto;
}
.sky-section__head {
    text-align: center;
    margin-bottom: 56px;
}
.sky-section__eyebrow {
    /* v27: 영문 라벨만 메인 제목으로 강조 (EDITOR'S PICK / NEW ARRIVAL) */
    font-family: var(--sky-font-serif) !important;
    font-size: 22px !important;
    letter-spacing: 0.3em !important;
    color: var(--sky-text) !important;
    margin-bottom: 0 !important;
    font-weight: 400 !important;
    padding-left: 0 !important;
    text-transform: uppercase !important;
    line-height: 1.2 !important;
}
/* v27: 한글 제목 (.sky-section__title) 숨김 — 영문만 메인 제목으로 표시 */
.sky-section__title {
    position: absolute !important;
    width: 1px !important;
    height: 1px !important;
    overflow: hidden !important;
    clip: rect(0, 0, 0, 0) !important;
    margin: 0 !important;
    padding: 0 !important;
}
/* 섹션 헤드 정렬 — 영문 제목 가운데 */
.sky-section__head {
    text-align: center !important;
    margin-bottom: 36px !important;
}
.sky-section__more {
    text-align: center;
    margin-top: 56px;
}
.sky-section__more-btn {
    display: inline-flex;
    align-items: center;
    gap: 14px;
    background: transparent;
    border: 1px solid var(--sky-black);
    color: var(--sky-black);
    padding: 18px 56px;
    font-size: 12px;
    letter-spacing: 0.3em;
    text-decoration: none;
    transition: all 0.3s;
    font-weight: 500;
}
.sky-section__more-btn:hover {
    background: var(--sky-black);
    color: #fff;
}

/* ============================================================================
 * 9. .sky-grid + .sky-prd (메인 페이지 상품 카드)
 * ============================================================================ */
.sky-grid {
    display: grid !important;
    gap: 28px !important;
    max-width: var(--sky-container) !important;
    margin: 0 auto !important;
    padding: 0 !important;
    list-style: none !important;
    box-sizing: border-box !important;
}
.sky-grid--main {
    grid-template-columns: repeat(4, 1fr) !important;
}
.sky-grid--feature {
    grid-template-columns: repeat(4, 1fr) !important;
}

/* sky-grid 안의 단일 자식 셀이 1단으로 펼쳐지는 문제 방지 */
.sky-grid > * {
    min-width: 0 !important;
}

@media (max-width: 1024px) {
    .sky-grid--main, .sky-grid--feature {
        grid-template-columns: repeat(3, 1fr) !important;
    }
}
@media (max-width: 768px) {
    .sky-grid { gap: 16px !important; }
    .sky-grid--main, .sky-grid--feature {
        grid-template-columns: repeat(2, 1fr) !important;
    }
}

.sky-prd {
    background: #fff !important;
    text-decoration: none !important;
    color: inherit !important;
    display: block !important;
    transition: transform 0.4s ease !important;
    width: 100% !important;
    box-sizing: border-box !important;
    padding: 0 !important;
    margin: 0 !important;
    border: none !important;
}
.sky-prd:hover { transform: translateY(-6px); }
.sky-prd:hover .sky-prd__img,
.sky-prd:hover #sky-prd__img { transform: scale(1.06) !important; }

.sky-prd__img-wrap {
    position: relative;
    aspect-ratio: 1 / 1;
    background: var(--sky-beige-dark);
    overflow: hidden;
    border-radius: 4px;
    width: 100%;
    height: auto;
}
/* 이미지: HTML이 id="sky-prd__img"로 되어 있어 ID 셀렉터도 추가 */
.sky-prd__img,
#sky-prd__img,
.sky-prd__img-wrap img,
.sky-prd__img-wrap > img {
    position: absolute !important;
    inset: 0 !important;
    top: 0 !important;
    left: 0 !important;
    width: 100% !important;
    height: 100% !important;
    object-fit: cover !important;
    display: block !important;
    transition: transform 0.7s ease !important;
    border: none !important;
    margin: 0 !important;
    padding: 0 !important;
    max-width: 100% !important;
    max-height: 100% !important;
}

.sky-prd__badges {
    position: absolute;
    top: 14px;
    left: 14px;
    display: flex;
    flex-direction: column;
    gap: 4px;
    z-index: 2;
}
.sky-prd__badge {
    display: inline-flex;
    align-items: center;
    height: 22px;
    padding: 0 10px;
    font-size: 9px;
    font-weight: 500;
    letter-spacing: 0.18em;
    color: #fff;
    background: var(--sky-black);
    text-transform: uppercase;
}
.sky-prd__badge--new { color: var(--sky-gold); }
.sky-prd__badge--best { background: rgba(0, 0, 0, 0.5); border: 1px solid #fff; }
.sky-prd__badge--sale { background: var(--sky-danger); }

.sky-prd__wish {
    position: absolute;
    top: 14px;
    right: 14px;
    width: 38px;
    height: 38px;
    background: rgba(255, 255, 255, 0.96);
    border: none;
    border-radius: 50%;
    color: var(--sky-text);
    cursor: pointer;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    z-index: 2;
    transition: all 0.2s;
}
.sky-prd__wish:hover { color: var(--sky-danger); }

.sky-prd__body {
    padding: 16px 4px 4px !important;
    text-align: left !important;
    background: transparent !important;
    margin: 0 !important;
    border: none !important;
    width: 100% !important;
    box-sizing: border-box !important;
}
.sky-prd__brand {
    font-size: 10px !important;
    letter-spacing: 0.18em !important;
    color: var(--sky-text-muted) !important;
    font-weight: 500 !important;
    margin: 0 0 6px !important;
    padding: 0 !important;
    text-transform: uppercase !important;
}
.sky-prd__name {
    font-size: 13px !important;
    font-weight: 400 !important;
    color: var(--sky-text) !important;
    line-height: 1.5 !important;
    margin: 0 0 10px !important;
    padding: 0 !important;
    min-height: 38px !important;
    display: -webkit-box !important;
    -webkit-line-clamp: 2 !important;
    -webkit-box-orient: vertical !important;
    overflow: hidden !important;
    word-break: keep-all !important;
}
.sky-prd__price {
    display: flex !important;
    align-items: baseline !important;
    gap: 6px !important;
    flex-wrap: wrap !important;
    margin: 0 !important;
    padding: 0 !important;
}
.sky-prd__price-num {
    font-size: 16px !important;
    font-weight: 700 !important;
    color: var(--sky-text) !important;
    letter-spacing: -0.01em !important;
    white-space: nowrap !important;
}
.sky-prd__price-unit {
    font-size: 11px !important;
    color: var(--sky-text-muted) !important;
    font-weight: 400 !important;
}

/* ============================================================================
 * 10. 카테고리 페이지 — SNS 차단 + 그리드
 * ============================================================================ */

/* SNS 공유 버튼 — 정확한 클래스 차단 */
.sct_sns,
.sct_li .sct_sns,
.share-facebook,
.share-twitter {
    display: none !important;
}

/* 카테고리 헤더 (.sct_ct - 브랜드 리스트) */
.sct_ct {
    max-width: var(--sky-container) !important;
    margin: 32px auto 32px !important;
    padding: 32px var(--sky-pad) !important;
    background: var(--sky-beige) !important;
    border-radius: 8px !important;
    text-align: center !important;
    border: none !important;
}
.sct_ct h2, .sct_ct h3 {
    font-family: var(--sky-font-serif) !important;
    font-size: 26px !important;
    font-weight: 400 !important;
    color: var(--sky-text) !important;
    margin: 0 0 20px !important;
    letter-spacing: 0.02em !important;
}
.sct_ct ul {
    list-style: none !important;
    padding: 0 !important;
    margin: 0 !important;
    display: flex !important;
    flex-wrap: wrap !important;
    justify-content: center !important;
    gap: 8px !important;
}
.sct_ct li {
    list-style: none !important;
    margin: 0 !important;
}
.sct_ct li a {
    display: inline-block !important;
    padding: 8px 16px !important;
    font-size: 12px !important;
    color: var(--sky-text) !important;
    background: #fff !important;
    border: 1px solid var(--sky-border) !important;
    border-radius: 999px !important;
    text-decoration: none !important;
    letter-spacing: 0.02em !important;
    transition: all 0.2s !important;
}
.sct_ct li a:hover {
    border-color: var(--sky-black) !important;
    color: var(--sky-black) !important;
    background: var(--sky-beige) !important;
}

/* 정렬 옵션 — v18: 우측 드롭다운 셀렉트 박스 */
#sct_sort {
    max-width: var(--sky-container) !important;
    margin: 0 auto 24px !important;
    padding: 16px var(--sky-pad) !important;
    border: none !important;
    border-bottom: 1px solid var(--sky-border) !important;
    display: flex !important;
    justify-content: flex-end !important;     /* 우측 정렬 */
    align-items: center !important;
    flex-wrap: nowrap !important;
    gap: 8px !important;
    background: transparent !important;
    position: relative !important;
}
/* h2 "상품 정렬" 숨김 */
#sct_sort > h2 {
    position: absolute !important;
    width: 1px !important;
    height: 1px !important;
    overflow: hidden !important;
    clip: rect(0, 0, 0, 0) !important;
}
/* "상품정렬 ▼" 버튼 — PC에서 표시 (JS가 클릭으로 ul 토글) */
#sct_sort .btn_sort {
    display: inline-flex !important;
    align-items: center !important;
    gap: 8px !important;
    padding: 9px 16px !important;
    background: #fff !important;
    border: 1px solid var(--sky-border-strong) !important;
    color: var(--sky-text) !important;
    font-size: 12px !important;
    font-family: inherit !important;
    cursor: pointer !important;
    letter-spacing: 0.05em !important;
    min-width: 140px !important;
    justify-content: space-between !important;
    transition: border-color 0.2s !important;
    position: relative !important;
}
#sct_sort .btn_sort:hover {
    border-color: var(--sky-text) !important;
}
#sct_sort .btn_sort .fa {
    font-size: 11px !important;
    color: var(--sky-text-muted) !important;
}
#sct_sort .btn_sort::after {
    content: "▼" !important;
    font-size: 8px !important;
    color: var(--sky-text-muted) !important;
    margin-left: auto !important;
}
/* 드롭다운 ul — 기본 숨김, JS가 .show 추가 (또는 호버) */
#sct_sort ul {
    list-style: none !important;
    padding: 6px 0 !important;
    margin: 0 !important;
    display: none !important;             /* JS가 토글 */
    position: absolute !important;
    top: 100% !important;
    right: var(--sky-pad) !important;
    background: #fff !important;
    border: 1px solid var(--sky-border-strong) !important;
    box-shadow: 0 8px 20px rgba(42, 31, 26, 0.08) !important;
    min-width: 140px !important;
    z-index: 50 !important;
    flex-direction: column !important;
    gap: 0 !important;
}
/* 호버로도 펼쳐지게 (PC 편의) */
#sct_sort:hover ul,
#sct_sort .btn_sort:focus + ul {
    display: flex !important;
}
#sct_sort li {
    list-style: none !important;
    margin: 0 !important;
    padding: 0 !important;
    width: 100% !important;
}
#sct_sort li a,
#sct_sort li a:link,
#sct_sort li a:visited {
    display: block !important;
    color: var(--sky-text-muted) !important;
    font-size: 12px !important;
    padding: 9px 16px !important;
    text-decoration: none !important;
    letter-spacing: 0.05em !important;
    transition: all 0.15s !important;
}
#sct_sort li a:hover,
#sct_sort li a.sct_sel {
    color: var(--sky-text) !important;
    background: var(--sky-cream) !important;
    font-weight: 500 !important;
}
.sct_lst_view {
    background: transparent !important;
    border: 1px solid var(--sky-border) !important;
    color: var(--sky-text-muted) !important;
    padding: 6px 12px !important;
    border-radius: 4px !important;
    font-size: 12px !important;
    margin-left: 4px !important;
    cursor: pointer !important;
}

/* 상품 그리드 */
/* v17 수정: display:grid 제거 — mobile_style.css의 .sct_li { float:left; width:25% } 그대로 활용 */
#sct_wrap,
ul.sct,
ul.sct_10,
ul.sct_20 {
    list-style: none !important;
    padding: 0 var(--sky-pad) !important;
    margin: 0 auto 40px !important;
    max-width: var(--sky-container) !important;
    box-sizing: border-box !important;
    /* float clearing */
    overflow: hidden !important;
    clear: both !important;
}

@media (max-width: 768px) {
    #sct_wrap, ul.sct, ul.sct_10, ul.sct_20 {
        padding: 0 16px !important;
    }
}

/* 카테고리 페이지 상품 카드 */
/* v17 수정: width:auto / float:none 제거 — mobile_style.css의 width:25%; float:left가 4열 만들어줌 */
.sct_li {
    list-style: none !important;
    margin: 0 !important;
    /* padding: 0 — mobile_style.css가 padding:15px로 잡음, 건드리지 말것 */
    background: #fff !important;
    border: none !important;
    overflow: visible !important;
    transition: transform 0.4s ease;
}
.sct_li:hover { transform: translateY(-6px); }

.sct_li .li_wr {
    background: transparent !important;
    border: none !important;
    padding: 0 !important;
    margin: 0 !important;
    box-shadow: none !important;
}

.sct_img {
    position: relative !important;
    aspect-ratio: 1 / 1 !important;
    background: var(--sky-beige-dark) !important;
    overflow: hidden !important;
    border: none !important;
    border-radius: 4px !important;
    margin: 0 0 14px !important;
    width: 100% !important;
    height: auto !important;
}
.sct_img a {
    display: block !important;
    width: 100% !important;
    height: 100% !important;
}
.sct_img img {
    width: 100% !important;
    height: 100% !important;
    object-fit: cover !important;
    display: block !important;
    transition: transform 0.7s ease;
}
.sct_li:hover .sct_img img { transform: scale(1.06); }

/* 위시 버튼 — v18: 좌상단으로 이동 (우상단은 라벨 자리) */
/* mobile_style.css:809 .sct_10 .btn_wish { bottom:0; right:0 } 무력화 */
.sct_img .btn_wish,
.sct_10 .btn_wish {
    position: absolute !important;
    top: 14px !important;
    left: 14px !important;
    bottom: auto !important;        /* mobile_style 무력화 */
    right: auto !important;
    width: 36px !important;
    height: 36px !important;
    background: rgba(255, 255, 255, 0.92) !important;
    border: none !important;
    border-radius: 50% !important;
    color: var(--sky-text) !important;
    cursor: pointer !important;
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    z-index: 3 !important;
    padding: 0 !important;
    font-size: 13px !important;
    transition: all 0.2s !important;
    backdrop-filter: blur(4px) !important;
    -webkit-backdrop-filter: blur(4px) !important;
}
.sct_img .btn_wish:hover,
.sct_10 .btn_wish:hover {
    color: var(--sky-danger) !important;
    background: #fff !important;
}
.sct_img .btn_wish .sound_only {
    position: absolute !important;
    width: 1px !important;
    height: 1px !important;
    overflow: hidden !important;
    clip: rect(0, 0, 0, 0) !important;
}

/* 라벨 (RECOMMEND/BEST/SALE/NEW/HIT) — v18: 우상단 + 골드 외곽선 디자인 */
/* mobile_style.css:799 .sct_10 .sct_icon { top:20px; left:20px } 무력화 */
.sct_img .icon_set,
.sct_img .shop_icon_wr,
.sct_img .sct_icon,
.sct_10 .sct_icon {
    position: absolute !important;
    top: 14px !important;
    left: auto !important;          /* 좌측 해제 */
    right: 14px !important;          /* 우상단으로 이동 */
    display: flex !important;
    flex-direction: column !important;
    align-items: flex-end !important;
    gap: 4px !important;
    z-index: 2 !important;
    background: transparent !important;
}
/* 개별 라벨 — 골드 외곽선만, 배경은 살짝 투명 */
.sct_img .shop_icon,
.sct_img .icon,
.sct_icon .icon {
    display: inline-flex !important;
    align-items: center !important;
    height: auto !important;
    line-height: 1 !important;
    padding: 5px 9px !important;
    font-size: 9px !important;
    font-weight: 500 !important;
    letter-spacing: 0.18em !important;
    color: #fff !important;
    background: rgba(42, 31, 26, 0.85) !important;       /* 다크 우드 반투명 */
    border: 1px solid rgba(196, 165, 116, 0.4) !important; /* 골드 외곽선 */
    text-transform: uppercase !important;
    margin: 0 !important;
    border-radius: 0 !important;
}
/* 종류별 색상 차별화 */
.sct_icon .icon_new {
    color: var(--sky-gold) !important;
    border-color: rgba(196, 165, 116, 0.7) !important;
}
.sct_icon .icon_sale {
    color: #fff !important;
    background: rgba(139, 58, 47, 0.9) !important;
    border-color: rgba(139, 58, 47, 0.4) !important;
}
.sct_icon .icon_best {
    background: rgba(42, 31, 26, 0.9) !important;
    color: var(--sky-gold) !important;
}

.txt_wr {
    padding: 0 4px !important;
    background: transparent !important;
    border: none !important;
}
.sct_brand {
    font-size: 10px !important;
    letter-spacing: 0.18em !important;
    color: var(--sky-text-muted) !important;
    font-weight: 500 !important;
    margin: 0 0 6px !important;
    text-transform: uppercase !important;
    text-align: left !important;
}
.sct_txt {
    font-size: 13px !important;
    font-weight: 400 !important;
    color: var(--sky-text) !important;
    line-height: 1.5 !important;
    margin: 0 0 10px !important;
    min-height: 38px;
    text-align: left !important;
    border: none !important;
    background: transparent !important;
}
.sct_txt a {
    color: inherit !important;
    text-decoration: none !important;
    display: -webkit-box !important;
    -webkit-line-clamp: 2 !important;
    -webkit-box-orient: vertical !important;
    overflow: hidden !important;
}
.sct_basic {
    font-size: 11px !important;
    color: var(--sky-text-muted) !important;
    margin: 0 0 6px !important;
    text-align: left !important;
}
.sct_cost {
    font-size: 16px !important;
    font-weight: 700 !important;
    color: var(--sky-text) !important;
    text-align: left !important;
    border: none !important;
    margin: 0 !important;
    padding: 0 !important;
    letter-spacing: -0.01em !important;
}
.sct_cost .sct_discount {
    font-size: 12px !important;
    color: var(--sky-text-subtle) !important;
    text-decoration: line-through !important;
    font-weight: 400 !important;
    margin-right: 6px !important;
}

/* ============================================================================
 * 11. 상품 상세 페이지 — 럭셔리 재설계
 * ============================================================================ */

#sit {
    max-width: var(--sky-container) !important;
    margin: 0 auto !important;
    padding: 48px var(--sky-pad) !important;
}

/* 좌우 2단 배치 — 좌측 이미지 비중 증가 (6:5 비율) */
#sit_ov_wrap {
    display: grid !important;
    grid-template-columns: minmax(0, 6fr) minmax(0, 5fr) !important;
    gap: 64px !important;
    margin-bottom: 64px !important;
    align-items: start !important;
}

@media (max-width: 1024px) {
    #sit_ov_wrap {
        gap: 40px !important;
    }
}
@media (max-width: 768px) {
    #sit_ov_wrap {
        grid-template-columns: 1fr !important;
        gap: 24px !important;
    }
}

/* ----- 좌측: 이미지 갤러리 ----- */
#sit_pvi {
    width: 100% !important;
    max-width: 100% !important;
    float: none !important;
    margin: 0 !important;
    padding: 0 !important;
    background: transparent !important;
    overflow: visible !important;
    border-radius: 0 !important;
    position: relative !important;
}

/* bxSlider 컨테이너 — 인라인 height(576px) 그대로 살림 */
#sit_pvi .bx-wrapper {
    margin: 0 0 16px !important;
    box-shadow: none !important;
    border: none !important;
    background: var(--sky-beige) !important;
    max-width: 100% !important;
    border-radius: 4px !important;
    overflow: hidden !important;
    position: relative !important;
}
#sit_pvi .bx-viewport {
    border: none !important;
    background: var(--sky-beige) !important;
    box-shadow: none !important;
    border-radius: 4px !important;
    /* height는 인라인으로 576px — 건드리지 않음 */
    width: 100% !important;
}
#sit_pvi_big {
    list-style: none !important;
    padding: 0 !important;
    margin: 0 !important;
    /* width와 position은 bxSlider 인라인 스타일 그대로 */
}
#sit_pvi_big li {
    list-style: none !important;
    /* float/position/width는 bxSlider 인라인 그대로 */
    text-align: center !important;
}
#sit_pvi_big li a {
    display: block !important;
    width: 100% !important;
    height: 100% !important;
    text-align: center !important;
}
#sit_pvi_big li img {
    max-width: 100% !important;
    max-height: 576px !important;
    width: auto !important;
    height: auto !important;
    display: block !important;
    margin: 0 auto !important;
    object-fit: contain !important;
}

/* 컨트롤(화살표/페이저) 숨김 — pagerCustom으로 .sit_pvi_thumb 사용 중 */
#sit_pvi .bx-controls,
#sit_pvi .bx-pager,
#sit_pvi .bx-controls-direction,
#sit_pvi .bx-prev,
#sit_pvi .bx-next {
    display: none !important;
}

/* ----- 썸네일 — 명품몰처럼 큰 이미지 아래 정사각 그리드 ----- */
.sit_pvi_thumb {
    display: grid !important;
    grid-template-columns: repeat(auto-fill, minmax(80px, 1fr)) !important;
    gap: 8px !important;
    padding: 0 !important;
    background: transparent !important;
    margin: 16px 0 0 !important;
    list-style: none !important;
    max-width: 500px !important;
    width: 100% !important;
}
.sit_pvi_thumb a {
    display: block !important;
    width: 100% !important;
    aspect-ratio: 1 / 1 !important;
    height: auto !important;
    border: 2px solid transparent !important;
    overflow: hidden !important;
    border-radius: 4px !important;
    padding: 0 !important;
    cursor: pointer !important;
    transition: border-color 0.2s !important;
    background: var(--sky-beige) !important;
    position: relative !important;
}
.sit_pvi_thumb a img {
    position: absolute !important;
    inset: 0 !important;
    width: 100% !important;
    height: 100% !important;
    object-fit: cover !important;
    display: block !important;
    transition: opacity 0.2s !important;
}
.sit_pvi_thumb a:hover {
    border-color: var(--sky-border-strong) !important;
}
.sit_pvi_thumb a.active {
    border-color: var(--sky-black) !important;
}
.sit_pvi_thumb a.active img {
    opacity: 1 !important;
}

/* ----- 우측: 정보 영역 ----- */
#sit_ov {
    width: 100% !important;
    float: none !important;
    padding: 8px 0 0 !important;
    background: transparent !important;
    border: none !important;
    box-shadow: none !important;
    margin: 0 !important;
}
#sit_ov h2 {
    position: absolute !important;
    width: 1px !important;
    height: 1px !important;
    overflow: hidden !important;
    clip: rect(0, 0, 0, 0) !important;
}
.sit_ov_wr {
    padding: 0 !important;
    background: transparent !important;
}

/* 상품명 */
#sit_title {
    display: block !important;
    font-size: 26px !important;
    font-weight: 500 !important;
    color: var(--sky-text) !important;
    line-height: 1.4 !important;
    margin: 0 0 16px !important;
    padding: 0 !important;
    word-break: keep-all !important;
    letter-spacing: -0.01em !important;
}

#sit_opt_info {
    font-size: 12px !important;
    color: var(--sky-text-muted) !important;
    margin: 0 0 20px !important;
    letter-spacing: 0.05em !important;
}

/* 라벨 (RECOMMEND/BEST/SALE/NEW/HIT) — 가로 한 줄 */
.sit_icon_wr {
    margin: 16px 0 24px !important;
    padding: 0 !important;
}
.sit_icon_wr .sct_icon {
    display: flex !important;
    flex-wrap: wrap !important;
    gap: 6px !important;
}
.sit_icon_wr .icon {
    display: inline-flex !important;
    align-items: center !important;
    height: 24px !important;
    padding: 0 10px !important;
    font-size: 9px !important;
    font-weight: 500 !important;
    letter-spacing: 0.18em !important;
    color: #fff !important;
    background: var(--sky-black) !important;
    line-height: 24px !important;
    text-transform: uppercase !important;
    margin: 0 !important;
}
.sit_icon_wr br {
    display: none !important;
}

/* ----- 가격 영역 ----- */
.sit_price {
    margin: 24px 0 !important;
    padding: 28px 0 !important;
    border-top: 1px solid var(--sky-border) !important;
    border-bottom: 1px solid var(--sky-border) !important;
    background: transparent !important;
}
.sit_price .price_wr {
    display: flex !important;
    justify-content: space-between !important;
    align-items: baseline !important;
    margin: 0 0 12px !important;
    padding: 0 !important;
    width: 100% !important;
    gap: 16px !important;
}
.sit_price .price_wr:last-child {
    margin-bottom: 0 !important;
}

.sit_price .price_wr strong {
    font-size: 13px !important;
    font-weight: 500 !important;
    color: var(--sky-text-muted) !important;
    letter-spacing: 0.05em !important;
    white-space: nowrap !important;
    flex-shrink: 0 !important;
}

.sit_price .price_wr.price > span {
    font-size: 32px !important;
    font-weight: 700 !important;
    color: var(--sky-text) !important;
    letter-spacing: -0.02em !important;
    text-align: right !important;
    white-space: nowrap !important;
    line-height: 1.2 !important;
}

.sit_price .price_og > span {
    color: var(--sky-text-subtle) !important;
    text-decoration: line-through !important;
    font-size: 14px !important;
}

/* ----- 정보 테이블 ----- */
.sit_ov_tbl {
    margin: 0 0 24px !important;
}
.sit_ov_tbl table {
    width: 100% !important;
    border-collapse: collapse !important;
    border: none !important;
    font-size: 13px !important;
}
.sit_ov_tbl th,
.sit_ov_tbl td {
    padding: 12px 0 !important;
    border: none !important;
    border-bottom: 1px solid var(--sky-border) !important;
    text-align: left !important;
    vertical-align: middle !important;
    background: transparent !important;
    word-break: keep-all !important;
}
.sit_ov_tbl th {
    width: 110px !important;
    color: var(--sky-text-muted) !important;
    font-weight: 400 !important;
    letter-spacing: 0.05em !important;
}
.sit_ov_tbl td {
    color: var(--sky-text) !important;
}

/* ----- 옵션/수량 (#sit_buy) ----- */
#sit_buy {
    margin-top: 20px !important;
    padding: 0 !important;
    background: transparent !important;
    border: none !important;
}
#sit_buy h2 {
    position: absolute !important;
    width: 1px !important;
    height: 1px !important;
    overflow: hidden !important;
    clip: rect(0, 0, 0, 0) !important;
}

#sit_sel_option {
    margin: 16px 0 !important;
    padding: 18px !important;
    background: var(--sky-beige) !important;
    border-radius: 4px !important;
    border: none !important;
}
#sit_opt_added {
    list-style: none !important;
    padding: 0 !important;
    margin: 0 !important;
}
/* v27: PC 옵션 박스 — 럭셔리 명품몰 디자인 */
.sit_opt_list {
    list-style: none !important;
    margin: 0 0 12px !important;
    padding: 16px 20px !important;
    background: #fff !important;
    border: none !important;
    border-radius: 10px !important;
    display: flex !important;
    align-items: center !important;
    gap: 16px !important;
    flex-wrap: nowrap !important;
    box-shadow: 0 2px 12px rgba(42, 31, 26, 0.06) !important;  /* 미세한 그림자 */
    transition: box-shadow 0.2s !important;
}
.sit_opt_list:hover {
    box-shadow: 0 4px 18px rgba(42, 31, 26, 0.1) !important;
}
.sit_opt_list:last-child { margin-bottom: 0 !important; }

/* 상품명 영역 — 좌측, 줄임표 */
.sit_opt_list .opt_name {
    flex: 1 1 auto !important;
    min-width: 0 !important;
    margin: 0 !important;
    padding: 0 !important;
    overflow: hidden !important;
}
.sit_opt_subj {
    font-size: 14px !important;
    color: var(--sky-text) !important;
    font-weight: 500 !important;
    margin: 0 !important;
    padding: 0 !important;
    display: block !important;
    overflow: hidden !important;
    text-overflow: ellipsis !important;
    white-space: nowrap !important;
    letter-spacing: 0.01em !important;
}

/* 수량 +/- 영역 — 그룹화 (베이지 배경 박스 안) */
.opt_count {
    display: flex !important;
    align-items: center !important;
    gap: 0 !important;
    flex-wrap: nowrap !important;
    flex-shrink: 0 !important;
    margin-left: auto !important;
    background: var(--sky-cream) !important;
    border-radius: 8px !important;
    padding: 3px !important;
}
.sit_qty_minus,
.sit_qty_plus {
    width: 32px !important;
    height: 32px !important;
    background: transparent !important;
    border: none !important;
    color: var(--sky-text) !important;
    cursor: pointer !important;
    border-radius: 5px !important;
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    padding: 0 !important;
    font-size: 12px !important;
    font-weight: 600 !important;
    flex-shrink: 0 !important;
    transition: background 0.15s !important;
}
.sit_qty_minus:hover,
.sit_qty_plus:hover,
.sit_qty_minus:active,
.sit_qty_plus:active {
    background: #fff !important;
}
.opt_count input[type="text"],
.opt_count .num_input {
    width: 42px !important;
    height: 32px !important;
    text-align: center !important;
    border: none !important;
    background: transparent !important;
    border-radius: 0 !important;
    font-size: 13px !important;
    font-weight: 600 !important;
    margin: 0 !important;
    padding: 0 !important;
    flex-shrink: 0 !important;
    color: var(--sky-text) !important;
}
.sit_opt_prc {
    font-size: 12px !important;
    color: var(--sky-text-muted) !important;
    font-weight: 400 !important;
    margin-left: 12px !important;
    white-space: nowrap !important;
    flex-shrink: 0 !important;
}

/* 합계 — v27: 우측 정렬 + 럭셔리 톤 */
#sit_tot_price {
    text-align: right !important;
    margin: 24px 0 18px !important;
    padding: 22px 8px 0 !important;
    border-top: 1px solid rgba(196, 165, 116, 0.3) !important;
    border-bottom: none !important;
    font-size: 13px !important;
    color: var(--sky-text-muted) !important;
    background: transparent !important;
    display: flex !important;
    justify-content: space-between !important;
    align-items: baseline !important;
    letter-spacing: 0.05em !important;
}
#sit_tot_price strong {
    font-family: var(--sky-font-serif) !important;
    font-size: 32px !important;
    font-weight: 500 !important;
    color: var(--sky-darker) !important;
    margin-left: auto !important;
    letter-spacing: -0.02em !important;
    background: transparent !important;
    display: block !important;                    /* flex 제거: 빈 div도 자연스럽게 */
    line-height: 1.5 !important;
}
#sit_tot_price strong {
    font-size: 26px !important;
    font-weight: 700 !important;
    color: var(--sky-text) !important;
    margin-left: 8px !important;
    white-space: nowrap !important;
}

/* 위시 / 추천 / SNS */
#sit_star_sns {
    display: flex !important;
    align-items: center !important;
    gap: 10px !important;
    margin: 24px 0 !important;
    padding: 20px 0 !important;
    border-top: 1px solid var(--sky-border) !important;
}
#sit_btn_wish, #sit_btn_rec {
    width: 42px !important;
    height: 42px !important;
    background: #fff !important;
    border: 1px solid var(--sky-border) !important;
    border-radius: 50% !important;
    color: var(--sky-text) !important;
    cursor: pointer !important;
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    padding: 0 !important;
    font-size: 14px !important;
    transition: all 0.2s !important;
}
#sit_btn_wish:hover, #sit_btn_rec:hover {
    background: var(--sky-black) !important;
    color: #fff !important;
    border-color: var(--sky-black) !important;
}

/* 구매 버튼 */
#sit_ov_btn {
    display: flex !important;
    gap: 10px !important;
    margin: 28px 0 0 !important;
    padding: 0 !important;
}
#sit_btn_cart, #sit_btn_buy {
    flex: 1 !important;
    height: 60px !important;
    padding: 0 !important;
    font-size: 15px !important;
    font-weight: 500 !important;
    letter-spacing: 0.08em !important;
    border: 1px solid var(--sky-black) !important;
    border-radius: 4px !important;
    cursor: pointer !important;
    text-decoration: none !important;
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    font-family: var(--sky-font-sans) !important;
    transition: all 0.3s !important;
}
#sit_btn_cart {
    background: #fff !important;
    color: var(--sky-black) !important;
}
#sit_btn_cart:hover { background: var(--sky-beige) !important; }
#sit_btn_buy {
    background: var(--sky-black) !important;
    color: #fff !important;
}
#sit_btn_buy:hover { background: #000 !important; }

#sit_buy_op { display: none !important; }

/* v29: 다음/이전 상품 — flex 양쪽 끝 정렬 (이전상품 좌측, 다음상품 우측) */
#sit_siblings {
    margin: 40px 0 !important;
    padding: 16px 0 !important;
    border-top: 1px solid var(--sky-border) !important;
    border-bottom: 1px solid var(--sky-border) !important;
    font-size: 13px !important;
    display: flex !important;
    justify-content: space-between !important;
    align-items: center !important;
    gap: 16px !important;
}
#sit_siblings a {
    color: var(--sky-text-muted) !important;
    margin: 0 !important;
    text-decoration: none !important;
    transition: color 0.2s !important;
    display: inline-flex !important;
    align-items: center !important;
    gap: 6px !important;
    overflow: hidden !important;
    text-overflow: ellipsis !important;
    white-space: nowrap !important;
    max-width: 45% !important;
}
/* 이전상품 — 좌측 */
#sit_siblings #siblings_prev {
    margin-right: auto !important;
}
#sit_siblings #siblings_prev::before {
    content: "←" !important;
    margin-right: 4px !important;
    color: var(--sky-text-muted) !important;
}
/* 다음상품 — 우측 끝 */
#sit_siblings #siblings_next {
    margin-left: auto !important;
}
#sit_siblings #siblings_next::after {
    content: "→" !important;
    margin-left: 4px !important;
    color: var(--sky-text-muted) !important;
}
/* 한쪽만 있을 때 (이전 or 다음 한쪽만) */
#sit_siblings:has(#siblings_next:only-child) {
    justify-content: flex-end !important;
}
#sit_siblings:has(#siblings_prev:only-child) {
    justify-content: flex-start !important;
}
#sit_siblings a:hover { color: var(--sky-text) !important; }
#sit_siblings a:hover::before,
#sit_siblings a:hover::after { color: var(--sky-gold) !important; }
#sit_siblings a span {
    color: inherit !important;
}

/* 관련상품 — v23: 가운데 정렬 명시 강화 (h2 + sit_empty 둘 다) */
/* 비어있을 땐 박스 통째로 숨김 (빈 베이지 박스 어색함 제거) */
#sit_rel {
    margin: 48px 0 !important;
    padding: 40px var(--sky-pad) !important;
    background: var(--sky-beige) !important;
    border-radius: 8px !important;
    text-align: center !important;
}
/* .sct_wrap (관련상품 컨테이너) — 가운데 정렬 */
#sit_rel .sct_wrap {
    text-align: center !important;
    margin: 0 auto !important;
    max-width: 800px !important;
}
#sit_rel h2 {
    font-family: var(--sky-font-serif) !important;
    font-size: 24px !important;
    font-weight: 400 !important;
    color: var(--sky-text) !important;
    margin: 0 auto 16px !important;
    border: none !important;
    background: transparent !important;
    letter-spacing: 0.02em !important;
    text-align: center !important;
    display: block !important;
    width: 100% !important;
}
#sit_rel .sit_empty,
#sit_rel .sct_noitem,
#sit_rel p.sct_noitem {
    color: var(--sky-text-muted) !important;
    font-size: 13px !important;
    padding: 16px 0 0 !important;
    text-align: center !important;
    display: block !important;
    margin: 0 auto !important;
    width: 100% !important;
}

/* 관련상품이 없으면 (.sit_empty가 있고 다른 상품 li가 없으면) 박스 자체 숨김 */
#sit_rel:has(.sit_empty):not(:has(.sct_li)):not(:has(.sky-prd)) {
    display: none !important;
}

/* 탭 */
#sit_tab {
    margin: 56px 0 !important;
}
.tab_tit {
    list-style: none !important;
    display: flex !important;
    padding: 0 !important;
    margin: 0 0 40px !important;
    border-bottom: 2px solid var(--sky-border) !important;
}
.tab_tit li {
    list-style: none !important;
    flex: 1 !important;
    margin: 0 !important;
}
.tab_tit li button {
    width: 100% !important;
    padding: 18px !important;
    text-align: center !important;
    background: transparent !important;
    border: none !important;
    border-bottom: 2px solid transparent !important;
    margin-bottom: -2px !important;
    color: var(--sky-text-muted) !important;
    font-size: 14px !important;
    font-weight: 500 !important;
    cursor: pointer !important;
    font-family: inherit !important;
    transition: all 0.2s !important;
    letter-spacing: 0.05em !important;
}
.tab_tit li button.selected {
    color: var(--sky-text) !important;
    border-bottom-color: var(--sky-black) !important;
    font-weight: 600 !important;
}
.tab_con > li { list-style: none !important; }

/* 상품 정보 본문 */
#sit_inf_explan {
    line-height: 1.8 !important;
    color: var(--sky-text) !important;
    font-size: 14px !important;
    padding: 24px 0 !important;
}
#sit_inf_explan img {
    max-width: 100% !important;
    height: auto !important;
}

/* 상품 정보 고시 */
#sit_inf_open {
    width: 100% !important;
    border-collapse: collapse !important;
    border-top: 2px solid var(--sky-text) !important;
    margin: 24px 0 !important;
}
#sit_inf_open th, #sit_inf_open td {
    padding: 14px 18px !important;
    border: none !important;
    border-bottom: 1px solid var(--sky-border) !important;
    text-align: left !important;
    vertical-align: middle !important;
    font-size: 13px !important;
    background: transparent !important;
}
#sit_inf_open th {
    width: 200px !important;
    color: var(--sky-text) !important;
    font-weight: 500 !important;
    background: var(--sky-beige) !important;
}

/* ============================================================================
 * 12. 페이지네이션
 * ============================================================================ */
.pg_wrap {
    margin: 48px 0 !important;
    text-align: center !important;
}
.pg_page, .pg_current {
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    min-width: 38px !important;
    height: 38px !important;
    padding: 0 10px !important;
    margin: 0 2px !important;
    border-radius: 4px !important;
    border: 1px solid transparent !important;
    color: var(--sky-text-muted) !important;
    font-size: 13px !important;
    text-decoration: none !important;
}
.pg_page:hover { background: var(--sky-beige) !important; color: var(--sky-text) !important; }
.pg_current {
    background: var(--sky-black) !important;
    color: #fff !important;
    border-color: var(--sky-black) !important;
}

/* ============================================================================
 * 13. 카카오톡 플로팅 버튼
 * ============================================================================ */
.sky-kakao,
a[href*="open.kakao.com"] {
    position: fixed !important;
    right: 28px !important;
    bottom: 28px !important;
    z-index: 999 !important;
    background: #fae100 !important;
    color: #3b1e1e !important;
    border-radius: 999px !important;
    padding: 14px 22px 14px 18px !important;
    display: inline-flex !important;
    align-items: center !important;
    gap: 10px !important;
    text-decoration: none !important;
    box-shadow: 0 8px 24px rgba(0, 0, 0, 0.18) !important;
    font-size: 13px !important;
    font-weight: 600 !important;
    transition: all 0.2s !important;
}
.sky-kakao:hover {
    transform: translateY(-3px) !important;
    color: #3b1e1e !important;
    box-shadow: 0 12px 32px rgba(0, 0, 0, 0.22) !important;
}

/* PC에서 모바일용 짧은 텍스트 "상담" 숨김 — "카카오톡 상담 상담" 중복 방지 */
.sky-kakao__text--mobile {
    display: none !important;
}
@media (max-width: 768px) {
    /* 모바일에서는 반대로 PC용 긴 텍스트 숨기고 짧은 "상담"만 */
    .sky-kakao__text {
        display: none !important;
    }
    .sky-kakao__text--mobile {
        display: inline !important;
    }
}

/* ============================================================================
 * 14. 푸터 — v27: 럭셔리 명품몰 톤 정돈
 * ============================================================================ */
#footer, #ft, .sky-footer {
    background: var(--sky-darker) !important;
    color: var(--sky-text-light) !important;
    padding: 60px var(--sky-pad) 100px !important;     /* 하단에 BottomNav 자리 */
    margin-top: 80px !important;
    font-size: 12px !important;
    line-height: 1.8 !important;
    border-top: 1px solid var(--sky-gold) !important;  /* 골드 강조선 */
    letter-spacing: 0.02em !important;
}
#footer *, #ft *, .sky-footer * {
    color: var(--sky-text-light) !important;
}
#footer a, #ft a, .sky-footer a {
    color: var(--sky-text-light) !important;
    text-decoration: none !important;
    transition: color 0.2s !important;
}
#footer a:hover, #ft a:hover, .sky-footer a:hover {
    color: var(--sky-gold) !important;
}
#footer h2, #footer h3,
#ft h2, #ft h3,
.sky-footer h2, .sky-footer h3 {
    font-family: var(--sky-font-serif) !important;
    color: #fff !important;
    font-size: 14px !important;
    margin: 0 0 14px !important;
    letter-spacing: 0.15em !important;
    font-weight: 400 !important;
    text-transform: uppercase !important;
    border: none !important;
    background: transparent !important;
}

/* 대표전화 영역 — 골드 강조 */
#footer .footertell {
    text-align: center !important;
    margin-bottom: 36px !important;
    padding-bottom: 28px !important;
    border-bottom: 1px solid rgba(196, 165, 116, 0.2) !important;
    font-size: 12px !important;
    color: var(--sky-text-subtle) !important;
    letter-spacing: 0.15em !important;
    text-transform: uppercase !important;
}
#footer .footertell span {
    display: block !important;
    font-family: var(--sky-font-serif) !important;
    font-size: 28px !important;
    color: var(--sky-gold) !important;
    margin-top: 8px !important;
    letter-spacing: 0.05em !important;
    font-weight: 300 !important;
}

/* footer_inner — 좌우 그리드 */
#footer .footer_inner {
    max-width: 1400px !important;
    margin: 0 auto !important;
    display: grid !important;
    grid-template-columns: 1fr 1fr !important;
    gap: 48px !important;
    align-items: start !important;
}
#footer .footer_inner .left,
#footer .footer_inner .right {
    width: 100% !important;
    float: none !important;
}

/* 회사 정보 (좌측) */
#footer .footerMall {
    list-style: none !important;
    padding: 0 !important;
    margin: 0 0 20px !important;
}
#footer .footerMall li {
    margin: 0 0 6px !important;
    font-size: 12px !important;
    color: var(--sky-text-subtle) !important;
    line-height: 1.7 !important;
}
#footer .ft_copy {
    margin: 20px 0 0 !important;
    padding: 16px 0 0 !important;
    border-top: 1px solid rgba(196, 165, 116, 0.15) !important;
    font-size: 11px !important;
    color: var(--sky-text-subtle) !important;
    letter-spacing: 0.05em !important;
}

/* 우측: 고객센터 + 법적고지 */
#footer .right {
    display: flex !important;
    flex-direction: column !important;
    gap: 28px !important;
}
#footer .footerText ul {
    list-style: none !important;
    padding: 0 !important;
    margin: 0 !important;
}
#footer .footerText ul li {
    margin: 0 !important;
}
#footer .footerText ul li:first-child {
    margin-bottom: 12px !important;
}
#footer .footerText ul li:not(:first-child) {
    display: inline-block !important;
    margin-right: 20px !important;
    margin-bottom: 4px !important;
}
#footer .footerText ul li a {
    font-size: 12px !important;
    color: var(--sky-text-light) !important;
    letter-spacing: 0.02em !important;
}

/* 상단 이동 버튼 */
#ft_to_top {
    position: fixed !important;
    bottom: 140px !important;          /* BottomNav + 카카오톡 위 */
    right: 16px !important;
    width: 44px !important;
    height: 44px !important;
    border-radius: 50% !important;
    background: rgba(42, 31, 26, 0.85) !important;
    backdrop-filter: blur(8px) !important;
    color: #fff !important;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    z-index: 99 !important;
    transition: all 0.2s !important;
    border: 1px solid rgba(196, 165, 116, 0.3) !important;
}
#ft_to_top:hover {
    background: var(--sky-gold) !important;
}

/* 공지사항 (.ft_con) — 푸터 위 영역 */
.ft_con {
    background: var(--sky-cream) !important;
    padding: 14px 16px !important;
    border-top: 1px solid var(--sky-border) !important;
    border-bottom: 1px solid var(--sky-border) !important;
}
.ft_con .lt {
    max-width: 1400px !important;
    margin: 0 auto !important;
    display: flex !important;
    align-items: center !important;
    gap: 16px !important;
}
.ft_con .lt h2 {
    font-family: var(--sky-font-serif) !important;
    font-size: 12px !important;
    color: var(--sky-gold-dark, #8a6d3b) !important;
    letter-spacing: 0.1em !important;
    margin: 0 !important;
    flex-shrink: 0 !important;
    border: none !important;
    background: transparent !important;
    padding: 0 !important;
    font-weight: 500 !important;
}
.ft_con .lt h2 a {
    color: var(--sky-gold-dark, #8a6d3b) !important;
    text-decoration: none !important;
}
.ft_con .lt ul {
    list-style: none !important;
    margin: 0 !important;
    padding: 0 !important;
    flex: 1 !important;
    min-width: 0 !important;
}
.ft_con .lt ul li {
    margin: 0 !important;
}
.ft_con .lt ul li a {
    color: var(--sky-text) !important;
    font-size: 12px !important;
    text-decoration: none !important;
    overflow: hidden !important;
    text-overflow: ellipsis !important;
    white-space: nowrap !important;
    display: block !important;
}

/* 사이드 메뉴 토글 */
#btn_sidemenu {
    background: var(--sky-black) !important;
    color: #fff !important;
    border-radius: 4px !important;
}

/* ============================================================================
 * 15. 모바일 (~768px)
 * ============================================================================ */
@media (max-width: 768px) {
    /* 헤더 */
    #cate_head::before {
        font-size: 10px !important;
        letter-spacing: 0.1em !important;
        padding: 8px 16px !important;
    }
    /* v26: 모바일에서 .btn_left 한 줄 유지 — v25 PC padding:0 18px 무력화 */
    #cate_head .btn_login .btn_left {
        gap: 0 !important;
        padding: 8px 12px 8px 16px !important;
        font-size: 10px !important;
        flex-wrap: nowrap !important;       /* 두 줄 깨짐 방지 */
        overflow-x: auto !important;        /* 화면 넘치면 가로 스크롤 */
        -webkit-overflow-scrolling: touch !important;
        scrollbar-width: none !important;
    }
    #cate_head .btn_login .btn_left::-webkit-scrollbar {
        display: none !important;
    }
    #cate_head .btn_login .btn_left a,
    body #cate_head .btn_login .btn_left a {
        font-size: 10px !important;
        padding: 0 8px !important;          /* 모바일은 8px (PC 18px와 다름) */
        white-space: nowrap !important;
        flex-shrink: 0 !important;
    }
    #cate_head .btn_login .btn_left a:first-child {
        padding-left: 0 !important;
    }
    #cate_head .btn_login .btn_right.pc_only {
        display: none !important;
    }

    #cate_mid {
        padding: 16px !important;
        gap: 12px !important;
        flex-direction: column !important;
        align-items: stretch !important;
    }
    #cate_mid #mid_logo {
        height: 50px !important;
        min-width: auto !important;
        text-align: center !important;
    }
    #cate_mid #mid_logo a {
        justify-content: center !important;
    }
    #cate_mid #mid_logo img {
        height: 50px !important;
    }
    #cate_mid .hd_sch_wr {
        max-width: 100% !important;
    }

    #category {
        display: none !important;
    }
    .sky-chips {
        display: flex !important;
    }

    /* 메인 페이지 */
    .sky-hero { padding: 56px 20px !important; }
    .sky-hero__title { font-size: 32px !important; }
    .sky-hero__desc { font-size: 13px !important; }
    .sky-trust { padding: 28px 16px !important; }
    .sky-trust__inner { gap: 12px !important; }
    .sky-trust__item { font-size: 11px !important; min-width: 80px !important; }
    .sky-trust__item i, .sky-trust__item .fa { font-size: 22px !important; }
    .sky-section { padding: 48px 16px !important; }
    /* v27: 모바일 섹션 헤드 — 영문 라벨만 표시 (한글 sky-section__title은 위에서 visually hidden) */
    .sky-section__eyebrow { font-size: 18px !important; letter-spacing: 0.25em !important; }
    .sky-section__head { margin-bottom: 24px !important; }

    /* 상품 상세 모바일 */
    #sit { padding: 24px 16px 100px !important; }
    #sit_title { font-size: 20px !important; }
    .sit_price .price_wr.price > span { font-size: 26px !important; }
    .sit_pvi_thumb a { width: 60px !important; height: 60px !important; }

    #sit_ov_btn {
        position: fixed !important;
        bottom: 0 !important;
        left: 0 !important;
        right: 0 !important;
        background: #fff !important;
        padding: 12px !important;
        border-top: 1px solid var(--sky-border) !important;
        z-index: 800 !important;
        margin: 0 !important;
        box-shadow: 0 -4px 12px rgba(0, 0, 0, 0.06) !important;
    }
    #sit_btn_cart, #sit_btn_buy {
        height: 50px !important;
        font-size: 14px !important;
    }
    .tab_tit li button {
        padding: 14px 4px !important;
        font-size: 13px !important;
    }
}

/* ============================================================================
 * v15 추가 — PC 반응형 강제 (mobile_shop.css 덮어쓰기)
 *
 * mobile_shop.css가 모든 페이지에서 PC도 같이 로드되므로,
 * 모바일용 작은 그리드/카드 스타일이 PC에 새어나오는 것을 차단.
 * @media (min-width: 769px) 내부에 모든 PC용 강제 규칙을 다시 한 번 명시.
 * ============================================================================ */

@media (min-width: 769px) {

    /* ── sky-grid 4열 강제 (mobile_shop.css가 grid-template-columns를 덮어써도 무력화) ── */
    body .sky-grid,
    html body .sky-grid,
    .sky-section .sky-grid {
        display: grid !important;
        gap: 28px !important;
        max-width: 1400px !important;
        margin-left: auto !important;
        margin-right: auto !important;
        padding: 0 !important;
        width: 100% !important;
        box-sizing: border-box !important;
    }
    body .sky-grid--main,
    html body .sky-grid--main,
    .sky-section .sky-grid--main {
        grid-template-columns: repeat(4, minmax(0, 1fr)) !important;
    }
    body .sky-grid--feature,
    html body .sky-grid--feature,
    .sky-section .sky-grid--feature {
        grid-template-columns: repeat(4, minmax(0, 1fr)) !important;
    }

    /* ── sky-prd 카드 — 가로 폭 100% 강제 (모바일 좁은 너비 무력화) ── */
    body .sky-grid > .sky-prd,
    html body .sky-grid > .sky-prd,
    .sky-section .sky-grid > .sky-prd {
        width: 100% !important;
        max-width: 100% !important;
        min-width: 0 !important;
        float: none !important;
        margin: 0 !important;
        display: block !important;
    }

    /* ── sky-prd 이미지 (HTML에 id로 되어있음 + 다른 CSS의 100x100 강제 차단) ── */
    body .sky-prd .sky-prd__img-wrap,
    html body .sky-prd .sky-prd__img-wrap {
        width: 100% !important;
        max-width: 100% !important;
        aspect-ratio: 1 / 1 !important;
        height: auto !important;
        position: relative !important;
        background: #ebe7df !important;
        overflow: hidden !important;
    }
    body .sky-prd #sky-prd__img,
    body .sky-prd .sky-prd__img-wrap > img,
    html body .sky-prd #sky-prd__img,
    html body .sky-prd .sky-prd__img-wrap > img {
        position: absolute !important;
        inset: 0 !important;
        width: 100% !important;
        height: 100% !important;
        object-fit: cover !important;
        display: block !important;
    }

    /* ── #sct_wrap 카테고리/리스트 페이지 — v17: max-width만 적용, grid 제거 ── */
    /* mobile_style.css의 .sct_10 .sct_li { float:left; width:25% } 그대로 활용 */
    body #sct_wrap,
    body ul.sct,
    body ul.sct_10,
    body ul.sct_20,
    html body #sct_wrap,
    html body ul.sct,
    html body ul.sct_10,
    html body ul.sct_20 {
        max-width: 1400px !important;
        margin: 0 auto 40px !important;
        padding: 0 32px !important;
        list-style: none !important;
        box-sizing: border-box !important;
        overflow: hidden !important;       /* float clearing */
        clear: both !important;
        display: block !important;          /* grid → block (float 작동) */
    }
    /* sct_li width/float 강제 제거 — mobile_style.css가 이미 25% 4열로 처리함 */

    /* ── 헤더 #cate_head .btn_login PC 가로 정렬 강제 ── */
    body #cate_head .btn_login,
    html body #cate_head .btn_login {
        display: block !important;
        position: relative !important;
        background: #0d0d0d !important;
        width: 100% !important;
        height: auto !important;
    }
    body #cate_head .btn_login .btn_left,
    html body #cate_head .btn_login .btn_left {
        display: inline-flex !important;
        flex-direction: row !important;
        align-items: center !important;
        gap: 24px !important;
        max-width: 1400px !important;
        margin: 0 auto !important;
        padding: 12px 32px !important;
        width: 100% !important;
        box-sizing: border-box !important;
        font-size: 12px !important;
        background: transparent !important;
        position: relative !important;
        z-index: 1 !important;
    }
    body #cate_head .btn_login .btn_left a,
    html body #cate_head .btn_login .btn_left a {
        color: rgba(255, 255, 255, 0.85) !important;
        font-size: 12px !important;
        text-decoration: none !important;
        display: inline-flex !important;
        align-items: center !important;
        gap: 5px !important;
        padding: 0 !important;
        white-space: nowrap !important;
    }
    body #cate_head .btn_login .btn_right.pc_only,
    html body #cate_head .btn_login .btn_right.pc_only {
        display: inline-flex !important;
        flex-direction: row !important;
        align-items: center !important;
        gap: 18px !important;
        position: absolute !important;
        top: 50% !important;
        right: 32px !important;
        transform: translateY(-50%) !important;
        padding: 0 !important;
        margin: 0 !important;
        background: transparent !important;
        z-index: 5 !important;
    }
    body #cate_head .btn_login .btn_right a,
    html body #cate_head .btn_login .btn_right a {
        color: rgba(255, 255, 255, 0.85) !important;
        font-size: 12px !important;
        text-decoration: none !important;
        display: inline-flex !important;
        align-items: center !important;
        gap: 4px !important;
        white-space: nowrap !important;
    }

    /* ── #cate_mid 로고 + 검색 PC 가로 정렬 ── */
    body #cate_mid,
    html body #cate_mid {
        max-width: 1400px !important;
        margin: 0 auto !important;
        padding: 28px 32px !important;
        display: flex !important;
        flex-direction: row !important;
        align-items: center !important;
        gap: 64px !important;
        height: auto !important;
        background: #fff !important;
        box-sizing: border-box !important;
    }

    /* ── 모바일용 sky-chips, sky-bottomnav PC에서 숨김 ── */
    .sky-chips,
    .sky-bottomnav {
        display: none !important;
    }

    /* ── 모바일 카테고리 텍스트 메뉴 숨김 ── */
    #shop_category_link,
    .shop_category_link,
    .shop_category_text {
        position: absolute !important;
        width: 1px !important;
        height: 1px !important;
        overflow: hidden !important;
        clip: rect(0, 0, 0, 0) !important;
    }
}

/* ============================================================================
 * v16 — 정밀 진단 후 핀포인트 수정 (실측 100%, 추측 0%)
 * ============================================================================
 * 자료 분석으로 확정된 충돌 원인:
 *   1. 카테고리 메뉴 글자 안 보임:
 *      HTML이 #category > .menu_wr > ul.cate 인데
 *      v15는 #category > ul.cate (직계 자식)로 작성 → 매칭 실패
 *
 *   2. .sct_li 카드 작게 보임:
 *      mobile_style.css:744 — .sct_10 .sct_li { float:left; width:25% !important; padding:15px }
 *      이미 25% 4열인데 부모 #sct_wrap에 max-width 없어서 작게 보임
 *
 *   3. 상품 상세 썸네일 회색/투명:
 *      mobile_style.css:1748 — .sit_pvi_thumb a { opacity:0.5; filter:grayscale(100%) }
 *
 *   4. #sit_pvi 폭 60% / 좌측 패딩 100px:
 *      mobile_style.css:1700 — #sit_pvi { float:left; width:60%; padding-left:100px }
 *      v15의 #sit_ov_wrap grid와 충돌
 * ============================================================================ */

@media (min-width: 769px) {

    /* ── [수정 1] 카테고리 메뉴 — HTML 구조에 맞는 셀렉터로 다시 ── */
    /* 실제 구조: #category.menu > .menu_wr > h2 + ul.cate > li > a */
    /* v23 수정: mobile_shop.css:272 #hd_wr .menu { max-width: 1400px } 무력화 */
    /* 검은 바를 화면 끝까지 (max-width: none) */
    body #category.menu,
    html body #hd_wr #category.menu {
        background: #1a1a1a !important;
        position: relative !important;
        display: block !important;
        margin: 0 !important;
        padding: 0 !important;
        width: 100% !important;
        max-width: none !important;          /* ★ 1400px 제한 해제 */
        height: auto !important;
        max-height: none !important;
        z-index: 10 !important;
    }

    /* 사이드 메뉴 잡스러운 요소 숨김 */
    body #category > .menu_close,
    body #category > .m_btn_login {
        display: none !important;
    }

    /* .menu_wr 컨테이너 — v22: 균등 분포 (가방···프리미엄 좌→우 펼침) */
    /* 검은 바는 화면 끝까지, 메뉴 항목은 1400px 안에서 양 끝 균등 */
    /* mobile_shop.css:648 .menu_wr { float:left } 무력화 */
    body #category > .menu_wr,
    html body #category.menu > .menu_wr,
    body #hd_wr #category > .menu_wr {
        max-width: 1400px !important;
        margin-left: auto !important;
        margin-right: auto !important;
        padding: 0 32px !important;
        background: transparent !important;
        height: 56px !important;
        display: flex !important;
        flex-direction: row !important;
        justify-content: center !important;       /* h2 visually hidden, ul.cate가 100% */
        align-items: center !important;
        box-sizing: border-box !important;
        float: none !important;
        width: auto !important;
        clear: both !important;
        position: relative !important;
        left: auto !important;
        right: auto !important;
    }

    /* ul.cate — v22: 좌측~우측 균등 분포 (옵션 1) */
    body #category > .menu_wr > ul.cate {
        display: flex !important;
        align-items: stretch !important;
        justify-content: space-between !important;   /* ★ 좌측~우측 균등 분포 */
        gap: 0 !important;
        height: 56px !important;
        margin: 0 !important;
        padding: 0 !important;
        list-style: none !important;
        background: transparent !important;
        width: 100% !important;                       /* 폭 100% 차지 */
        flex: 1 1 auto !important;
    }

    /* "카테고리" h2 텍스트 숨김 */
    body #category > .menu_wr > h2 {
        position: absolute !important;
        width: 1px !important;
        height: 1px !important;
        overflow: hidden !important;
        clip: rect(0, 0, 0, 0) !important;
    }

    /* ul.cate 정의는 위 .menu_wr 섹션에 v19 통합 (justify-content: space-between) */

    body #category > .menu_wr > ul.cate > li {
        list-style: none !important;
        margin: 0 !important;
        padding: 0 !important;
        background: transparent !important;
        border: none !important;
        position: relative !important;
        height: 56px !important;
        display: flex !important;
        align-items: center !important;
        flex-shrink: 0 !important;
    }

    /* ★ 메뉴 글자 — HTML 구조 #category > .menu_wr > ul.cate > li > a 정확히 매칭 */
    body #category > .menu_wr > ul.cate > li > a,
    body #category > .menu_wr > ul.cate > li > a:link,
    body #category > .menu_wr > ul.cate > li > a:visited,
    body #category > .menu_wr > ul.cate > li > a:active {
        color: #ffffff !important;
        font-size: 14px !important;
        font-weight: 500 !important;
        letter-spacing: 0.05em !important;
        text-decoration: none !important;
        padding: 0 24px !important;
        background: transparent !important;
        border: none !important;
        line-height: 56px !important;
        height: 56px !important;
        display: inline-block !important;
        white-space: nowrap !important;
        opacity: 1 !important;
        visibility: visible !important;
        text-indent: 0 !important;
        text-shadow: none !important;
        position: relative !important;
    }
    /* v22 균등 분포: 모든 항목 패딩 동일 (first-child 특수 처리 제거) */
    body #category > .menu_wr > ul.cate > li > a::after {
        content: "" !important;
        position: absolute !important;
        left: 24px !important;
        right: 24px !important;
        bottom: 0 !important;
        height: 2px !important;
        background: #d4b67a !important;
        transform: scaleX(0) !important;
        transition: transform 0.3s ease !important;
        transform-origin: center !important;
    }
    body #category > .menu_wr > ul.cate > li:hover > a::after {
        transform: scaleX(1) !important;
    }
    body #category > .menu_wr > ul.cate > li:hover > a {
        color: #d4b67a !important;
    }

    /* 토글 버튼(▼ 아이콘) 숨김 */
    body #category > .menu_wr > ul.cate > li > .sub_ct_toggle {
        display: none !important;
    }

    /* 하위 카테고리 드롭다운 */
    body #category > .menu_wr > ul.cate > li > ul.sub_cate,
    body #category > .menu_wr > ul.cate > li > ul.sub_cate1 {
        position: absolute !important;
        top: 100% !important;
        left: 0 !important;
        background: #fff !important;
        box-shadow: 0 12px 32px rgba(0, 0, 0, 0.12) !important;
        padding: 12px 0 !important;
        min-width: 200px !important;
        max-height: 480px !important;
        overflow-y: auto !important;
        list-style: none !important;
        margin: 0 !important;
        opacity: 0 !important;
        visibility: hidden !important;
        transform: translateY(-8px) !important;
        transition: opacity 0.25s, visibility 0.25s, transform 0.25s !important;
        z-index: 200 !important;
        border: none !important;
        border-top: 2px solid #d4b67a !important;
        display: block !important;
    }
    body #category > .menu_wr > ul.cate > li:hover > ul.sub_cate,
    body #category > .menu_wr > ul.cate > li:hover > ul.sub_cate1 {
        opacity: 1 !important;
        visibility: visible !important;
        transform: translateY(0) !important;
    }
    body #category > .menu_wr > ul.cate > li > ul.sub_cate li,
    body #category > .menu_wr > ul.cate > li > ul.sub_cate1 li {
        list-style: none !important;
        margin: 0 !important;
        padding: 0 !important;
        background: transparent !important;
        height: auto !important;
        display: block !important;
        line-height: normal !important;
        color: inherit !important;
        font-size: inherit !important;
    }
    body #category > .menu_wr > ul.cate > li > ul.sub_cate li a,
    body #category > .menu_wr > ul.cate > li > ul.sub_cate1 li a,
    body #category > .menu_wr > ul.cate > li > ul.sub_cate li a:link,
    body #category > .menu_wr > ul.cate > li > ul.sub_cate1 li a:link,
    body #category > .menu_wr > ul.cate > li > ul.sub_cate li a:visited,
    body #category > .menu_wr > ul.cate > li > ul.sub_cate1 li a:visited {
        color: #1a1a1a !important;
        font-size: 13px !important;
        padding: 9px 22px !important;
        display: block !important;
        background: transparent !important;
        font-weight: 400 !important;
        letter-spacing: 0.02em !important;
        line-height: 1.5 !important;
        text-decoration: none !important;
        white-space: nowrap !important;
    }
    body #category > .menu_wr > ul.cate > li > ul.sub_cate li a:hover,
    body #category > .menu_wr > ul.cate > li > ul.sub_cate1 li a:hover {
        color: #b8a578 !important;
        background: #f5f1ea !important;
    }


    /* ── [수정 2] #sct_wrap 부모 컨테이너 — 1400px 가운데 정렬 ── */
    /* mobile_style.css:744는 이미 .sct_10 .sct_li를 width:25%로 만들어 둠 */
    /* 부모만 폭 잡으면 4열 자동 배치됨 */
    body #sct_wrap.sct,
    body ul#sct_wrap,
    body ul.sct.sct_10 {
        max-width: 1400px !important;
        margin: 24px auto 40px !important;
        padding: 0 16px !important;
        list-style: none !important;
        box-sizing: border-box !important;
        clear: both !important;
        overflow: hidden !important; /* float clearing */
        display: block !important;
    }

    /* mobile_style.css:744의 .sct_10 .sct_li 정의 그대로 활용 (width:25% !important 이미 있음) */
    /* .sct_li 카드 자체에 럭셔리 디자인만 추가 */
    body ul.sct.sct_10 > .sct_li {
        padding: 14px !important;
        margin-bottom: 0 !important;
        list-style: none !important;
    }

    /* 카드 안 영역 */
    body ul.sct.sct_10 > .sct_li > .li_wr {
        background: transparent !important;
        border: none !important;
        padding: 0 !important;
        margin: 0 !important;
        box-shadow: none !important;
        position: relative !important;
    }

    body ul.sct.sct_10 > .sct_li .sct_img {
        position: relative !important;
        aspect-ratio: 1 / 1 !important;
        background: var(--sky-cream) !important;        /* 따뜻한 크림 톤 */
        overflow: hidden !important;
        border: 1px solid transparent !important;        /* 호버 시 골드 외곽선 */
        border-radius: 0 !important;                     /* 명품몰: 직각 */
        margin: 0 0 14px !important;
        width: 100% !important;
        height: auto !important;
        transition: border-color 0.4s ease !important;
    }
    body ul.sct.sct_10 > .sct_li:hover .sct_img {
        border-color: var(--sky-gold-soft) !important;
    }
    body ul.sct.sct_10 > .sct_li .sct_img a {
        display: block !important;
        width: 100% !important;
        height: 100% !important;
    }
    body ul.sct.sct_10 > .sct_li .sct_img img {
        width: 100% !important;
        height: 100% !important;
        object-fit: cover !important;
        display: block !important;
        transition: transform 0.7s cubic-bezier(0.25, 0.1, 0.25, 1) !important;
    }
    body ul.sct.sct_10 > .sct_li:hover .sct_img img {
        transform: scale(1.04) !important;
    }

    /* SNS 차단 */
    body ul.sct.sct_10 .sct_sns,
    body ul.sct.sct_10 .share-facebook,
    body ul.sct.sct_10 .share-twitter {
        display: none !important;
    }


    /* ── [수정 3] 상품 상세 #sit_pvi — float/width/padding 모두 무력화 ── */
    /* mobile_style.css:1700 — #sit_pvi { float:left; width:60%; padding-left:100px } */
    body #sit_pvi {
        float: none !important;
        width: 100% !important;
        max-width: 100% !important;
        padding: 0 !important;
        padding-left: 0 !important;
        background: transparent !important;
        text-align: left !important;
        margin: 0 !important;
        position: relative !important;
    }

    /* #sit_ov_wrap을 grid로 강제 */
    body #sit_ov_wrap {
        display: grid !important;
        grid-template-columns: minmax(0, 6fr) minmax(0, 5fr) !important;
        gap: 64px !important;
        margin: 0 0 64px !important;
        align-items: start !important;
        max-width: 1400px !important;
        margin-left: auto !important;
        margin-right: auto !important;
        padding: 0 32px !important;
        box-sizing: border-box !important;
        overflow: visible !important;
    }

    /* #sit_ov 우측 정보 영역도 float 차단 */
    body #sit_ov {
        float: none !important;
        width: 100% !important;
        padding: 0 !important;
        margin: 0 !important;
        background: transparent !important;
    }

    /* bxSlider 영역 */
    body #sit_pvi .bx-wrapper {
        margin: 0 0 16px !important;
        max-width: 100% !important;
    }


    /* ── [수정 4] 상품 상세 썸네일 — opacity/grayscale 강제 해제 ── */
    /* mobile_style.css:1748 — .sit_pvi_thumb a { opacity:0.5; filter:grayscale(100%) } */
    /* v17: grid → flex로 변경 (bxSlider 인라인 스타일과 덜 충돌) */
    body .sit_pvi_thumb {
        display: flex !important;
        flex-wrap: wrap !important;
        gap: 8px !important;
        padding: 12px 0 0 !important;
        background: transparent !important;
        margin: 0 !important;
        list-style: none !important;
        width: 100% !important;
        max-width: 100% !important;
        position: relative !important;
        clear: both !important;
        overflow: visible !important;
        float: none !important;
    }
    body .sit_pvi_thumb a,
    body .sit_pvi_thumb a:link,
    body .sit_pvi_thumb a:visited {
        display: inline-block !important;
        width: 80px !important;
        height: 80px !important;
        flex: 0 0 80px !important;
        border: 2px solid transparent !important;
        overflow: hidden !important;
        border-radius: 4px !important;
        padding: 0 !important;
        cursor: pointer !important;
        transition: border-color 0.2s !important;
        background: #f5f1ea !important;
        position: relative !important;
        opacity: 1 !important;          /* mobile_style 0.5 무력화 */
        -webkit-filter: none !important; /* mobile_style grayscale 무력화 */
        -moz-filter: none !important;
        -ms-filter: none !important;
        -o-filter: none !important;
        filter: none !important;
        float: none !important;
    }
    body .sit_pvi_thumb a:hover {
        border-color: #d6d2ca !important;
        opacity: 1 !important;
        filter: none !important;
    }
    body .sit_pvi_thumb a.active {
        border-color: #1a1a1a !important;
        opacity: 1 !important;
        filter: none !important;
    }
    body .sit_pvi_thumb a img {
        position: absolute !important;
        inset: 0 !important;
        width: 100% !important;
        height: 100% !important;
        object-fit: cover !important;
        display: block !important;
    }


    /* ── [수정 5] 그 외 안전장치 ── */
    /* sky-grid 4열 그대로 유지 */
    body .sky-grid {
        display: grid !important;
        gap: 28px !important;
        max-width: 1400px !important;
        margin: 0 auto !important;
        padding: 0 !important;
        width: 100% !important;
        box-sizing: border-box !important;
    }
    body .sky-grid--main,
    body .sky-grid--feature {
        grid-template-columns: repeat(4, minmax(0, 1fr)) !important;
    }

    /* 모바일 카테고리 칩 PC에서 숨김 */
    .sky-chips,
    .sky-bottomnav {
        display: none !important;
    }
}

/* ============================================================================
 * v19 — 모바일 (갤럭시 S24 울트라 등) 전용 수정
 * ============================================================================
 * 진단:
 *   1. 로고 두 번 출력 — #mid_logo + #mobile_logo (둘 다 모바일 PHP에서 생성)
 *   2. 신뢰 아이콘 1열로 떨어짐 (.sky-trust__item min-width:120px가 좁은 폭에서 wrap)
 *   3. 모바일 사이드 메뉴 글자 세로 잘림 ("전\n체") — 사이드바 폭 좁아서
 *   4. 카테고리 페이지 브랜드 알약 1열로 길게 늘어남
 *   5. RECOMMEND/BEST/SALE 라벨이 모바일 카드에서 너무 큼
 * ============================================================================ */

@media (max-width: 768px) {

    /* ── [1] 로고 중복 제거 — #mobile_logo 숨기고 #mid_logo만 사용 ── */
    body #mobile_logo {
        display: none !important;
    }

    /* ── [2] 신뢰 아이콘 가로 4개 유지 (min-width 작게) ── */
    body .sky-trust {
        padding: 24px 12px !important;
    }
    body .sky-trust__inner {
        gap: 8px !important;
        flex-wrap: nowrap !important;          /* wrap 방지 */
        justify-content: space-around !important;
    }
    body .sky-trust__item {
        flex: 1 1 0 !important;
        min-width: 0 !important;               /* 폭 부족 방지 */
        gap: 8px !important;
        font-size: 11px !important;
        letter-spacing: 0.02em !important;
    }
    body .sky-trust__item i,
    body .sky-trust__item .fa {
        font-size: 22px !important;
    }

    /* ── [3] 모바일 PC 메뉴 처리 — v21 핵심 수정 ── */
    /* HTML에서 #category(PC 메뉴)와 .sky-chips(모바일 메뉴) 둘 다 출력됨 */
    /* 모바일에서는 .sky-chips만 보이고, #category는 햄버거 클릭 시 사이드바로만 */

    /* PC 카테고리 메뉴는 모바일에서 기본 숨김 */
    /* mobile_shop.css가 .menu { left:0; width:300px; position:fixed } 좌측 슬라이드로 정의 */
    /* v21: 영카트 표준에 맞춰 좌측 슬라이드, right:0 같은 강제 제거 */
    body #category.menu {
        display: none !important;               /* 기본 숨김 (햄버거 클릭 시 JS가 표시) */
        background: #fff !important;
        width: 300px !important;
        max-width: 80vw !important;
        position: fixed !important;
        top: 0 !important;
        left: 0 !important;                     /* 좌측 슬라이드 (mobile_shop.css와 동일) */
        right: auto !important;                 /* 우측 강제 해제 */
        height: 100vh !important;
        z-index: 99999 !important;              /* 영카트 표준 */
        overflow-y: auto !important;
        box-shadow: 2px 0 12px rgba(0,0,0,0.15) !important;  /* 우측 그림자 */
        margin: 0 !important;
        padding: 0 !important;
    }
    /* 햄버거 클릭 시 표시 (영카트 JS가 인라인 style="display: block"으로 토글) */
    body #category.menu[style*="block"] {
        display: block !important;
    }

    /* v22: 사이드바 활성화 시 본문 오버레이 (검은 반투명) */
    /* CSS only — :has() 선택자로 사이드바 표시 상태 감지 */
    body:has(#category.menu[style*="block"])::after {
        content: "" !important;
        position: fixed !important;
        top: 0 !important;
        left: 0 !important;
        right: 0 !important;
        bottom: 0 !important;
        background: rgba(0, 0, 0, 0.5) !important;
        z-index: 99998 !important;          /* #category.menu(99999)보다 한 단계 아래 */
        pointer-events: none !important;     /* 클릭은 통과시킴 (사이드바 닫기는 X 버튼으로) */
    }
    /* 사이드바 표시 시 body 스크롤 잠금 */
    body:has(#category.menu[style*="block"]) {
        overflow: hidden !important;
    }

    /* .sky-chips (모바일용 가로 스크롤 카테고리) — 모바일에서 보임 */
    body .sky-chips {
        display: flex !important;
        overflow-x: auto !important;
        gap: 8px !important;
        padding: 12px 16px !important;
        background: #fff !important;
        border-bottom: 1px solid var(--sky-border) !important;
        white-space: nowrap !important;
        -webkit-overflow-scrolling: touch !important;
        scrollbar-width: none !important;
    }
    body .sky-chips::-webkit-scrollbar {
        display: none !important;
    }
    body .sky-chip,
    body .sky-chip:link,
    body .sky-chip:visited {
        display: inline-flex !important;
        align-items: center !important;
        flex-shrink: 0 !important;
        padding: 7px 14px !important;
        font-size: 12px !important;
        color: var(--sky-text-muted) !important;
        background: var(--sky-cream) !important;
        border: 1px solid var(--sky-border) !important;
        border-radius: 20px !important;
        text-decoration: none !important;
        letter-spacing: 0.02em !important;
        transition: all 0.2s !important;
    }
    body .sky-chip.is-active {
        background: var(--sky-darker) !important;
        color: #fff !important;
        border-color: var(--sky-darker) !important;
    }
    body .sky-chip--accent {
        color: var(--sky-gold-soft) !important;
        border-color: var(--sky-gold-soft) !important;
        font-weight: 500 !important;
    }


    /* ── [3-2] 모바일 사이드바 열렸을 때의 내부 정렬 (글자 세로 잘림 방지) ── */
    body #category > .menu_wr,
    html body #category.menu > .menu_wr {
        max-width: 100% !important;
        margin: 0 !important;
        padding: 12px 0 !important;
        background: transparent !important;
        height: auto !important;
        display: block !important;             /* flex 해제 — 사이드바엔 block 자연스러움 */
        flex-direction: unset !important;
        justify-content: unset !important;
        align-items: unset !important;
        width: 100% !important;
        overflow-y: auto !important;
    }
    body #category > .menu_wr > ul.cate {
        display: block !important;             /* 사이드바: 세로 1열 */
        height: auto !important;
        width: 100% !important;
        flex: unset !important;
        background: transparent !important;
    }
    body #category > .menu_wr > ul.cate > li {
        display: block !important;             /* 1글자씩 잘림 방지 */
        flex-shrink: unset !important;
        height: auto !important;
        padding: 0 !important;
        border-bottom: 1px solid var(--sky-border) !important;
        width: 100% !important;
    }
    body #category > .menu_wr > ul.cate > li > a,
    body #category > .menu_wr > ul.cate > li > a:link,
    body #category > .menu_wr > ul.cate > li > a:visited {
        display: block !important;
        color: var(--sky-text) !important;     /* 흰 사이드바 위 검은 글자 */
        font-size: 14px !important;
        font-weight: 500 !important;
        letter-spacing: 0.02em !important;
        line-height: 48px !important;
        height: 48px !important;
        padding: 0 20px !important;
        white-space: nowrap !important;        /* 글자 세로 잘림 절대 방지 */
        text-align: left !important;
    }
    body #category > .menu_wr > ul.cate > li > a::after {
        display: none !important;              /* 골드 밑줄 효과 모바일에선 OFF */
    }

    /* 모바일 메뉴 닫기 버튼 보이기 */
    body #category > .menu_close {
        display: block !important;
        position: absolute !important;
        top: 12px !important;
        right: 12px !important;
        background: transparent !important;
        border: none !important;
        font-size: 18px !important;
        color: var(--sky-text-muted) !important;
        cursor: pointer !important;
        z-index: 10 !important;
    }
    body #category > .m_btn_login {
        display: block !important;
        padding: 16px 20px !important;
        border-bottom: 1px solid var(--sky-border) !important;
    }


    /* ── [3-3] 모바일 정렬 옵션 + 뷰 버튼 — v21 신규: 높이 통일 ── */
    /* 구조: #sct_sortlst > #sct_sort + #sct_lst */
    body #sct_sortlst {
        display: flex !important;
        align-items: center !important;
        justify-content: space-between !important;
        padding: 12px !important;
        gap: 8px !important;
        background: transparent !important;
        max-width: 100% !important;
        margin: 0 0 12px !important;
        border-bottom: 1px solid var(--sky-border) !important;
    }
    body #sct_sortlst #sct_sort {
        margin: 0 !important;
        padding: 0 !important;
        border: none !important;
        flex: 0 0 auto !important;
        position: relative !important;
    }
    body #sct_sort .btn_sort {
        height: 38px !important;
        padding: 0 16px !important;
        font-size: 12px !important;
        min-width: 130px !important;
    }
    body #sct_sortlst #sct_lst {
        display: flex !important;
        list-style: none !important;
        gap: 4px !important;
        margin: 0 !important;
        padding: 0 !important;
        flex: 0 0 auto !important;
    }
    body #sct_sortlst #sct_lst li {
        list-style: none !important;
        margin: 0 !important;
        padding: 0 !important;
        background: transparent !important;
    }
    body #sct_sortlst .sct_lst_view {
        height: 38px !important;                /* btn_sort와 동일 */
        width: 38px !important;
        padding: 0 !important;
        margin: 0 !important;
        background: #fff !important;
        border: 1px solid var(--sky-border-strong) !important;
        color: var(--sky-text-muted) !important;
        font-size: 14px !important;
        cursor: pointer !important;
        display: inline-flex !important;
        align-items: center !important;
        justify-content: center !important;
        border-radius: 0 !important;
    }
    body #sct_sortlst .sct_lst_view:hover {
        border-color: var(--sky-text) !important;
        color: var(--sky-text) !important;
    }



    /* mobile_category.txt 분석: aside.sct_ct > ul > li > a (Louis vuitton 157) */
    /* v22: 더 정돈된 디자인 — 숫자 괄호 + 폰트 분리 */
    body .sct_ct,
    body aside.sct_ct {
        padding: 20px 12px !important;
        margin: 12px auto !important;
        background: var(--sky-cream) !important;
    }
    body .sct_ct h2,
    body .sct_ct h3 {
        position: absolute !important;          /* "현재 상품 분류" 숨김 */
        width: 1px !important;
        height: 1px !important;
        overflow: hidden !important;
        clip: rect(0, 0, 0, 0) !important;
    }
    body .sct_ct ul,
    body aside.sct_ct > ul {
        display: flex !important;
        flex-wrap: wrap !important;
        gap: 8px !important;                    /* v22: 6→8px 더 여유 */
        justify-content: center !important;
        list-style: none !important;
        padding: 0 !important;
        margin: 0 !important;
        width: 100% !important;
    }
    body .sct_ct li,
    body aside.sct_ct > ul > li {
        display: inline-flex !important;
        flex: 0 0 auto !important;
        list-style: none !important;
        margin: 0 !important;
        padding: 0 !important;
        width: auto !important;
        background: transparent !important;
        border: none !important;
    }
    body .sct_ct li a,
    body aside.sct_ct > ul > li > a,
    body .sct_ct li a:link,
    body .sct_ct li a:visited {
        display: inline-flex !important;
        align-items: center !important;
        gap: 6px !important;
        padding: 8px 14px !important;          /* v22: 6→8px, 12→14px 더 단단한 박스 */
        font-size: 12px !important;             /* v22: 11→12px */
        font-weight: 500 !important;
        color: var(--sky-text) !important;
        background: #fff !important;
        border: 1px solid var(--sky-border-strong) !important;
        border-radius: 24px !important;
        text-decoration: none !important;
        white-space: nowrap !important;
        letter-spacing: 0.02em !important;
        line-height: 1.2 !important;
        transition: all 0.2s !important;
    }
    /* v22: 숫자(상품 개수)를 괄호 안 작은 회색 — 깔끔하게 분리 */
    body .sct_ct li a .prd_cnt {
        font-size: 10px !important;
        color: var(--sky-text-subtle) !important;
        font-weight: 400 !important;
        margin-left: 2px !important;
        position: static !important;            /* 절대 위치 해제 */
        background: transparent !important;
        padding: 0 !important;
        border: none !important;
    }
    /* v22: 숫자 앞뒤에 괄호 추가 — 알약 안에 자연스럽게 */
    body .sct_ct li a .prd_cnt::before {
        content: "(" !important;
    }
    body .sct_ct li a .prd_cnt::after {
        content: ")" !important;
    }
    body .sct_ct li a:hover,
    body .sct_ct li a:active {
        background: var(--sky-darker) !important;
        color: #fff !important;
        border-color: var(--sky-darker) !important;
    }
    body .sct_ct li a:hover .prd_cnt {
        color: rgba(255, 255, 255, 0.7) !important;
    }





    /* ── [5] RECOMMEND/BEST/SALE 라벨 — 모바일 카드용 작게 ── */
    body .sct_img .icon_set,
    body .sct_img .shop_icon_wr,
    body .sct_img .sct_icon,
    body .sct_10 .sct_icon {
        top: 8px !important;
        right: 8px !important;
        gap: 3px !important;
    }
    body .sct_img .shop_icon,
    body .sct_img .icon,
    body .sct_icon .icon {
        padding: 3px 6px !important;
        font-size: 8px !important;
        letter-spacing: 0.1em !important;
    }
    /* 위시 버튼도 작게 */
    body .sct_img .btn_wish,
    body .sct_10 .btn_wish {
        top: 8px !important;
        left: 8px !important;
        width: 30px !important;
        height: 30px !important;
        font-size: 12px !important;
    }


    /* ── [6] 메인 페이지 sky-grid 모바일 2열 ── */
    body .sky-grid {
        gap: 12px !important;
        padding: 0 12px !important;
    }
    body .sky-grid--main,
    body .sky-grid--feature {
        grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
    }


    /* ── [7] 모바일 sky-prd 라벨도 마찬가지로 작게 ── */
    body .sky-prd__badges {
        top: 8px !important;
        left: auto !important;
        right: 8px !important;
        gap: 3px !important;
    }
    body .sky-prd__badge {
        padding: 3px 6px !important;
        height: auto !important;
        line-height: 1 !important;
        font-size: 8px !important;
        letter-spacing: 0.1em !important;
    }
    body .sky-prd__wish {
        top: 8px !important;
        left: 8px !important;
        right: auto !important;
        width: 30px !important;
        height: 30px !important;
    }


    /* ── [8] 카카오톡 버튼 — 모바일에서 BottomNav 위로 띄우기 ── */
    body .sky-kakao,
    body a[href*="open.kakao.com"] {
        right: 12px !important;
        bottom: 80px !important;            /* BottomNav 60px + 여백 20px */
        padding: 12px 16px !important;
        font-size: 12px !important;
        z-index: 999 !important;
    }


    /* ── [9] BottomNav — 화면 하단 fixed 고정 (v20 신규) ── */
    body .sky-bottomnav {
        display: flex !important;
        position: fixed !important;
        bottom: 0 !important;
        left: 0 !important;
        right: 0 !important;
        height: 60px !important;
        background: #fff !important;
        border-top: 1px solid var(--sky-border) !important;
        z-index: 999 !important;
        padding: 0 !important;
        margin: 0 !important;
        box-shadow: 0 -2px 12px rgba(42, 31, 26, 0.06) !important;
    }
    body .sky-bottomnav__item,
    body .sky-bottomnav__item:link,
    body .sky-bottomnav__item:visited {
        flex: 1 1 0 !important;
        display: flex !important;
        flex-direction: column !important;
        align-items: center !important;
        justify-content: center !important;
        gap: 4px !important;
        text-decoration: none !important;
        color: var(--sky-text-muted) !important;
        font-size: 10px !important;
        letter-spacing: 0.02em !important;
        padding: 6px 0 !important;
        background: transparent !important;
        transition: color 0.2s !important;
    }
    body .sky-bottomnav__item i,
    body .sky-bottomnav__item .fa {
        font-size: 18px !important;
        color: inherit !important;
    }
    body .sky-bottomnav__item.is-active {
        color: var(--sky-darker) !important;
        font-weight: 500 !important;
    }
    body .sky-bottomnav__item:active {
        background: var(--sky-cream) !important;
    }

    /* v28: 카테고리 버튼은 햄버거와 동일 동작 (cursor 명시) */
    body .sky-bottomnav__item[href*="category.php"] {
        cursor: pointer !important;
    }

    /* BottomNav 때문에 푸터 가리지 않게 body padding 추가 */
    body {
        padding-bottom: 60px !important;
    }


    /* ── [10] 모바일 헤더 — v21 정정: HTML 구조 정확히 분석 후 수정 ── */
    /* mobile_main.txt 분석:
     *   #cate_head > .btn_login (회원메뉴, btn_left + btn_right.pc_only)
     *   #cate_head > #cate_mid > #mid_logo + .hd_sch_wr.pc_only (PC용 검색바)
     *   #cate_head > #mobile_logo (모바일용 로고)
     *   #cate_head > #hd_btn (모바일용 햄버거+검색+카트)
     *
     * 모바일: #cate_mid 숨김 (검색바는 .pc_only로 이미 숨김 처리됨)
     *        #mobile_logo + #hd_btn만 가로 배치
     */

    /* PC용 cate_mid 모바일 숨김 */
    body #cate_mid {
        display: none !important;
    }
    /* 영카트 기본 스킨이 #hd_btn { display: none } 인라인 스타일 — 이걸 무력화 */
    body #hd_btn,
    body #hd_btn[style] {
        display: flex !important;
        align-items: center !important;
        justify-content: flex-end !important;
        gap: 4px !important;
        position: absolute !important;
        top: 50% !important;
        right: 12px !important;
        transform: translateY(-50%) !important;
        background: transparent !important;
        padding: 0 !important;
        margin: 0 !important;
        z-index: 5 !important;
    }
    body #hd_btn button,
    body #hd_btn a {
        background: transparent !important;
        border: none !important;
        color: var(--sky-text) !important;
        font-size: 18px !important;
        padding: 8px 10px !important;
        line-height: 1 !important;
        position: relative !important;
        height: auto !important;
        width: auto !important;
        text-decoration: none !important;
        display: inline-flex !important;
        align-items: center !important;
        cursor: pointer !important;
    }
    body #hd_btn .cart-count {
        position: absolute !important;
        top: 2px !important;
        right: 2px !important;
        background: var(--sky-danger) !important;
        color: #fff !important;
        font-size: 9px !important;
        line-height: 1 !important;
        padding: 2px 5px !important;
        border-radius: 10px !important;
        min-width: 16px !important;
        text-align: center !important;
    }
    /* 모바일 로고 — 가운데 표시 */
    body #mobile_logo {
        display: block !important;
        text-align: center !important;
        padding: 12px 60px !important;        /* 좌우에 햄버거/카트 자리 */
        background: #fff !important;
        margin: 0 !important;
        position: relative !important;
        border-bottom: 1px solid var(--sky-border) !important;
    }
    body #mobile_logo a {
        display: inline-block !important;
    }
    body #mobile_logo img {
        height: 40px !important;
        max-height: 40px !important;
        width: auto !important;
    }


    /* ── [10-2] 모바일 푸터 — v27: 1열 정렬, 럭셔리 톤 ── */
    body #footer,
    body #ft,
    body .sky-footer {
        padding: 40px 20px 100px !important;       /* BottomNav 60px + 여백 */
    }
    body #footer .footer_inner {
        grid-template-columns: 1fr !important;   /* 모바일 1열 */
        gap: 24px !important;
    }
    body #footer .footertell {
        margin-bottom: 28px !important;
        padding-bottom: 20px !important;
        font-size: 11px !important;
    }
    body #footer .footertell span {
        font-size: 24px !important;
    }
    body #footer .footerMall li {
        font-size: 11px !important;
        line-height: 1.6 !important;
    }
    body #footer .right {
        gap: 20px !important;
    }
    body #footer .footerText ul li:not(:first-child) {
        margin-right: 14px !important;
        font-size: 11px !important;
    }
    body #ft_to_top {
        bottom: 130px !important;
        right: 12px !important;
        width: 40px !important;
        height: 40px !important;
    }
    /* .ft_con 모바일 — 한 줄 가로 스크롤 */
    body .ft_con {
        padding: 12px 16px !important;
    }
    body .ft_con .lt {
        gap: 12px !important;
    }
    body .ft_con .lt h2 {
        font-size: 11px !important;
    }
    body .ft_con .lt ul li a {
        font-size: 11px !important;
    }


    /* ── [11] 상품 상세 페이지 — 모바일 단일 컬럼 (v20 신규) ── */
    /* 진단: PC용 #sit_ov_wrap { display:grid } 가 모바일에 새어들어 이미지 우측 치우침 */
    /* mobile_item.txt 분석: #sit_ov_wrap > #sit_pvi(이미지) + #sit_ov(정보) */

    /* #sit_ov_wrap: 모바일에서 grid 무력화, 세로 배치 */
    body #sit_ov_wrap {
        display: block !important;
        grid-template-columns: unset !important;
        gap: 0 !important;
        max-width: 100% !important;
        margin: 0 !important;
        padding: 0 !important;
        overflow: visible !important;
    }

    /* #sit_pvi: 화면 가득 (좌우 패딩 없이) */
    body #sit_pvi {
        float: none !important;
        width: 100% !important;
        max-width: 100% !important;
        padding: 0 !important;
        margin: 0 0 16px !important;
        position: relative !important;
        overflow: hidden !important;
    }

    /* bxSlider 큰 이미지 — 화면 폭에 맞춤 */
    body #sit_pvi #sit_pvi_big,
    body #sit_pvi .bx-wrapper {
        max-width: 100% !important;
        width: 100% !important;
        margin: 0 !important;
    }
    body #sit_pvi #sit_pvi_big li {
        width: 100% !important;
        text-align: center !important;
    }
    body #sit_pvi #sit_pvi_big li a {
        display: block !important;
        width: 100% !important;
    }
    body #sit_pvi #sit_pvi_big li img {
        width: 100% !important;
        max-width: 100% !important;
        height: auto !important;
        object-fit: cover !important;
        display: block !important;
        margin: 0 auto !important;
    }

    /* 썸네일 — 가로 스크롤 가능, 좌우 여백 */
    body .sit_pvi_thumb {
        display: flex !important;
        flex-wrap: nowrap !important;
        overflow-x: auto !important;
        gap: 6px !important;
        padding: 0 16px !important;
        margin: 12px 0 0 !important;
        max-width: 100% !important;
        width: 100% !important;
        box-sizing: border-box !important;
        -webkit-overflow-scrolling: touch !important;
    }
    body .sit_pvi_thumb a,
    body .sit_pvi_thumb a:link {
        flex: 0 0 60px !important;
        width: 60px !important;
        height: 60px !important;
        opacity: 1 !important;
        filter: none !important;
    }

    /* #sit_ov: 정보 영역 — 화면 끝까지 + 좌우 여백 */
    body #sit_ov {
        float: none !important;
        width: 100% !important;
        padding: 0 16px !important;
        margin: 0 !important;
        box-sizing: border-box !important;
    }

    /* 상품명 폰트 정리 */
    body #sit_title,
    body .sit_title,
    body #sit_ov h2,
    body #sit_ov .sit_pname {
        font-size: 18px !important;
        line-height: 1.4 !important;
        margin: 16px 0 8px !important;
        font-weight: 500 !important;
    }

    /* 가격 영역 */
    body #sit_pricewrap,
    body #sit_tot_price,
    body #sit_opt {
        margin: 12px 0 !important;
    }


    /* ── [12] 모바일 구매 박스 슬라이드 토글 — v22 핵심 재정리 ── */
    /* 동작 흐름:
     *   1) 페이지 로드: #sit_buy_op (구매하기 버튼) 화면 하단 fixed로 보임
     *      #sit_buy는 일반 페이지 흐름 안에 있고 모바일에선 display:none
     *   2) 구매하기 클릭: $("#sit_buy").slideToggle() → 펼쳐짐 (영카트 표준)
     *   3) X 버튼 클릭: $("#sit_buy").slideToggle() → 닫힘
     *
     * v21 잘못: #sit_buy를 fixed로 강제해서 영카트 JS의 slideToggle과 충돌
     * v22 수정: #sit_buy는 페이지 흐름 안 (display:none 기본), JS가 펼치면 자연스럽게 표시
     */

    /* "구매하기" 버튼 — 화면 하단 고정 (BottomNav 위) */
    body #sit_buy_op {
        display: block !important;
        position: fixed !important;
        bottom: 60px !important;             /* BottomNav 60px 위 */
        left: 0 !important;
        right: 0 !important;
        width: 100% !important;
        z-index: 998 !important;
        padding: 8px 12px !important;
        background: #fff !important;
        border-top: 1px solid var(--sky-border) !important;
        box-shadow: 0 -2px 12px rgba(42, 31, 26, 0.06) !important;
        margin: 0 !important;
    }
    body #sit_buy_op #buy_op_btn {
        display: block !important;
        width: 100% !important;
        height: 48px !important;
        background: var(--sky-darker) !important;
        color: #fff !important;
        border: none !important;
        font-size: 14px !important;
        font-weight: 500 !important;
        letter-spacing: 0.05em !important;
        cursor: pointer !important;
        margin: 0 !important;
        padding: 0 !important;
        border-radius: 0 !important;
    }
    body #sit_buy_op #buy_op_btn:hover {
        background: var(--sky-warm-dark) !important;
    }

    /* ── v29: 모바일 옵션창 영카트 표준 외형으로 원복 ── */
    /* mobile_style.css:1730의 #sit_buy { position:fixed; bottom:0 } 영카트 표준 */
    /* 영카트 JS slideToggle: $("#buy_op_btn").click → $("#sit_buy").slideToggle() */
    body #sit_buy {
        position: fixed !important;
        bottom: 60px !important;             /* BottomNav(60px) 위 */
        left: 0 !important;
        right: 0 !important;
        width: 100% !important;
        max-width: 100% !important;
        z-index: 1000 !important;
        background: #fff !important;          /* v29: 단순 흰 배경 (그라데이션 제거) */
        padding: 20px 16px !important;
        margin: 0 !important;
        box-shadow: 0 -2px 12px rgba(0, 0, 0, 0.08) !important;  /* v29: 미세한 그림자 (영카트 표준) */
        border-top: 1px solid var(--sky-border) !important;       /* v29: 단순 테두리 (골드 강조선 제거) */
        border-bottom: none !important;
        border-radius: 0 !important;          /* v29: 둥근 모서리 제거 */
        max-height: 75vh !important;
        overflow-y: auto !important;
        -webkit-overflow-scrolling: touch !important;
    }

    /* v29: 핸들 바 제거 (영카트 표준엔 없음) */
    body #sit_buy::before {
        content: none !important;
    }

    /* 닫기 버튼 — 영카트 표준 외형 */
    body #sit_buy .btn_close {
        display: inline-flex !important;
        align-items: center !important;
        justify-content: center !important;
        position: absolute !important;
        top: 8px !important;
        right: 8px !important;
        background: transparent !important;   /* v29: 투명 배경 */
        border: none !important;              /* v29: 테두리 제거 */
        border-radius: 0 !important;
        font-size: 16px !important;
        line-height: 1 !important;
        color: var(--sky-text-muted) !important;
        cursor: pointer !important;
        padding: 8px !important;
        margin: 0 !important;
        width: auto !important;
        height: auto !important;
        z-index: 5 !important;
    }
    body #sit_buy .btn_close::before {
        content: "✕" !important;
        font-size: 14px !important;
    }
    body #sit_buy .btn_close .fa-times {
        font-size: 14px !important;
    }
    body #sit_buy .btn_close:has(.fa-times)::before {
        display: none !important;
    }

    /* h2 "구매기능" 숨김 */
    body #sit_buy > h2 {
        position: absolute !important;
        width: 1px !important;
        height: 1px !important;
        overflow: hidden !important;
        clip: rect(0, 0, 0, 0) !important;
    }

    /* buy_wr — 컨텐츠 영역 */
    body #sit_buy .buy_wr {
        padding-top: 16px !important;
    }

    /* v29: 옵션 박스 한 줄 — 영카트 표준 외형에 가깝게 (럭셔리 디자인 제거) */
    body #sit_buy .sit_opt_list {
        padding: 10px 12px !important;
        margin: 0 0 8px !important;
        background: var(--sky-cream) !important;     /* v29: 베이지 배경 (단순) */
        border: 1px solid var(--sky-border) !important;
        border-radius: 4px !important;
        display: flex !important;
        align-items: center !important;
        gap: 10px !important;
        flex-wrap: nowrap !important;
        box-shadow: none !important;                  /* v29: 그림자 제거 */
    }
    body #sit_buy .sit_opt_list .opt_name {
        flex: 1 1 auto !important;
        min-width: 0 !important;
        margin: 0 !important;
        padding: 0 !important;
        overflow: hidden !important;
    }
    body #sit_buy .sit_opt_subj {
        font-size: 13px !important;
        font-weight: 500 !important;
        color: var(--sky-text) !important;
        margin: 0 !important;
        display: block !important;
        overflow: hidden !important;
        text-overflow: ellipsis !important;
        white-space: nowrap !important;
        letter-spacing: 0.01em !important;
    }
    body #sit_buy .opt_count {
        display: flex !important;
        align-items: center !important;
        gap: 4px !important;
        margin: 0 !important;
        flex-shrink: 0 !important;
        flex-wrap: nowrap !important;
        background: transparent !important;        /* v29: 그룹 박스 제거 */
        border-radius: 0 !important;
        padding: 0 !important;
    }
    body #sit_buy .sit_qty_minus,
    body #sit_buy .sit_qty_plus {
        width: 26px !important;
        height: 26px !important;
        border: 1px solid var(--sky-border-strong) !important;  /* v29: 표준 테두리 */
        background: #fff !important;
        cursor: pointer !important;
        display: inline-flex !important;
        align-items: center !important;
        justify-content: center !important;
        font-size: 11px !important;
        font-weight: 400 !important;
        color: var(--sky-text) !important;
        flex-shrink: 0 !important;
        padding: 0 !important;
        border-radius: 3px !important;
        transition: background 0.15s !important;
    }
    body #sit_buy .sit_qty_minus:hover,
    body #sit_buy .sit_qty_plus:hover {
        background: var(--sky-cream) !important;
    }
    body #sit_buy .num_input {
        width: 32px !important;
        height: 26px !important;
        text-align: center !important;
        border: 1px solid var(--sky-border-strong) !important;  /* v29: 표준 테두리 */
        background: #fff !important;
        font-size: 11px !important;
        font-weight: 500 !important;
        color: var(--sky-text) !important;
        flex-shrink: 0 !important;
        padding: 0 !important;
        border-radius: 3px !important;
    }
    body #sit_buy .sit_opt_prc {
        margin-left: 6px !important;
        font-size: 11px !important;
        color: var(--sky-text-muted) !important;
        white-space: nowrap !important;
        flex-shrink: 0 !important;
        font-weight: 400 !important;
    }

    /* v26: 총금액 영역 — 럭셔리 디자인 (좌우 라벨 + 우측 큰 가격) */
    body #sit_tot_price {
        margin: 18px 0 14px !important;
        padding: 16px 4px 0 !important;
        border-top: 1px solid rgba(196, 165, 116, 0.3) !important;  /* 골드 라인 */
        font-size: 12px !important;
        color: var(--sky-text-muted) !important;
        display: flex !important;
        justify-content: space-between !important;
        align-items: baseline !important;
        letter-spacing: 0.05em !important;
    }
    body #sit_tot_price strong {
        font-family: var(--sky-font-serif, Georgia, serif) !important;
        font-size: 24px !important;
        font-weight: 500 !important;
        color: var(--sky-darker) !important;
        margin-left: auto !important;
        letter-spacing: -0.02em !important;
    }

    /* 구매 버튼 영역 */
    body #sit_ov_btn,
    body #sit_btn_buy,
    body .sit_btn_buy {
        display: flex !important;
        gap: 10px !important;
        margin: 14px 0 0 !important;
        padding: 0 !important;
    }
    body #sit_ov_btn button,
    body #sit_btn_buy button,
    body #sit_btn_cart,
    body #sit_btn_buy_now {
        flex: 1 1 0 !important;
        height: 52px !important;
        font-size: 13px !important;
        font-weight: 500 !important;
        letter-spacing: 0.08em !important;
        padding: 0 !important;
        margin: 0 !important;
        border-radius: 6px !important;          /* 살짝 둥근 모서리 */
        cursor: pointer !important;
        transition: all 0.2s !important;
    }
    body #sit_btn_cart {
        background: #fff !important;
        color: var(--sky-text) !important;
        border: 1.5px solid var(--sky-text) !important;
    }
    body #sit_btn_cart:hover,
    body #sit_btn_cart:active {
        background: var(--sky-cream) !important;
    }
    body #sit_btn_buy {
        background: var(--sky-darker) !important;
        color: #fff !important;
        border: 1.5px solid var(--sky-darker) !important;
    }
    body #sit_btn_buy:hover,
    body #sit_btn_buy:active {
        background: var(--sky-text) !important;
    }


    /* 다음상품/이전상품 셀렉트 — 가격 영역과 겹침 방지 */
    body #sit_siblings {
        clear: both !important;
        position: relative !important;
        margin: 16px 0 !important;
        padding: 12px 16px !important;
        background: #fff !important;
        z-index: 1 !important;
    }
    body #sit_siblings a {
        display: block !important;
        text-align: right !important;
        font-size: 12px !important;
        color: var(--sky-text-muted) !important;
        text-decoration: none !important;
    }


    /* body padding-bottom — BottomNav 60px + 구매하기 60px = 120px (sit_buy_op 있을 때만) */
    body.has-sit-buy-op {
        padding-bottom: 120px !important;
    }


}


/* ============================================================================
 * v29 추가 — 토스트, 페이지네이션, 스크롤 잠금
 * ============================================================================ */

/* 토스트 알림 (위시리스트 추가 등) */
.sky-toast {
    position: fixed;
    bottom: 80px;
    left: 50%;
    transform: translateX(-50%) translateY(20px);
    background: rgba(42, 31, 26, 0.95);
    color: #fff;
    padding: 12px 24px;
    border-radius: 4px;
    font-size: 13px;
    letter-spacing: 0.05em;
    z-index: 9999;
    opacity: 0;
    transition: opacity 0.25s, transform 0.25s;
    pointer-events: none;
    box-shadow: 0 4px 16px rgba(0, 0, 0, 0.2);
    max-width: 90vw;
    text-align: center;
}
.sky-toast.is-visible {
    opacity: 1;
    transform: translateX(-50%) translateY(0);
}
@media (max-width: 768px) {
    .sky-toast {
        bottom: 130px;        /* BottomNav + 카카오톡 위 */
        font-size: 12px;
        padding: 10px 20px;
    }
}

/* 위시 버튼 활성화 상태 (빨간 하트) */
.sky-prd__wish.is-active i,
.sky-prd__wish .fa-heart {
    color: #c83a3a !important;
}

/* 사이드바 활성화 시 본문 스크롤 잠금 (JS가 .is-menu-open 토글) */
body.is-menu-open {
    overflow: hidden !important;
}
body.is-menu-open::after {
    content: "" !important;
    position: fixed !important;
    top: 0 !important;
    left: 0 !important;
    right: 0 !important;
    bottom: 0 !important;
    background: rgba(0, 0, 0, 0.5) !important;
    z-index: 99998 !important;
    pointer-events: none !important;
}

/* 페이지네이션 럭셔리 (전체상품 보기 페이지) */
.pg_wrap,
.pagination {
    text-align: center !important;
    margin: 48px 0 !important;
    padding: 0 !important;
    background: transparent !important;
    border: none !important;
}
.pg_wrap .pg,
.pagination > * {
    display: inline-block !important;
    margin: 0 !important;
    padding: 0 !important;
}
.pg_page,
.pg_current,
.pg_start,
.pg_prev,
.pg_next,
.pg_end,
.pagination a,
.pagination strong,
.pagination span {
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    min-width: 36px !important;
    height: 36px !important;
    margin: 0 2px !important;
    padding: 0 8px !important;
    color: var(--sky-text-muted) !important;
    background: transparent !important;
    border: 1px solid transparent !important;
    border-radius: 0 !important;
    font-size: 13px !important;
    font-weight: 400 !important;
    letter-spacing: 0.02em !important;
    text-decoration: none !important;
    transition: all 0.2s !important;
    line-height: 1 !important;
    box-sizing: border-box !important;
}
.pg_page:hover,
.pagination a:hover {
    color: var(--sky-text) !important;
    border-color: var(--sky-border-strong) !important;
}
.pg_current,
.pagination strong,
.pagination .current {
    color: var(--sky-darker) !important;
    font-family: var(--sky-font-serif) !important;
    font-weight: 500 !important;
    font-size: 15px !important;
    border-bottom: 1px solid var(--sky-gold) !important;
    background: transparent !important;
}
.pg_start,
.pg_prev,
.pg_next,
.pg_end {
    font-size: 11px !important;
    color: var(--sky-text-subtle) !important;
}
.pg_start:hover,
.pg_prev:hover,
.pg_next:hover,
.pg_end:hover {
    color: var(--sky-gold) !important;
    border-color: transparent !important;
}

/* 모바일 페이지네이션 */
@media (max-width: 768px) {
    .pg_wrap,
    .pagination {
        margin: 32px 0 !important;
    }
    .pg_page,
    .pagination a,
    .pagination strong {
        min-width: 32px !important;
        height: 32px !important;
        font-size: 12px !important;
        padding: 0 6px !important;
    }
    .pg_current,
    .pagination strong {
        font-size: 14px !important;
    }
}





/* ============================================================================
 * v29 검증 키워드
 * ============================================================================ */
/* SKY-V29-VERIFICATION-MARKER */