@charset "utf-8";
/* ============================================================
 * LUXX Gnuboard Theme — index.html 크롬 이식 보조 CSS
 * head.php/tail.php 는 index.html <header>/<footer> 마크업을 '그대로' 사용한다.
 * 이 파일은 (1) 그누보드 default.css 의 #hd/#ft/#gnb 기본 박스를 무력화하고
 *           (2) GNB(카테고리 바)를 index.html 검은-골드 톤으로 맞추고
 *           (3) 본문(#container)을 밝게 유지(가독성) + fixed 헤더 오프셋/모바일.
 * default.css 뒤에 로드되어 override 한다. (index.html 인라인스타일이 최우선)
 * ============================================================ */

:root {
    --premium-gold: #D4AF37;
    --premium-gold-light: #F5D57B;
    --premium-gold-dark: #9B7A1C;
    --ink: #0A0A0A;
    --ink-2: #111111;
    --gold-wordmark: linear-gradient(110deg,#7A5C0A 0%,#C9A22A 18%,#F5D57B 38%,#FFE999 50%,#F5D57B 62%,#C9A22A 82%,#7A5C0A 100%);
    --gbg: linear-gradient(135deg,#9B7A1C 0%,#D4AF37 30%,#F5D57B 50%,#D4AF37 70%,#9B7A1C 100%);
}

/* ---------- 글로벌 바디(index.html 과 동일 검은 톤) ---------- */
/* ★가로스크롤/화면이탈 전역 원천차단(Flask 상품상세와 동일 방어) — 그누보드 페이지는 이 안전망이
   없어서 어딘가(상품 상세 이미지·헤더 등) 콘텐츠가 살짝 넘치면 레이아웃 뷰포트 자체가 확대돼
   position:fixed 요소(헤더 등)까지 전부 같이 넓어지며 우측이 잘려나가던 버그(item.php 실측:
   window.innerWidth 가 요청폭보다 커짐). body.luxx-sub 한정 아님 — 전체 그누보드 페이지 공통. */
html, body { overflow-x: hidden; max-width: 100vw; }
/* 핫링크 원본이미지(경매 크롤링 갤러리 등)가 컨테이너보다 커서 가로 오버플로 원인이 되던 것 방지 */
#container img { max-width: 100%; height: auto; }
body {
    background: var(--ink);
    color: #fff;
    font-family: 'Inter', 'Nanum Gothic', system-ui, sans-serif;
    -webkit-font-smoothing: antialiased;
}

/* ============================================================
   #hd — index.html <header> 가 직접 fixed 렌더되므로
   그누보드 default.css 의 #hd 박스/배경/패딩을 무력화(이중프레임 방지)
   ============================================================ */
#hd {
    background: transparent;
    border: 0;
    box-shadow: none;
    margin: 0;
    padding: 0;
    width: auto;
    position: static;
}
#hd:after { display: none; }
/* index.html 헤더와 무관한 그누보드 잔여요소 숨김(검색·TNB는 index 디자인에 없음) */
#hd_h1, #skip_to_container, #hd_login_msg, #aside { position: absolute; left: -9999px; }

/* ============================================================
   GNB(그누보드 카테고리 메뉴) — index.html 검은-골드 톤
   index.html 헤더(72px) 바로 아래에 검은 골드바로 깔린다.
   ============================================================ */
/* index.html 은 헤더 nav 하나뿐 → 그누보드 카테고리바(#gnb)/전체메뉴는 숨겨
   단일 헤더로 100% 일치(이중메뉴 왜곡 제거). 네비게이션은 헤더 nav 가 담당. */
#gnb, #gnb_all, #gnb_all_bg { display: none !important; }
#gnb_disabled_unused {
    background: rgba(8,7,3,.96);
    border-bottom: 1px solid rgba(212,175,55,.18);
}
#gnb .gnb_wrap { max-width: 1760px; margin: 0 auto; }
#gnb #gnb_1dul { border: 0; }
.gnb_1da {
    color: rgba(255,255,255,.82);
    font-weight: 600;
    transition: color .18s ease, background .18s ease;
}
#gnb .gnb_1dli:hover > a,
.gnb_1da:hover { color: var(--premium-gold); background: rgba(212,175,55,.08); }
.gnb_1dli .bg { filter: invert(78%) sepia(45%) saturate(560%) hue-rotate(2deg); }
#gnb .gnb_menu_btn { background: var(--gbg); color: var(--ink); border: 0; }

/* 2depth 드롭다운 */
.gnb_2dul .gnb_2dul_box {
    background: rgba(17,16,12,.98);
    border: 1px solid rgba(212,175,55,.18);
    border-top: 2px solid var(--premium-gold);
    box-shadow: 0 18px 44px rgba(0,0,0,.5);
}
.gnb_2da { background: transparent; color: rgba(255,255,255,.82); }
a.gnb_2da:hover, .gnb_2da:focus, .gnb_2da:hover {
    background: rgba(212,175,55,.12);
    color: var(--premium-gold);
}

/* 전체메뉴 패널 */
#gnb_all { background: rgba(17,16,12,.98); border-color: rgba(212,175,55,.2); }
#gnb_all h2 { color: var(--premium-gold); border-bottom-color: rgba(212,175,55,.18); }
#gnb_all .gnb_al_li { border-left-color: rgba(212,175,55,.12); }
#gnb_all .gnb_al_li .gnb_al_a { color: var(--premium-gold); }
#gnb_all .gnb_al_li li a { color: rgba(255,255,255,.7); }
#gnb_all .gnb_al_li li a:hover { color: var(--premium-gold); }
#gnb .gnb_close_btn { background: transparent; color: var(--premium-gold); }
.gnb_wrap .gnb_empty { color: rgba(255,255,255,.8); }
.gnb_wrap .gnb_empty a { color: var(--premium-gold); }

/* ============================================================
   본문(#wrapper/#container) — 검은 배경 위 밝은 콘텐츠 카드(가독성)
   ============================================================ */
/* 본문폭 = 마켓(app/market .container 1200~1280 중앙정렬)과 동일하게. 헤더(max-w 1280)와 중앙 일치. */
/* [버그수정 2026-07] 그누보드 기본값(default.css: #hd,#wrapper,#ft{min-width:1200px} /
   default_shop.css: #container{width:1200px})을 여태 ≤768px(모바일)·≥1280px(데스크톱) 두
   구간에서만 개별 해제하고 있어, 그 사이(769~1279px, 태블릿/중간창)에서는 해제가 전혀 안 돼
   본문이 1200px 고정폭을 못 벗어나던 문제 — 뷰포트가 좁으면 넘치는 부분이 overflow-x:hidden
   안전망(위 참고)에 가려 "안 보이게 잘리기"만 하고 반응형이 전혀 적용 안 된 것처럼 보였다.
   조건 없이(항상) 해제해 이 틈을 원천적으로 없앤다 — 데스크톱(이미 뷰포트가 1200px 넘음)·
   모바일(아래 @media 768px 블록이 어차피 중복 재선언)엔 영향 없음. */
#hd, #wrapper, #ft { min-width: 0; }
#wrapper { max-width: 1280px; margin: 0 auto; padding: 28px 18px 60px; background: transparent; width: auto; }
#container_wr { background: transparent; border: 0; width: auto; max-width: 100%; }
#container {
    background: #fff;
    color: #1C2D27;
    border: 1px solid rgba(212,175,55,.18);
    border-radius: 18px;
    box-shadow: 0 10px 40px rgba(0,0,0,.35);
    padding: 28px 26px 36px;
    min-height: 40vh;
    width: auto;
    max-width: 100%;
    float: none;
    box-sizing: border-box;
}
@media (min-width:1280px){
  #container_wr{ width:auto !important; max-width:none !important; }
  #container{ width:auto !important; float:none !important; max-width:100% !important; }
}
/* .shop-content 좌측 #aside 자리(285px) 제거 → 본문이 #container 중앙(헤더·마켓과 정렬). #aside 는 -9999px 숨김이라 자리 불요. */
body.luxx-sub .shop-content, body.luxx-sub .shop-content.is_index{ margin-left:0 !important; }
#container a { color: #1F493A; }
#container_title {
    color: #1F493A;
    font-family: 'Playfair Display','Nanum Myeongjo',serif;
}
#container_title span { border-bottom: 2px solid var(--premium-gold); padding-bottom: 8px; }

/* 강조 버튼 골드화(본문) */
.btn_submit {
    background: var(--gbg);
    color: var(--ink);
    font-weight: 700;
    border: 1px solid #C49A3C;
    box-shadow: 0 4px 14px rgba(212,175,55,.3);
}
.btn_submit:hover { filter: brightness(1.06); }
a.btn02, button.btn02 { background: #1F493A; border-color: #1F493A; }
.btn_b02, a.btn_b02 { background: #1F493A; }
a.btn_b02:hover, .btn_b02:hover { background: #2C6350; }

/* 테이블 헤더 다크그린 */
.tbl_head01 thead th { color: #1F493A; border-bottom: 2px solid var(--premium-gold); }
.tbl_head01 tbody tr:hover td { background: rgba(212,175,55,.06); }
.tbl_head02 thead th { background: #1F493A; color: #fff; border-top-color: #1F493A; border-bottom-color: #1F493A; }
.tbl_head02 thead a { color: #fff; }
.tbl_frm01 th { background: #FAF9F6; color: #1F493A; }

/* 폼 포커스 골드 글로우 */
input[type=text]:focus, input[type=password]:focus, textarea:focus, select:focus {
    box-shadow: 0 0 6px rgba(212,175,55,.45) !important;
    border: 1px solid var(--premium-gold) !important;
}

/* 페이징 골드 액티브 */
.pg_current { background: var(--gbg); border-color: #C49A3C; color: var(--ink); }
.pg_page:hover { background: rgba(212,175,55,.12); }

/* ============================================================
   #ft — index.html <footer> 가 직접 렌더되므로 그누보드 #ft 박스 무력화
   ============================================================ */
#ft {
    background: transparent;
    border: 0;
    padding: 0;
    margin: 0;
}
#ft:after { display: none; }
#ft_copy, #ft_link, #ft_wr { /* 잔여 그누보드 푸터 요소(있다면) 숨김 — index.html footer 가 본체 */
    display: none;
}

/* 상단 이동 버튼 — 골드 */
#top_btn {
    border: 2px solid var(--premium-gold);
    color: var(--ink);
    background: var(--gbg);
}
#top_btn:hover { filter: brightness(1.06); }

/* [요청 2026-07] 우측 영카트 퀵바(마이메뉴/오늘본상품/장바구니/위시리스트 흰 사이드바) 전면 제거.
   기존엔 ≤768px(모바일)에서만 숨기고 있었는데(아래 @media 768px 블록), 그 사이 태블릿·데스크톱
   폭에서는 그대로 노출돼 요청대로 전 화면폭에서 없앤다. #top_btn(스크롤탑 버튼)은 유지 —
   부모 #side_menu 를 통째로 숨기면 absolute 자식인 top_btn 도 같이 사라지므로, #quick/#tabs_con
   두 자식만 숨기고 #side_menu 자체는 폭 0 짜리 투명 컨테이너로만 남긴다. */
#side_menu { background: transparent !important; box-shadow: none !important; border: 0 !important; width: auto !important; padding-left: 0 !important; pointer-events: none !important; }
#side_menu #quick, #side_menu #tabs_con { display: none !important; }
#side_menu #top_btn { pointer-events: auto !important; position: fixed !important; right: 16px !important; left: auto !important; bottom: 16px !important; margin: 0 !important; border-radius: 50% !important; }

/* ============================================================
   반응형
   ============================================================ */
@media (max-width: 1024px) {
    #wrapper { padding: 22px 14px 50px; }
}
@media (max-width: 768px) {
    /* index.html 헤더 모바일도 72px 고정 → body padding-top 은 head.sub.php 에서 처리 */
    #wrapper { padding: 16px 10px 44px; }
    #container { padding: 20px 16px 28px; border-radius: 14px; }
    #gnb .gnb_wrap { max-width: 100%; }
}


/* ════════════════════════════════════════════════════════════════
   ★ app.luxxbid.com 컨셉 매치 — 상품소개·구매 페이지를 app 의 프리미엄
   다크 글래스-골드 카드(.luxx-card)·Playfair 제목·골드 가격/CTA 로 통일.
   (비주얼만 여기서. 모바일 width/스택은 아래 @media 가 source-order 로 덮음.)
═══════════════════════════════════════════════════════════════════ */
/* ── 상품 카드(list .sct_li / main sct_30·sct_10 li) = app .luxx-coll-card ── */
body.luxx-sub #container ul.sct_10 > li, body.luxx-sub #container ul.sct_30 > li, body.luxx-sub #container .sct_li{
  background:linear-gradient(135deg,rgba(212,175,55,.05),rgba(15,15,15,.92)) !important;
  border:1px solid rgba(212,175,55,.14) !important; border-radius:14px !important; overflow:hidden;
  transition:transform .2s, box-shadow .2s, border-color .2s;
}
body.luxx-sub #container ul.sct_10 > li:hover, body.luxx-sub #container ul.sct_30 > li:hover, body.luxx-sub #container .sct_li:hover{
  transform:translateY(-4px); border-color:rgba(212,175,55,.42) !important; box-shadow:0 16px 38px rgba(0,0,0,.55);
}
body.luxx-sub #container .sct_li .sct_img img, body.luxx-sub #container .sct_li .sct_img, body.luxx-sub #container ul.sct_30 .sct_img img{ border-radius:10px 10px 0 0; }
body.luxx-sub #container .sct_txt, body.luxx-sub #container .sct_txt a{ font-family:'Playfair Display','Nanum Myeongjo',serif !important; color:#EFE7D2 !important; }
/* ── 상품 그리드 = CSS Grid (균일 정렬·좌우폭 일치) + 썸네일 고정비율(크기 제각각 해소) ── */
body.luxx-sub #container ul.sct_10, body.luxx-sub #container ul.sct_30{
  display:grid !important; grid-template-columns:repeat(4,minmax(0,1fr)) !important; gap:18px !important; margin:0 !important; padding:0 !important; list-style:none;
}
body.luxx-sub #container ul.sct_10 > li, body.luxx-sub #container ul.sct_30 > li{
  width:auto !important; float:none !important; margin:0 !important; display:flex !important; flex-direction:column;
  /* 요구 #15: 경매 카드(.luxx-gcard)와 동일 양식 — 골드 보더 카드 + 인셋 이미지 + hover 리프트 */
  border:1px solid rgba(212,175,55,.2) !important; border-radius:14px !important;
  background:linear-gradient(135deg,rgba(212,175,55,.07),rgba(15,15,15,.96)) !important;
  box-shadow:0 6px 20px rgba(0,0,0,.4); transition:transform .18s, box-shadow .18s, border-color .18s;
}
body.luxx-sub #container ul.sct_10 > li:hover, body.luxx-sub #container ul.sct_30 > li:hover{
  transform:translateY(-4px); box-shadow:0 14px 32px rgba(0,0,0,.55); border-color:rgba(212,175,55,.5) !important;
}
/* 썸네일 균일화: 정사각 고정 + object-fit:cover → 원본 크기(387/300 등) 무관하게 동일 크기 */
body.luxx-sub #container ul.sct_10 .sct_img, body.luxx-sub #container ul.sct_30 .sct_img{
  width:100% !important; aspect-ratio:4/3 !important; height:auto !important; overflow:hidden !important; border-radius:10px !important; background:#fff !important; flex:0 0 auto;
}
body.luxx-sub #container ul.sct_10 .sct_img > a, body.luxx-sub #container ul.sct_30 .sct_img > a{ display:block !important; width:100% !important; height:100% !important; }
body.luxx-sub #container ul.sct_10 .sct_img img, body.luxx-sub #container ul.sct_30 .sct_img img{
  width:100% !important; height:100% !important; object-fit:cover !important; border-radius:10px !important; display:block !important; max-width:none !important;
}
/* 상품명 2줄 고정 → 카드 높이 균일 */
body.luxx-sub #container ul.sct_10 .sct_txt, body.luxx-sub #container ul.sct_30 .sct_txt{ display:-webkit-box !important; -webkit-line-clamp:2; -webkit-box-orient:vertical; overflow:hidden; min-height:2.4em; line-height:1.25; }
@media (max-width:1024px){
  body.luxx-sub #container ul.sct_10, body.luxx-sub #container ul.sct_30{ grid-template-columns:repeat(3,minmax(0,1fr)) !important; }
}

/* ── 사용자 요청(2026-06-29): 히트/추천 타입탭 + 카테고리 버튼/이상한 드롭다운 전부 숨김 → 좌측 #atSidebar 메뉴바 사용. 차후 필요 시 재개발 ── */
#hd.luxx-shop-subbar #hd_menu, #hd #hd_menu{ display:none !important; }
/* 메인 진입의 타입섹션(히트/추천/최신/인기/할인) 전부 숨김 */
/* (A) /shop/ 진입에 상품 그리드 바로 노출 — 빈 type섹션만 아래 :has 로 숨김. 사이드 인기상품(빈)만 숨김 */
#side_pd{ display:none !important; }
/* (1) 리스트 제목 옆 브레드크럼(홈🏠 + 화살표› 분류) 삭제 — #sct_location(우측)·.view_location 모두 */
.view_location, #sct_location, #sct_location.is_right{ display:none !important; }
/* (2) 정렬바 뷰토글(이미지로보기/리스트보기) = 투명 배경 통일 + 금빛 버튼 */
body.luxx-sub #container .sct_lst_view, body.luxx-sub #container .sct_lst_list, body.luxx-sub #container .sct_lst_gallery{ background:transparent !important; border:1px solid rgba(212,175,55,.4) !important; color:#D4AF37 !important; border-radius:8px !important; box-shadow:none !important; }
body.luxx-sub #container .sct_lst_view i, body.luxx-sub #container .sct_lst_view .fa{ color:#D4AF37 !important; }
body.luxx-sub #container .sct_lst_view:hover, body.luxx-sub #container .sct_lst_view.on, body.luxx-sub #container .sct_lst_view.sct_lst_view_on{ background:rgba(212,175,55,.14) !important; }
/* (3) 상품박스 원본정보: 코드/상태등급(전체 공개), 경매장(대행사·본사만). 일반인은 위시/공유 동그라미 숨김(스킨에서 역할분기) */
body.luxx-sub #container .luxx-meta{ display:flex; gap:6px; flex-wrap:wrap; align-items:center; margin-top:5px; padding:0 2px; }
body.luxx-sub #container .luxx-code{ font-family:ui-monospace,monospace; font-size:11px; color:rgba(255,255,255,.4); letter-spacing:.3px; }
body.luxx-sub #container .luxx-grade{ font-size:11px; color:#D4AF37; border:1px solid rgba(212,175,55,.32); border-radius:4px; padding:0 6px; line-height:1.6; }
body.luxx-sub #container .luxx-auction{ margin-top:4px; padding:0 2px; font-size:11px; color:#F5D57B; }
body.luxx-sub #container .luxx-auction i{ margin-right:4px; color:#D4AF37; }
/* ── 요구 #15: 경매 카드 양식과 통일 — 이미지 인셋(카드 padding 안쪽), 내부 텍스트는 좌우 여백 최소 ── */
body.luxx-sub #container ul.sct_10 > li, body.luxx-sub #container ul.sct_30 > li{ padding:12px !important; }
body.luxx-sub #container ul.sct_10 .sct_img, body.luxx-sub #container ul.sct_30 .sct_img{ margin:0 0 2px !important; }
body.luxx-sub #container ul.sct_10 .sct_txt, body.luxx-sub #container ul.sct_30 .sct_txt{ padding:10px 2px 4px !important; }
body.luxx-sub #container ul.sct_10 .sct_basic, body.luxx-sub #container ul.sct_30 .sct_basic{ padding:0 2px !important; }
body.luxx-sub #container ul.sct_10 .sct_bottom, body.luxx-sub #container ul.sct_30 .sct_bottom{ padding:0 2px !important; }

/* ── 상품상세(상품소개) = app.luxxbid.com /product 양식과 동일 (2단 그리드 1.05/.95, gap42) ── */
/* [버그수정 2026-07] 기본 스킨 CSS(shop2/skin/shop/basic/style.css:512)의 #sit_ov_wrap{width:1200px}
   가 이 규칙엔 width 선언이 없어 그대로 살아남아, 태블릿/중간창(769~1279px)에서 정보영역
   (.sit_info/#sit_title/#sit_desc 등, 전부 이 안의 자손)이 뷰포트 밖으로 넘쳐 잘려나갔음. */
body.luxx-sub #container #sit_ov_wrap{
  display:grid !important; grid-template-columns:1.05fr .95fr !important; gap:42px !important; align-items:start !important;
  background:linear-gradient(135deg,rgba(212,175,55,.05),rgba(15,15,15,.96)) !important;
  border:1px solid rgba(212,175,55,.16) !important; border-radius:20px !important; box-shadow:0 22px 55px rgba(0,0,0,.55) !important; padding:34px !important;
  width:auto !important; max-width:100% !important; box-sizing:border-box !important;
}
body.luxx-sub #container #sit_pvi, body.luxx-sub #container #sit_ov{ float:none !important; width:auto !important; margin:0 !important; display:block !important; }
/* 이미지 프레이밍(라운드+골드 헤어라인) — youngcart 슬라이더 보존 위해 강제 sizing 안 함 */
body.luxx-sub #container #sit_pvi{ text-align:center; }
body.luxx-sub #container #sit_pvi_big{ border-radius:16px !important; overflow:hidden !important; border:1px solid rgba(212,175,55,.18) !important; background:#100f0a !important; max-width:100%; }
body.luxx-sub #container #sit_pvi_big img{ border-radius:16px; max-width:100%; }
/* 썸네일: 메인이미지 아래 가로 배열 */
body.luxx-sub #container #sit_pvi_thumb{ float:none !important; width:100% !important; display:flex !important; flex-wrap:wrap; gap:8px; margin-top:12px; }
body.luxx-sub #container #sit_pvi_thumb li{ float:none !important; width:56px !important; height:56px !important; margin:0 !important; }
body.luxx-sub #container #sit_pvi_thumb li img{ width:100% !important; height:100% !important; object-fit:cover !important; border-radius:8px; }
/* 제목 = Playfair 26 크림 (ref h1.title), 빨강 등 인라인 색 자식까지 통일 */
body.luxx-sub #container #sit_title{ font-family:'Playfair Display','Nanum Myeongjo',serif !important; font-size:26px !important; line-height:1.35 !important; color:#f4f3ef !important; font-weight:600 !important; letter-spacing:.2px; }
body.luxx-sub #container #sit_title *{ color:#f4f3ef !important; font-family:'Playfair Display','Nanum Myeongjo',serif !important; background:transparent !important; }
/* 가격 = Playfair 32 골드 그라데이션 (ref .price.gold) */
body.luxx-sub #container #sit_tot_price, body.luxx-sub #container #sit_price, body.luxx-sub #container .sit_price{
  font-family:'Playfair Display',serif !important; font-size:32px !important; font-weight:700 !important;
  background:linear-gradient(135deg,#BF953F,#FCF6BA,#D4AF37,#FBF5B7,#AA771C) !important; -webkit-background-clip:text !important; background-clip:text !important; -webkit-text-fill-color:transparent !important; color:#F5D57B;
}
/* 신뢰뱃지 = 골드 필(ref .meta .pill, /product/<pid> 와 동일 톤) */
body.luxx-sub #container .luxx-trust-pills{ display:flex; flex-wrap:wrap; gap:10px; margin:14px 0 20px; }
body.luxx-sub #container .luxx-pill{ font-size:12px; border:1px solid rgba(212,175,55,.25); color:rgba(255,255,255,.8);
  padding:7px 14px; border-radius:999px; background:rgba(212,175,55,.05); white-space:nowrap; }
body.luxx-sub #container .luxx-pill i{ color:#D4AF37; margin-right:6px; }
/* 스펙/정보 행 = 점선 골드 디바이더 */
body.luxx-sub #container .sit_ov_tbl tr, body.luxx-sub #container #sit_inf tbody tr{ border-bottom:1px dashed rgba(212,175,55,.14); }
/* CTA: 바로구매=골드 풀폭(ref .cta.gbg), 장바구니/위시=고스트(ref .ghost) */
body.luxx-sub #container .sit_btn_buy{
  display:block !important; width:100% !important; padding:16px !important; border-radius:14px !important;
  background:linear-gradient(135deg,#BF953F,#FCF6BA 30%,#D4AF37 55%,#AA771C 100%) !important; color:#0A0A0A !important; border:0 !important; font-weight:800 !important; font-size:16px !important; box-shadow:0 10px 30px rgba(212,175,55,.28); letter-spacing:.3px;
}
body.luxx-sub #container .sit_btn_cart, body.luxx-sub #container .sit_btn_wish{
  display:block !important; width:100% !important; padding:14px !important; border-radius:14px !important; margin-top:12px !important;
  border:1px solid rgba(212,175,55,.3) !important; color:rgba(255,255,255,.85) !important; background:transparent !important; font-weight:600 !important;
}
/* 관련매물 4단 그리드 (ref .relgrid) */
body.luxx-sub #container #sit_rel ul, body.luxx-sub #container #sit_rel .sit_rel_list{ display:grid !important; grid-template-columns:repeat(4,minmax(0,1fr)) !important; gap:18px !important; }
body.luxx-sub #container #sit_rel li{ float:none !important; width:auto !important; margin:0 !important; }
/* 구매(장바구니/주문) 페이지 카드 = 골드 좌측 액센트 */
body.luxx-sub #container #sod_bsk, body.luxx-sub #container #sod_frm, body.luxx-sub #container #sod_fin{
  border-left:4px solid #D4AF37 !important; border-radius:16px !important;
}
/* ── 중복 헤더 제거: 영카트 서브바 유틸바(#tnb)·검색창·중복 로그인 숨김(LUXX 헤더에 이미 존재). 장바구니는 유지 ── */
#hd.luxx-shop-subbar #tnb{ display:none !important; }
#hd.luxx-shop-subbar .hd_sch_wr, #hd.luxx-shop-subbar #hd_sch{ display:none !important; }
#hd.luxx-shop-subbar .hd_login .login, #hd.luxx-shop-subbar .hd_login .shop_login{ display:none !important; }
/* 모바일 1단 (ref @880) */
@media (max-width:880px){
  body.luxx-sub #container #sit_ov_wrap{ grid-template-columns:1fr !important; gap:24px !important; padding:20px !important; }
  body.luxx-sub #container #sit_rel ul, body.luxx-sub #container #sit_rel .sit_rel_list{ grid-template-columns:repeat(2,minmax(0,1fr)) !important; }
  body.luxx-sub #container #sit_title{ font-size:22px !important; } body.luxx-sub #container #sit_tot_price{ font-size:27px !important; }
  body.luxx-sub #container .luxx-pill{ font-size:11px !important; padding:6px 10px !important; }
}

/* ── /shop/ 진입 골드 히어로(app 홈 컨셉) ── */
.luxx-shop-hero{ position:relative; margin:0 0 34px; padding:54px 40px; border-radius:20px; overflow:hidden;
  background:radial-gradient(ellipse at top left,rgba(212,175,55,.12),rgba(10,9,5,.96) 60%),linear-gradient(135deg,#0A0A0A,#15110a);
  border:1px solid rgba(212,175,55,.22); box-shadow:0 24px 60px rgba(0,0,0,.5); text-align:center; }
.luxx-shop-hero .lsh-tag{ display:inline-block; font-family:'Cinzel',serif; letter-spacing:.35em; font-size:12px; color:#D4AF37; margin-bottom:16px; }
.luxx-shop-hero .lsh-title{ font-family:'Playfair Display','Nanum Myeongjo',serif; font-size:38px; line-height:1.3; color:#F5EFE0; margin:0 0 14px; font-weight:700; word-break:keep-all; }
.luxx-shop-hero .lsh-title em{ font-style:normal; background:linear-gradient(110deg,#C9A22A,#F5D57B 45%,#C9A22A); -webkit-background-clip:text; background-clip:text; -webkit-text-fill-color:transparent; }
.luxx-shop-hero .lsh-sub{ color:rgba(255,255,255,.62); font-size:15px; margin:0 0 26px; }
.luxx-shop-hero .lsh-cta{ display:inline-block; padding:13px 34px; border-radius:10px; font-weight:700; letter-spacing:.4px; color:#0A0A0A !important; background:linear-gradient(135deg,#9B7A1C,#D4AF37 30%,#F5D57B 50%,#D4AF37 70%,#9B7A1C); box-shadow:0 10px 28px rgba(212,175,55,.3); }
.luxx-shop-hero .lsh-cta:hover{ filter:brightness(1.05); }

/* ════════ 쇼핑 메인(/shop/) = 마켓(app/market) 균일 그리드 ════════
   캐러셀(owlCarousel) 타입섹션(히트/최신/추천/할인)·인기 사이드 숨김 →
   메인 = 히어로 + '전체 상품' 한 그리드(마켓처럼 깔끔·밀집). */
body.luxx-sub .shop-content.is_index .sct_wrap,
body.luxx-sub #container.is_index .sct_wrap,
body.luxx-sub .shop-content.is_index #side_pd{ display:none !important; }
/* '전체 상품' 섹션 헤더 */
body.luxx-sub #container .luxx-allprod{ margin:6px 0 10px; }
body.luxx-sub #container .luxx-allprod-head{ display:flex; align-items:baseline; gap:12px; margin:0 0 18px; padding:0; border:0; background:none; }
body.luxx-sub #container .luxx-allprod-head h2{ font-family:'Playfair Display','Nanum Myeongjo',serif; font-size:24px; color:#F5D57B; margin:0; padding:0; border:0; }
body.luxx-sub #container .luxx-allprod-head h2 a{ color:#F5D57B !important; }
body.luxx-sub #container .luxx-allprod-sub{ font-size:12.5px; color:rgba(255,255,255,.45); }
/* 마켓 밀도(5~6열) = auto-fill minmax. 기존 sct_10 4열을 이 그리드에서만 덮음(1:1 썸네일·골드카드는 sct_10 규칙 상속) */
body.luxx-sub #container ul.luxx-market-grid{ grid-template-columns:repeat(auto-fill,minmax(185px,1fr)) !important; gap:16px !important; }
body.luxx-sub #container ul.luxx-market-grid .sct_bottom .sct_cost{ font-family:'Playfair Display',serif !important; color:#F5D57B !important; font-weight:700 !important; }
body.luxx-sub #container .luxx-allprod-more{ text-align:center; margin:28px 0 0; }
@media (max-width:768px){
  body.luxx-sub #container ul.luxx-market-grid{ grid-template-columns:repeat(2,minmax(0,1fr)) !important; gap:10px !important; }
  body.luxx-sub #container .luxx-allprod-head h2{ font-size:20px; }
}
@media (max-width:768px){ .luxx-shop-hero{ padding:34px 18px; margin-bottom:22px; } .luxx-shop-hero .lsh-title{ font-size:25px; } .luxx-shop-hero .lsh-sub{ font-size:13px; } }


/* ════════════════════════════════════════════════════════════════
   ★ 쇼핑(영카트) 정상화 — 빈섹션 자동숨김 + 모바일 반응형 + 골드 누수 마감
   (2026-06-29 6차원 감사 워크플로 검증안. 모바일 width 변경은 반드시 @media 안에서만.
    전역 width:auto 는 데스크톱 1200px 파손 → 절대 금지. 빈섹션 숨김은 :has() 코드기반.)
═══════════════════════════════════════════════════════════════════ */

/* 1) 진입 /shop/ 빈 type 섹션 자동숨김 (히트/추천/할인=.sct_wrap, 인기=#side_pd) */
.sct_wrap:has(.sct_noitem), #side_pd:has(.sct_noitem){ display:none !important; }

/* 2) 상세 탭바 흰박스+파란밑줄 → 다크-골드 (실제 셀렉터 .tab_tit li button) */
body.luxx-sub #container #sit_tab .tab_tit li button{ background:transparent !important; color:rgba(255,255,255,.6) !important; border:0 !important; }
body.luxx-sub #container #sit_tab .tab_tit li button.selected{ color:#F5D57B !important; background:transparent !important; font-weight:700; }
body.luxx-sub #container #sit_tab .tab_tit li button.selected:after{ background:#D4AF37 !important; }
body.luxx-sub #container #sit_tab .tab_tit{ border-bottom-color:rgba(212,175,55,.18) !important; }

/* 3) 잔여 골드 누수 (카드가격 위계·상세썸네일·사양표·정렬바·배너) */
body.luxx-sub #container .sct_cost{ color:#F5D57B !important; font-weight:700; }
body.luxx-sub #container .sct_dict{ color:rgba(255,255,255,.4) !important; }
body.luxx-sub #container #sit_pvi_thumb img{ border-color:rgba(212,175,55,.2) !important; }
body.luxx-sub #container #sit_pvi_thumb img:hover{ border-color:#D4AF37 !important; }
body.luxx-sub #container #sit_inf_open th{ background:rgba(31,73,58,.5) !important; color:#F5D57B !important; }
body.luxx-sub #container #sit_inf_open{ border-top-color:rgba(212,175,55,.3) !important; }
body.luxx-sub #container #sit_inf_open td{ border-bottom-color:rgba(212,175,55,.12) !important; background:transparent !important; color:#e8e3d5 !important; }
body.luxx-sub #container #sct_sortlst{ border-color:rgba(212,175,55,.18) !important; }
body.luxx-sub #container #sct_sort li a:hover, body.luxx-sub #container #sct_lst button:hover{ color:#D4AF37 !important; }
body.luxx-sub #container #main_bn{ border-color:rgba(212,175,55,.2) !important; }
body.luxx-sub #container .owl_pager li.active a{ color:#D4AF37 !important; }

/* 4) 모바일(≤768px) — 1200px 고정폭 해제는 반드시 이 @media 안에서만. 데스크톱 무영향. */
@media (max-width: 768px){
  #hd, #wrapper, #ft{ min-width:0 !important; }
  #container{ width:auto !important; max-width:100% !important; margin:0 !important; box-sizing:border-box; }
  #hd_pop, #hd_menu, #hd_wrapper, #tnb .inner, #gnb .gnb_wrap, #container_wr, #ft_wr{ width:auto !important; max-width:100% !important; }
  /* 헤더 서브바: 카테고리/검색/타입탭 가로스크롤(세로글자 깨짐 방지) */
  #hd.luxx-shop-subbar #hd_wrapper, #hd.luxx-shop-subbar #tnb .inner{ max-width:100% !important; flex-wrap:wrap; }
  #hd.luxx-shop-subbar #hd_menu{ overflow-x:auto; -webkit-overflow-scrolling:touch; max-width:100% !important; }
  #hd.luxx-shop-subbar .hd_menu{ flex-wrap:nowrap; }
  /* 진입 메인: .shop-content 좌측 마진(데스크톱 aside 자리 285px) 해제 → 전체폭 (이게 모바일 51px 압착·701 오버플로의 직접 원인) */
  .shop-content, .shop-content.is_index{ margin-left:0 !important; margin-right:0 !important; width:auto !important; max-width:100% !important; }
  /* 상품 그리드 2열 (CSS Grid — list/main 공통) */
  body.luxx-sub #container ul.sct_10, body.luxx-sub #container ul.sct_30{ grid-template-columns:repeat(2,minmax(0,1fr)) !important; gap:12px !important; }
  ul.sct_10 .sct_txt, ul.sct_30 .sct_txt{ font-size:13px; } ul.sct_10 .sct_cost, ul.sct_30 .sct_cost{ font-size:14px; }
  /* 타입메뉴(히트/추천/최신/인기/할인) 가로 nowrap — 세로글자 깨짐 방지 */
  #hd.luxx-shop-subbar .hd_menu li{ flex:0 0 auto !important; }
  #hd.luxx-shop-subbar .hd_menu li a{ white-space:nowrap !important; }
  /* 정렬탭 가로스크롤 */
  #sct_sort{ float:none; width:100%; }
  #sct_sort ul{ display:flex; flex-wrap:nowrap; overflow-x:auto; -webkit-overflow-scrolling:touch; }
  #sct_sort li{ float:none; flex:0 0 auto; white-space:nowrap; height:auto; padding:10px 0; }
  #sct_sort li a{ padding:0 12px; }
  /* 목록 장바구니 버튼 터치 상시노출 */
  ul.sct_10 .sct_img .sct_cart, ul.sct_30 .sct_img .sct_cart{ display:none !important; }
  /* 모바일 우측 영카트 퀵바(#side_menu) 흰 스트립 제거 — 배경 투명 + 퀵탭 숨김(스크롤탑 버튼 유지) */
  /* ★삼선(햄버거) 클릭 먹통 수정: #side_menu(z120)가 투명이어도 헤더 버거(우상단) 위를 덮어 클릭을 가로챔
     → pointer-events:none 로 클릭을 통과시키고, 스크롤탑 버튼만 클릭 유지. (요구 #16) */
  #side_menu{ background:transparent !important; box-shadow:none !important; border:0 !important; width:auto !important; padding-left:0 !important; pointer-events:none !important; }
  #side_menu #quick, #side_menu #tabs_con{ display:none !important; }
  /* ★#top_btn 은 absolute;left:0(부모 #side_menu 기준) 인데, 그 부모가 width:auto 로 콘텐츠 없이
     0폭 붕괴(퀵탭 숨김+top_btn 자체는 absolute라 폭 계산에 안 잡힘) → 우측 끝(x=뷰포트폭)에 딱
     붙어 버튼 전체가 화면 밖으로 잘려나가 아예 눌리지 않던 버그. 부모 박스모델과 무관하게
     화면 기준으로 재고정. */
  #side_menu #top_btn{ pointer-events:auto !important; position:fixed !important; right:16px !important; left:auto !important; bottom:16px !important; margin:0 !important; border-radius:50% !important; }
  /* 상품상세 1200 래퍼 유동화 + 좌우 float 세로스택 */
  #sit_ov_wrap{ width:auto !important; max-width:100% !important; padding:18px !important; }
  #sit_pvi, #sit_ov, #sit_inf, #sit_title, #sit_desc, #sit_star_sns, .sit_info, .sit_ov_tbl{ float:none !important; width:auto !important; max-width:100% !important; margin-left:0 !important; box-sizing:border-box; }
  #sit_pvi_big, #sit_pvi_big a, #sit_pvi_big a img, #sit_pvi_big img{ width:100% !important; max-width:100% !important; height:auto !important; float:none !important; }
  #sit_pvi_thumb{ width:100% !important; float:none !important; display:flex; flex-wrap:wrap; gap:6px; margin-top:10px; }
  #sit_pvi_thumb li{ width:52px !important; height:auto !important; float:none !important; margin:0 !important; }
  table.sit_ov_tbl, table.sit_ov_tbl td, table.sit_ov_tbl th{ width:auto !important; }
  #sit_title{ font-size:18px !important; line-height:1.35 !important; }
  /* 하단 탭/구매패널 세로스택 (#sit_info inline-flex 반드시 block) */
  #sit_info{ display:block !important; width:auto !important; max-width:100% !important; min-height:0 !important; }
  #sit_tab, #sit_buy{ display:block !important; width:auto !important; max-width:100% !important; float:none !important; border-left:0 !important; }
  .sqa_section{ float:none !important; width:auto !important; max-width:100% !important; }
  /* 구매버튼 off-screen 해소 */
  #sit_ov_btn button, .sit_btn_buy, .sit_btn_cart{ float:none !important; width:48% !important; }
}
@media (max-width: 480px){
  body.luxx-sub #container ul.sct_10, body.luxx-sub #container ul.sct_30{ grid-template-columns:repeat(2,minmax(0,1fr)) !important; }
}


/* ════════════════════════════════════════════════════════════
   쇼핑(영카트) 헤더 → LUXX 골드헤더 아래 다크 서브바
   LUXX <header>(fixed top:0, 72px)는 _luxx_header.php 로 주입됨.
   영카트 #hd(.luxx-shop-subbar)는 그 아래 흐름상 위치 → 다크+골드로.
   기능(카테고리/검색/장바구니/로그인) 보존, 중복 로고만 숨김.
════════════════════════════════════════════════════════════ */
#hd.luxx-shop-subbar{ background:rgba(10,9,5,.97)!important; border:0!important; border-bottom:1px solid rgba(212,175,55,.18)!important; padding:0!important; box-shadow:none!important; position:relative; z-index:30; }
#hd.luxx-shop-subbar:after{ display:none!important; }
#hd.luxx-shop-subbar #hd_h1, #hd.luxx-shop-subbar #logo{ display:none!important; }   /* 중복 로고/제목 숨김 */

/* 상단 유틸바(tnb: 커뮤니티/쇼핑몰·FAQ·1:1·개인결제·쿠폰존) */
#hd.luxx-shop-subbar #tnb{ background:rgba(0,0,0,.35)!important; border-bottom:1px solid rgba(212,175,55,.08)!important; }
#hd.luxx-shop-subbar #tnb .inner{ max-width:1400px; margin:0 auto; padding:0 20px; display:flex; justify-content:space-between; }
#hd.luxx-shop-subbar #tnb a{ color:rgba(255,255,255,.55)!important; }
#hd.luxx-shop-subbar #tnb a:hover{ color:#D4AF37!important; }
#hd.luxx-shop-subbar #tnb li.active a{ color:#D4AF37!important; }

/* 검색 + 로그인/장바구니 줄 */
#hd.luxx-shop-subbar #hd_wrapper{ max-width:1400px; margin:0 auto; display:flex; align-items:center; gap:18px; padding:12px 20px; background:transparent!important; }
#hd.luxx-shop-subbar .hd_sch_wr{ flex:1; max-width:520px; }
#hd.luxx-shop-subbar #hd_sch{ border:0!important; background:transparent!important; }
#hd.luxx-shop-subbar #sch_str{ width:100%; background:rgba(255,255,255,.05)!important; border:1px solid rgba(212,175,55,.25)!important; color:#e8e3d5!important; border-radius:8px; padding:9px 13px; }
#hd.luxx-shop-subbar #sch_str::placeholder{ color:rgba(255,255,255,.4); }
#hd.luxx-shop-subbar #sch_submit{ color:#D4AF37!important; background:transparent!important; border:0!important; margin-left:-34px; }
#hd.luxx-shop-subbar .hd_login{ display:flex; align-items:center; gap:14px; margin-left:auto; }
#hd.luxx-shop-subbar .hd_login a{ color:rgba(255,255,255,.75)!important; }
#hd.luxx-shop-subbar .hd_login a:hover{ color:#D4AF37!important; }
#hd.luxx-shop-subbar .hd_login .shop_cart .count{ background:#D4AF37!important; color:#0A0A0A!important; border-radius:999px; padding:0 6px; font-weight:700; }

/* 카테고리 메뉴바 */
#hd.luxx-shop-subbar #hd_menu{ max-width:1400px; margin:0 auto; display:flex; align-items:center; gap:8px; padding:0 20px 12px; border:0!important; background:transparent!important; }
#hd.luxx-shop-subbar #menu_open{ background:linear-gradient(135deg,#E8C766,#B8902A)!important; color:#0A0A0A!important; font-weight:700; border:0!important; border-radius:8px; padding:9px 15px; }
#hd.luxx-shop-subbar .hd_menu{ display:flex; gap:4px; }
#hd.luxx-shop-subbar .hd_menu li a{ color:rgba(255,255,255,.78)!important; padding:6px 12px; border-radius:7px; }
#hd.luxx-shop-subbar .hd_menu li a:hover{ color:#D4AF37!important; background:rgba(212,175,55,.08); }

/* 영카트 우측 퀵사이드(#side_menu)는 그대로 두되 톤만 살짝 */
#side_menu #top_btn, #hd.luxx-shop-subbar + #side_menu #top_btn{ color:#0A0A0A; }


/* ════════════════════════════════════════════════════════════════
   하위페이지(body.luxx-sub) = agency-register.html 디자인 스킨 적용
   (홈 body.luxx-home 은 제외). agency-register.html 의 정확한 토큰을
   그누보드 회원/콘텐츠 셀렉터에 매핑 → 회원가입/로그인 등 모든 폼이
   동일한 LUXX 다크-골드 글래스 카드 디자인.
═══════════════════════════════════════════════════════════════════ */

/* ── agency-register.html 재사용 클래스(신규, 어디서나 사용 가능) ── */
.glass-card-gold{ background:linear-gradient(135deg,rgba(212,175,55,0.07) 0%,rgba(15,15,15,0.95) 100%); backdrop-filter:blur(16px); -webkit-backdrop-filter:blur(16px); border:1px solid rgba(212,175,55,0.2); border-top-color:rgba(245,213,123,0.35); box-shadow:0 20px 50px rgba(0,0,0,0.7),0 0 30px rgba(212,175,55,0.04); border-radius:24px; }
.input-gold{ background:rgba(255,255,255,0.04); border:1px solid rgba(212,175,55,0.2); color:#fff; border-radius:12px; padding:12px 16px; width:100%; font-size:.9rem; transition:all .2s; }
.input-gold:focus{ outline:none; border-color:rgba(212,175,55,0.5); background:rgba(212,175,55,0.05); box-shadow:0 0 0 3px rgba(212,175,55,0.1); }
.input-gold::placeholder{ color:rgba(255,255,255,0.3); }
.label-gold{ display:block; color:rgba(212,175,55,0.8); font-size:11px; font-weight:700; text-transform:uppercase; letter-spacing:.16em; margin-bottom:6px; }
.btn-gold{ background:linear-gradient(135deg,#9B7A1C 0%,#D4AF37 30%,#F5D57B 50%,#D4AF37 70%,#9B7A1C 100%); color:#0A0A0A; font-weight:700; border-radius:12px; padding:14px; cursor:pointer; border:none; width:100%; font-size:1rem; transition:opacity .2s; }
.btn-gold:hover{ opacity:.9; }

/* ── 페이지 배경: agency-register 와 동일 (다크 + 상단 골드 radial) ── */
body.luxx-sub{ background:#0A0A0A !important; background-image:radial-gradient(ellipse at top,rgba(212,175,55,0.06) 0%,#0A0A0A 60%) !important; }
body.luxx-sub #wrapper, body.luxx-sub #container_wr, body.luxx-sub #container, body.luxx-sub #content{ background:transparent !important; }

/* ── 흰/밝은 박스 전부 제거(인라인 포함). 버튼/입력/이미지/골드요소 제외 ── */
body.luxx-sub #container *:not(a):not(button):not(input):not(select):not(textarea):not(img):not(svg):not(i):not([class*="btn"]):not([class*="badge"]):not([class*="gbg"]):not([class*="gold"]){ background-color:transparent !important; }

/* ── 카드성 컨테이너 = glass-card-gold ── */
body.luxx-sub #container .mbskin_box,
body.luxx-sub #container #register_form.form_01,
body.luxx-sub #container #fregister_term,
body.luxx-sub #container #fregister_private,
body.luxx-sub #container #fregister_chkall,
body.luxx-sub #container fieldset,
body.luxx-sub #container .tbl_wrap,
body.luxx-sub #container .bo_v_con,
body.luxx-sub #container .new_win,
body.luxx-sub #container .latest_wr,
body.luxx-sub #container .write_div,
body.luxx-sub #container .sit_pdt{
  background:linear-gradient(135deg,rgba(212,175,55,0.07) 0%,rgba(15,15,15,0.95) 100%) !important;
  border:1px solid rgba(212,175,55,0.2) !important; border-radius:20px !important;
  box-shadow:0 20px 50px rgba(0,0,0,0.5) !important; padding:24px 26px !important;
}

/* ── 입력창 = input-gold ── */
body.luxx-sub #container input:not([type=checkbox]):not([type=radio]):not([type=submit]):not([type=button]):not([type=image]),
body.luxx-sub #container select,
body.luxx-sub #container textarea,
body.luxx-sub #container .frm_input{
  background:rgba(255,255,255,0.04) !important; border:1px solid rgba(212,175,55,0.2) !important;
  color:#fff !important; border-radius:12px !important; padding:12px 16px !important; font-size:.9rem;
}
body.luxx-sub #container input:focus, body.luxx-sub #container textarea:focus, body.luxx-sub #container select:focus{
  outline:none !important; border-color:rgba(212,175,55,0.5) !important; background:rgba(212,175,55,0.05) !important; box-shadow:0 0 0 3px rgba(212,175,55,0.1) !important;
}
body.luxx-sub #container input::placeholder, body.luxx-sub #container textarea::placeholder{ color:rgba(255,255,255,0.3) !important; }
body.luxx-sub #container option{ background:#111 !important; color:#e8e3d5 !important; }

/* ── 라벨/표 헤더 = label-gold ── */
body.luxx-sub #container th,
body.luxx-sub #container label.label-gold,
body.luxx-sub #container .frm_label{ color:rgba(212,175,55,0.85) !important; font-weight:700 !important; letter-spacing:.04em; }
body.luxx-sub #container th, body.luxx-sub #container td{ border-color:rgba(212,175,55,0.12) !important; }

/* ── 글씨 전부 밝게(골드버튼 제외) ── */
body.luxx-sub #container,
body.luxx-sub #container *:not([class*="btn"]):not(.btn_submit):not(option){ color:#e8e3d5 !important; }
body.luxx-sub #container h1, body.luxx-sub #container h2, body.luxx-sub #container h3, body.luxx-sub #container h4,
body.luxx-sub #container legend, body.luxx-sub #container caption,
body.luxx-sub #container #container_title, body.luxx-sub #container #wrapper_title,
body.luxx-sub #container .mb_log_cate h2{ color:#F5D57B !important; }
body.luxx-sub #container a{ color:#D4AF37 !important; }
body.luxx-sub #container a:hover{ color:#F5D57B !important; }

/* ── 버튼 = btn-gold (주요), 보조=골드보더 ── */
body.luxx-sub #container .btn_submit,
body.luxx-sub #container .btn_confirm .btn_submit,
body.luxx-sub #container input[type=submit],
body.luxx-sub #container button[type=submit],
body.luxx-sub #container .btn_b01, body.luxx-sub #container a.btn01, body.luxx-sub #container .btn01{
  background:linear-gradient(135deg,#9B7A1C 0%,#D4AF37 30%,#F5D57B 50%,#D4AF37 70%,#9B7A1C 100%) !important;
  color:#0A0A0A !important; border:0 !important; border-radius:12px !important; font-weight:700 !important;
}
body.luxx-sub #container .btn_submit *, body.luxx-sub #container button[type=submit] *{ color:#0A0A0A !important; }
body.luxx-sub #container .btn_b02, body.luxx-sub #container .btn_cancel, body.luxx-sub #container .btn03, body.luxx-sub #container a.btn02{
  background:transparent !important; color:#D4AF37 !important; border:1px solid rgba(212,175,55,0.4) !important; border-radius:12px !important;
}
/* LUXX 장바구니 보조버튼(선택삭제·비우기·선택사항수정 = class 없는 button[type=button]).
   위 골드 오버라이드는 button[type=submit]/.btn01 만 커버 → type=button 은 브라우저 기본 흰배경으로 남아
   다크테마 텍스트와 안 맞았음. 흰배경 제거 → 투명 + 골드보더로 통일. */
body.luxx-sub #container #sod_bsk button[type=button]:not(.btn_submit),
body.luxx-sub #container #sod_bsk_list button[type=button]:not(.btn_submit),
body.luxx-sub #container #sod_bsk_tot button[type=button]:not(.btn_submit),
body.luxx-sub #container #sod_bsk_act button[type=button]:not(.btn_submit){
  background:transparent !important;
  color:#EFE7D2 !important;
  border:1px solid rgba(212,175,55,0.45) !important;
  border-radius:10px !important;
  padding:6px 14px !important;
}
body.luxx-sub #container #sod_bsk button[type=button]:not(.btn_submit):hover,
body.luxx-sub #container #sod_bsk_list button[type=button]:not(.btn_submit):hover,
body.luxx-sub #container #sod_bsk_tot button[type=button]:not(.btn_submit):hover,
body.luxx-sub #container #sod_bsk_act button[type=button]:not(.btn_submit):hover{
  background:rgba(212,175,55,0.12) !important; color:#F5D57B !important;
}
/* 주문하기(.btn_submit 은 type=button 이어도) = 골드 유지 — 위 투명규칙보다 우선하도록 동일 특이도로 재확정 */
body.luxx-sub #container #sod_bsk_act button.btn_submit,
body.luxx-sub #container #sod_bsk button.btn_submit{
  background:linear-gradient(135deg,#9B7A1C 0%,#D4AF37 30%,#F5D57B 50%,#D4AF37 70%,#9B7A1C 100%) !important;
  color:#0A0A0A !important; border:0 !important;
}

/* ── 상품상세(item.php) 수량조절(+/-)·수량입력·이미지 썸네일 = 흰배경 → 투명골드(다크테마 통일) ── */
body.luxx-sub #container .sit_qty_minus,
body.luxx-sub #container .sit_qty_plus,
body.luxx-sub #container button.sit_qty_minus,
body.luxx-sub #container button.sit_qty_plus{
  background:transparent !important;
  border:1px solid rgba(212,175,55,0.45) !important;
  color:#EFE7D2 !important;
}
body.luxx-sub #container .sit_qty_minus:hover,
body.luxx-sub #container .sit_qty_plus:hover{ background:rgba(212,175,55,0.14) !important; color:#F5D57B !important; }
body.luxx-sub #container .num_input,
body.luxx-sub #container #sit_opt_added .num_input{
  background:transparent !important;
  color:#F5EEDA !important;
  border-color:rgba(212,175,55,0.35) !important;
}
/* 이미지 썸네일 조절(선택) 버튼 영역 = 흰박스 제거(투명) */
body.luxx-sub #container #sit_pvi_thumb li,
body.luxx-sub #container #sit_pvi_thumb a,
body.luxx-sub #container a.popup_item_image,
body.luxx-sub #container a.img_thumb{
  background:transparent !important;
}
/* ★확대보기(#popup_item_image) 밝은회색 테두리(그누보드 기본 #e0e0e0)가 어두운 배경 위에서
   흰 테두리 박스처럼 도드라져 보이던 문제 → 골드 톤으로. 아이콘 색도 골드로 통일. */
body.luxx-sub #container #popup_item_image{
  border:1px solid rgba(212,175,55,.35) !important; border-radius:8px;
  background:rgba(212,175,55,.08) !important;
}
body.luxx-sub #container #popup_item_image i{ color:#D4AF37 !important; }

/* ── 페이지네이션 ── */
body.luxx-sub #container .pg_page, body.luxx-sub #container .pg_start, body.luxx-sub #container .pg_end,
body.luxx-sub #container .pg_prev, body.luxx-sub #container .pg_next{ background:rgba(255,255,255,0.04) !important; color:#e8e3d5 !important; border:1px solid rgba(212,175,55,0.18) !important; }
body.luxx-sub #container .pg_current{ background:linear-gradient(135deg,#D4AF37,#F5D57B) !important; color:#0A0A0A !important; border:0 !important; }



/* ════════════════════════════════════════════════════════════════
   쇼핑 상세(#sit_*)·장바구니(#sod_bsk)·주문(#sod_frm) = LUXX 다크-골드
   (body.luxx-sub). 영카트 쇼핑 스킨이 #sit_/#sod_ ID 를 써서 일반
   #container 규칙으로 안 덮이던 갭을 테마 CSS 하나로 일괄 커버.
═══════════════════════════════════════════════════════════════════ */
body.luxx-sub #container [id^="sit_"], body.luxx-sub #container [id^="sod_"]{ color:#e8e3d5; }

/* 상세 주요 컨테이너 → 글래스 카드 */
body.luxx-sub #container #sit_ov_wrap, body.luxx-sub #container #sit_ov, body.luxx-sub #container #sit_inf,
body.luxx-sub #container #sit_pvi, body.luxx-sub #container #sit_tab, body.luxx-sub #container #sit_use,
body.luxx-sub #container #sit_qa, body.luxx-sub #container #sit_dex, body.luxx-sub #container #sit_rel,
body.luxx-sub #container #sit_dvr, body.luxx-sub #container .sit_pdt,
body.luxx-sub #container #sod_bsk, body.luxx-sub #container #sod_bsk_list, body.luxx-sub #container .sod_list,
body.luxx-sub #container #sod_frm, body.luxx-sub #container #sod_fin, body.luxx-sub #container #sm_order_form{
  background:linear-gradient(135deg,rgba(212,175,55,0.06) 0%,rgba(15,15,15,0.95) 100%) !important;
  border:1px solid rgba(212,175,55,0.18) !important; border-radius:16px !important; padding:18px 20px;
  box-shadow:0 14px 40px rgba(0,0,0,0.4) !important;
}
/* 상품명/가격 강조 */
body.luxx-sub #container #sit_title, body.luxx-sub #container .sit_title, body.luxx-sub #container #sit_desc{ color:#F5D57B !important; }
body.luxx-sub #container #sit_tot_price, body.luxx-sub #container .it_price, body.luxx-sub #container #sit_price,
body.luxx-sub #container .sit_price, body.luxx-sub #container .price{ color:#F5D57B !important; font-weight:700; }

/* 탭 */
body.luxx-sub #container .sit_tab_tit li a, body.luxx-sub #container #sit_tab li a{ color:rgba(255,255,255,0.7) !important; }
body.luxx-sub #container .sit_tab_tit li.sit_tab_on a, body.luxx-sub #container #sit_tab li.on a{ color:#0A0A0A !important; background:linear-gradient(135deg,#E8C766,#B8902A) !important; border-radius:8px 8px 0 0; }

/* 구매 사이드패널(#sit_buy) = 다크 글래스 카드. (이전: 패널 전체를 골드로 칠해 옵션·수량·가격 글씨가
   골드-온-골드/화이트-온-골드로 안 보이던 문제 → 패널은 다크, 버튼만 골드) */
body.luxx-sub #container #sit_buy{
  background:linear-gradient(135deg,rgba(212,175,55,0.06) 0%,rgba(15,15,15,0.95) 100%) !important;
  color:#e8e3d5 !important; border:1px solid rgba(212,175,55,0.18) !important; border-radius:16px !important;
  box-shadow:0 14px 40px rgba(0,0,0,0.4) !important;
}
body.luxx-sub #container #sit_buy h3, body.luxx-sub #container #sit_buy .sit_opt_subj{ color:#F5D57B !important; }

/* 구매/장바구니 버튼 */
body.luxx-sub #container .btn_buy, body.luxx-sub #container #sit_sns_buy,
body.luxx-sub #container input.btn_buy, body.luxx-sub #container a.btn_buy, body.luxx-sub #container .btn_order,
body.luxx-sub #container #sod_act .btn_submit{ background:linear-gradient(135deg,#9B7A1C 0%,#D4AF37 30%,#F5D57B 50%,#D4AF37 70%,#9B7A1C 100%) !important; color:#0A0A0A !important; border:0 !important; border-radius:12px !important; font-weight:700 !important; }
body.luxx-sub #container .btn_cart, body.luxx-sub #container #sit_cart, body.luxx-sub #container a.btn_cart,
body.luxx-sub #container .btn_wish{ background:transparent !important; color:#D4AF37 !important; border:1px solid rgba(212,175,55,0.45) !important; border-radius:12px !important; }

/* 상세페이지 공유 — 클릭형(롤오버 아님). LUXX 골드 팝업. (리스트의 SNS 롤오버는 제거됨) */
body.luxx-sub #container #sit_btn_opt{ position:relative; display:inline-flex; align-items:center; gap:8px; }
body.luxx-sub #container #sit_btn_opt #btn_wish,
body.luxx-sub #container #sit_btn_opt .btn_sns_share{ display:inline-flex !important; align-items:center; gap:5px; height:32px; padding:0 12px; background:rgba(255,255,255,0.03) !important; color:#D4AF37 !important; border:1px solid rgba(212,175,55,0.45) !important; border-radius:999px !important; cursor:pointer; font-size:12.5px; line-height:1; transition:.15s; }
body.luxx-sub #container #sit_btn_opt #btn_wish:hover,
body.luxx-sub #container #sit_btn_opt .btn_sns_share:hover{ background:rgba(212,175,55,0.12) !important; border-color:rgba(212,175,55,0.7) !important; color:#F5D57B !important; }
body.luxx-sub #container #sit_btn_opt .sns_area{ position:absolute; top:38px; right:0; z-index:60; display:none; flex-direction:column; gap:4px; min-width:170px; padding:8px; background:rgba(10,9,5,0.97) !important; border:1px solid rgba(212,175,55,0.3) !important; border-radius:12px; box-shadow:0 14px 34px rgba(0,0,0,0.5); backdrop-filter:blur(10px); }
body.luxx-sub #container #sit_btn_opt .sns_area a{ display:flex !important; align-items:center; gap:8px; height:34px; padding:0 11px; border-radius:8px; color:rgba(255,255,255,0.82) !important; font-size:12.5px; text-decoration:none; transition:.15s; }
body.luxx-sub #container #sit_btn_opt .sns_area a:hover{ background:rgba(212,175,55,0.14) !important; color:#F5D57B !important; }
body.luxx-sub #container #sit_btn_opt .sns_area a img{ width:18px; height:18px; border-radius:4px; }
body.luxx-sub #container #sit_btn_opt .sns_area .sit_btn_copylink i{ color:#D4AF37; width:18px; text-align:center; }

/* 상세 스펙/장바구니 테이블 헤더 */
body.luxx-sub #container #sit_inf table th, body.luxx-sub #container .sit_inf th,
body.luxx-sub #container #sod_bsk th, body.luxx-sub #container .sod_bsk_list th{ background:rgba(31,73,58,0.5) !important; color:#F5D57B !important; border-color:rgba(212,175,55,0.15) !important; }

/* 썸네일/수량 등 작은 입력 */
body.luxx-sub #container .sit_opt_box, body.luxx-sub #container #sit_opt, body.luxx-sub #container .ct_box{ background:rgba(255,255,255,0.03) !important; border:1px solid rgba(212,175,55,0.15) !important; border-radius:10px; }

/* ════════════════════════════════════════════════════════════════
   회원가입 — 약관/개인정보 '동의 체크박스' 정렬 표준화 (PC·모바일 공통)
   기존 .fregister_agree 가 position:absolute(우상단) + 라벨 sound_only(숨김)이라
   체크박스가 카드 밖/모서리에 떠서 어긋나 보이던 문제 → 좌측정렬 일반 레이아웃.
═══════════════════════════════════════════════════════════════════ */
body.luxx-sub #fregister_term, body.luxx-sub #fregister_private{ position:relative !important; }
body.luxx-sub .fregister_agree{
  position:static !important; top:auto !important; right:auto !important; left:auto !important;
  display:block !important; margin:14px 0 0 !important; padding:0 !important; border:0 !important; background:none !important;
}
body.luxx-sub .fregister_agree label{
  position:relative !important; display:inline-flex !important; align-items:center !important; gap:10px !important;
  padding-left:0 !important; margin:0 !important; line-height:1.45 !important;
  color:#e8e3d5 !important; font-weight:600 !important; cursor:pointer !important;
}
/* 숨겨졌던 동의 문구 노출 */
body.luxx-sub .fregister_agree label b.sound_only{
  position:static !important; width:auto !important; height:auto !important; margin:0 !important;
  overflow:visible !important; clip:auto !important; white-space:normal !important; font-weight:600 !important; color:inherit !important;
}
/* 시각 체크박스 박스(span) = 정적 인라인, 골드 보더 */
body.luxx-sub .fregister_agree label span,
body.luxx-sub #container .chk_box label span{
  position:relative !important; top:auto !important; right:auto !important; left:auto !important; float:none !important;
  flex:0 0 auto !important; display:inline-block !important; width:20px !important; height:20px !important; margin:0 8px 0 0 !important;
  border:1.5px solid rgba(212,175,55,0.55) !important; border-radius:5px !important; background:transparent !important;
  box-sizing:border-box !important; vertical-align:middle !important;
}
/* 체크표시(CSS 드로잉 — 이미지 의존 없음) */
body.luxx-sub .fregister_agree input:checked + label span::after,
body.luxx-sub #container .chk_box input:checked + label span::after{
  content:'' !important; position:absolute !important; left:6px !important; top:2px !important;
  width:5px !important; height:10px !important; border:solid #F5D57B !important; border-width:0 2px 2px 0 !important;
  transform:rotate(45deg) !important;
}
body.luxx-sub .fregister_agree input:checked + label span,
body.luxx-sub #container .chk_box input:checked + label span{ border-color:#F5D57B !important; }
body.luxx-sub .fregister_agree input:checked + label{ color:#F5D57B !important; }
/* 전체동의 강조 바 */
body.luxx-sub #fregister_chkall{
  margin-top:16px !important; padding:14px 16px !important;
  border:1px solid rgba(212,175,55,0.3) !important; border-radius:12px !important;
}
body.luxx-sub #fregister_chkall label{ font-weight:700 !important; color:#F5D57B !important; }

/* 회원가입 2단계(register_form.skin.php) 수신설정 — 마케팅/광고성정보 선택 동의 영역.
   기존엔 전용 스타일이 없어 범용 규칙(크림색 텍스트)만 상속했고, "자세히보기" 버튼은
   원본 style.css의 인디고색(#3f51b5)이 어두운 배경에 묻히기 쉬웠다 — 골드 톤으로 명시. */
body.luxx-sub #container .consent-line{ display:flex !important; align-items:center !important; gap:10px !important; flex-wrap:wrap !important; }
body.luxx-sub #container .chk_li{ color:#e8e3d5 !important; font-size:.92rem !important; }
body.luxx-sub #container .js-open-consent{ color:#F5D57B !important; font-weight:600 !important; text-decoration:underline !important; opacity:.9; }
body.luxx-sub #container .js-open-consent:hover{ opacity:1; color:#FCEEA7 !important; }
body.luxx-sub #container .consent-date{ color:rgba(232,227,213,0.55) !important; font-size:.8rem !important; }
body.luxx-sub #container .consent-group .sub-consents{ margin:6px 0 0 30px !important; padding:0 !important; }
/* 선택 항목 전체동의 강조 바 — 1단계 #fregister_chkall 과 동일한 골드보더 카드 톤 */
body.luxx-sub #container #reg_optin_chkall_li{
  background:rgba(212,175,55,0.08) !important; border:1px solid rgba(212,175,55,0.35) !important;
  border-radius:12px !important; padding:14px 16px !important; margin-bottom:12px !important;
}
body.luxx-sub #container #reg_optin_chkall_li .chk_li{ color:#F5D57B !important; font-weight:700 !important; }
body.luxx-sub #container #reg_optin_chkall_li .chk_li strong{ color:#FCEEA7 !important; }

/* 회원가입 모바일 섹션 박스(.form_01) 카드화 + '사이트 이용정보' 박스 통일 (item 5) */
body.luxx-sub #container .register .form_01,
body.luxx-sub #container .register_form_inner{
  background:linear-gradient(135deg,rgba(212,175,55,0.06) 0%,rgba(15,15,15,0.95) 100%) !important;
  border:1px solid rgba(212,175,55,0.2) !important; border-radius:16px !important;
  box-shadow:0 14px 40px rgba(0,0,0,0.4) !important; padding:18px 18px !important; margin-bottom:16px !important;
}

/* 파트너 등록 안내(회원가입 버튼 하단) */
body.luxx-sub #container .luxx_partner_cta{
  margin:16px 0 0 !important; text-align:center !important; font-size:.95rem !important; color:rgba(255,255,255,0.7) !important;
}
body.luxx-sub #container .luxx_partner_cta a{ color:#F5D57B !important; font-weight:700 !important; white-space:nowrap !important; }

/* =====================================================================
 * 주문서/체크아웃(orderform·orderaddress) 다크-골드 통일
 *  - default_shop.css 의 흰선(#e3e5e8/#e7ebf1/#e2e4e7/#d1ddee)·파랑(#3a8afd/#1c70e9)
 *    ·분홍(#ff006c)·밝은파랑박스(#edf3fc/#e5f0ff)·청록(#38b2b9) 을 골드 톤으로 덮는다.
 *  - 이 파일이 default_shop.css 뒤에 로드(head.sub.php)되므로 후행우선 + !important 로 승리.
 *  - body.luxx-sub 스코프 → 홈/관리자/모바일 미오염.
 *  - 카드 라운드 16px·버튼/입력 12px·골드테두리 rgba(212,175,55,.18)·다크글래스 배경으로 통일.
 * ===================================================================== */
/* 주문자/받는분 섹션 = 다크 글래스 카드 + 골드 라운드 */
body.luxx-sub #sod_frm_orderer,
body.luxx-sub #sod_frm_taker{
  border:1px solid rgba(212,175,55,.18) !important;
  background:linear-gradient(135deg,rgba(212,175,55,.06),rgba(15,15,15,.95)) !important;
  border-radius:16px !important; overflow:hidden;
}
body.luxx-sub #sod_frm section h2,
body.luxx-sub #sod_point h2,
body.luxx-sub #sod_frm_pay h2{
  background:rgba(31,73,58,.55) !important; color:#F5D57B !important;
  border-bottom:1px solid rgba(212,175,55,.18) !important; border-radius:16px 16px 0 0 !important;
}
/* 배송지 선택 박스(밝은파랑 #edf3fc) → 다크-골드 */
body.luxx-sub #sod_frm_taker .tbl_frm01 .choice_place,
body.luxx-sub #sod_frm_taker .order_choice_place{
  background:rgba(212,175,55,.06) !important; border:1px solid rgba(212,175,55,.18) !important; border-radius:12px !important;
}
/* 우측 합계 박스(파랑/회색) → 골드 라운드 + 다크 */
body.luxx-sub .sod_right #sod_bsk_tot,
body.luxx-sub #forderform .sod_right #sod_bsk_tot,
body.luxx-sub #sod_bsk #sod_bsk_tot{
  border:1px solid rgba(212,175,55,.18) !important; border-radius:16px !important; overflow:hidden;
}
body.luxx-sub #sod_bsk #sod_bsk_tot li{
  background:rgba(20,18,12,.6) !important; color:#EFE7D2 !important; border-left:1px solid rgba(212,175,55,.18) !important;
}
body.luxx-sub #sod_bsk #sod_bsk_tot .sod_bsk_cnt{ background:rgba(31,73,58,.55) !important; }
body.luxx-sub #sod_bsk #sod_bsk_tot li strong{ color:#D4AF37 !important; }
/* 합계 내부 구분선(#e7ebf1)·부호칩(분홍 #ff006c) → 골드 */
body.luxx-sub #sod_frm #sod_bsk_tot li,
body.luxx-sub .sod_right .sod_info li{ border-bottom:1px solid rgba(212,175,55,.15) !important; background:transparent !important; }
body.luxx-sub #sod_frm #sod_bsk_tot .sod_bsk_sell,
body.luxx-sub #sod_frm #sod_bsk_tot .sod_bsk_coupon,
body.luxx-sub .sod_right .sod_info .sod_bsk_sell,
body.luxx-sub .sod_right .sod_info .sod_bsk_coupon{ border-right:1px solid rgba(212,175,55,.15) !important; }
body.luxx-sub #sod_bsk_tot .sod_bsk_coupon:before,
body.luxx-sub #sod_bsk_tot .sod_bsk_dvr:before,
body.luxx-sub .sod_info .sod_bsk_coupon:before,
body.luxx-sub .sod_info .sod_bsk_dvr:before{ color:#D4AF37 !important; background:#141210 !important; border:1px solid rgba(212,175,55,.3) !important; }
body.luxx-sub #sod_bsk_tot .sod_bsk_cnt strong{ color:#D4AF37 !important; }
/* 결제정보 테이블(.pay_tbl 흰선)·최종결제금액(밝은파랑/분홍) → 골드 */
body.luxx-sub .sod_right .pay_tbl{ border:1px solid rgba(212,175,55,.18) !important; border-radius:12px 12px 0 0 !important; overflow:hidden; }
body.luxx-sub #sod_frm_pay .pay_tbl th,
body.luxx-sub #sod_frm_pay .pay_tbl td{ background:transparent !important; color:#EFE7D2 !important; border-bottom:1px solid rgba(212,175,55,.15) !important; }
body.luxx-sub #od_tot_price{ background:rgba(31,73,58,.4) !important; border:1px solid rgba(212,175,55,.18) !important; border-radius:0 0 12px 12px !important; }
body.luxx-sub #od_tot_price strong{ color:#D4AF37 !important; }
/* 포인트·결제수단 라디오·계좌이체 박스 → 골드 */
body.luxx-sub #sod_point,
body.luxx-sub #sod_frm_pay .sod_frm_point,
body.luxx-sub #forderform .od_pay_buttons_el,
body.luxx-sub #settle_bank{ border:1px solid rgba(212,175,55,.18) !important; background:rgba(20,18,12,.45) !important; border-radius:12px !important; }
body.luxx-sub #od_pay_sl .lb_icon{ background:rgba(20,18,12,.4) !important; border:1px solid rgba(212,175,55,.18) !important; }
body.luxx-sub #od_pay_sl input[type='radio']:checked+.lb_icon,
body.luxx-sub #sod_frm_pay input[type='radio']:checked+.lb_icon{ border:1px solid #D4AF37 !important; color:#D4AF37 !important; }
body.luxx-sub #settle_bank select,
body.luxx-sub #settle_bank input,
body.luxx-sub #sod_point #od_temp_point{ background:rgba(255,255,255,.04) !important; border:1px solid rgba(212,175,55,.3) !important; color:#EFE7D2 !important; }
/* 주문하기 버튼 = 골드 그라데이션 표준(리터럴 — var() 미보장 컨텍스트 대비) */
body.luxx-sub #display_pay_button{ background:transparent !important; border:1px solid rgba(212,175,55,.18) !important; border-radius:0 0 16px 16px !important; }
body.luxx-sub #display_pay_button .btn_submit{
  background:linear-gradient(135deg,#9B7A1C,#D4AF37 50%,#9B7A1C) !important; color:#0A0A0A !important;
  border:0 !important; font-weight:800 !important; border-radius:12px !important;
}
body.luxx-sub #display_pay_button .btn01{ background:rgba(212,175,55,.1) !important; color:#D4AF37 !important; border:1px solid rgba(212,175,55,.45) !important; border-radius:12px !important; }
/* 배송지 목록 페이지(orderaddress, 파랑) + 쿠폰/계좌 적용버튼(청록) → 골드 */
body.luxx-sub #sod_addr .default_lb{ background:rgba(20,18,12,.4) !important; border:1px solid rgba(212,175,55,.3) !important; color:#EFE7D2 !important; }
body.luxx-sub #sod_addr input[type='radio']:checked+.default_lb{ background:rgba(31,73,58,.55) !important; border:1px solid #D4AF37 !important; color:#D4AF37 !important; }
body.luxx-sub .od_coupon .cp_apply,
body.luxx-sub #sod_frm_pay .pay_tbl td .btn_frmline,
body.luxx-sub .sod_info_option .sod_ifop_tit .btn_frmline{ border:1px solid rgba(212,175,55,.5) !important; color:#D4AF37 !important; background:transparent !important; }

/* ── 모바일 주문서(mobile_shop.css) 전용 오버라이드 — 위 #sod_* 규칙은 모바일에도 적용되나
 *    모바일 고유 요소(하단 고정 주문바·주문완료·모바일 배송지·흰 잔여박스)는 추가 처리 ── */
/* 하단 고정 주문바(흰 배경 + 검은 선) → 다크 + 골드 상단선, 주문 버튼 골드 */
body.luxx-sub #sod_bsk_act{ background:#100f0a !important; border-top:1px solid rgba(212,175,55,.3) !important; }
body.luxx-sub #sod_bsk_act .btn_submit,
body.luxx-sub #sod_frm .btn_submit{ background:linear-gradient(135deg,#9B7A1C,#D4AF37 50%,#9B7A1C) !important; color:#0A0A0A !important; border:0 !important; font-weight:800 !important; }
body.luxx-sub #sod_frm .btn_cancel, body.luxx-sub #sod_frm .btn01{ background:rgba(212,175,55,.1) !important; color:#D4AF37 !important; border:1px solid rgba(212,175,55,.45) !important; }
/* 모바일 섹션 카드에 여백(위 desktop 규칙이 준 골드 보더+16px 라운드가 화면 가장자리에 붙지 않게) */
body.luxx-sub #sod_frm_orderer, body.luxx-sub #sod_frm_taker{ margin:10px !important; }
body.luxx-sub #sod_frm_pay{ border-top:1px solid rgba(212,175,55,.15) !important; }
/* 흰 배경 잔여(상품목록·텍스트영역) → 다크 */
body.luxx-sub #sod_frm .od_prd_list, body.luxx-sub #sod_frm .sod_ta_wr{ background:rgba(20,18,12,.5) !important; color:#EFE7D2 !important; border-radius:12px !important; }
/* 모바일 배송지(add_lb 파랑 #4162ff, 회색선) → 골드 */
body.luxx-sub #sod_addr li{ border-bottom:1px solid rgba(212,175,55,.15) !important; }
body.luxx-sub #sod_addr .addr_title{ border-bottom:1px solid rgba(212,175,55,.18) !important; }
body.luxx-sub #sod_addr .add_lb{ border:1px solid rgba(212,175,55,.5) !important; color:#D4AF37 !important; }
body.luxx-sub #sod_addr input[type="radio"]:checked+.add_lb{ background:rgba(31,73,58,.55) !important; color:#D4AF37 !important; }
/* 주문완료 페이지(#sod_fin_* 흰박스·파랑·밝은파랑) → 다크-골드 */
body.luxx-sub #sod_fin_pay, body.luxx-sub #sod_fin_orderer,
body.luxx-sub #sod_fin_receiver, body.luxx-sub #sod_fin_dvr{
  background:linear-gradient(135deg,rgba(212,175,55,.06),rgba(15,15,15,.95)) !important;
  border:1px solid rgba(212,175,55,.18) !important; border-radius:12px !important;
}
body.luxx-sub #sod_fin_view h3{ border-bottom:1px solid rgba(212,175,55,.18) !important; color:#F5D57B !important; }
body.luxx-sub #sod_fin_view table, body.luxx-sub #sod_fin_view table th, body.luxx-sub #sod_fin_view table td{ background:transparent !important; color:#EFE7D2 !important; }
body.luxx-sub #sod_fin_view .odf_tbl .dvr_link{ background:transparent !important; color:#D4AF37 !important; border:1px solid rgba(212,175,55,.4) !important; }
body.luxx-sub #sod_fin_tot ul{ background:rgba(20,18,12,.6) !important; border:1px solid rgba(212,175,55,.18) !important; color:#EFE7D2 !important; }
body.luxx-sub #sod_fin_tot #alrdy{ background:rgba(31,73,58,.4) !important; border-top:1px solid rgba(212,175,55,.15) !important; color:#EFE7D2 !important; }
body.luxx-sub #sod_fin_legend{ background:rgba(212,175,55,.06) !important; border:1px solid rgba(212,175,55,.18) !important; color:#EFE7D2 !important; }
body.luxx-sub #sod_fin_no{ background:rgba(31,73,58,.4) !important; border:1px solid rgba(212,175,55,.18) !important; color:#F5D57B !important; }


/* ════════════════════════════════════════════════════════════════
   회원/마이페이지/포인트/스크랩/쪽지/주문상세/쿠폰 — LUXX 다크-골드 통일 (2026-07-01)
   (body.luxx-sub) 기존 화이트리스트에 없어 L474 transparent 트랩으로 평면화되던
   회원영역 선택자들을 다크-골드 글래스로 통일. 모두 background:...!important 로 회피.
   기능 불변(CSS만, display:none 없음).
   ※ 체크아웃/주문서(#sod_frm*·pay_tbl·od_pay_sl·lb_icon·#sod_bsk_tot)는 위 L667~ 에서
     이미 통일되어 여기서 재지정하지 않음(충돌 방지). 개인결제 리스트 grid/결제수단 라디오
     배지는 시각확인 후 반영 예정.
═══════════════════════════════════════════════════════════════════ */

/* (A) 글래스 카드 — 페이지 최상위 콘텐츠/폼/모달 래퍼 */
body.luxx-sub #container #smb_my_ov,
body.luxx-sub #container #smb_my_od, body.luxx-sub #container #smb_my_list section#smb_my_od,
body.luxx-sub #container #smb_my_wish, body.luxx-sub #container #smb_my_list section#smb_my_wish,
body.luxx-sub #container #smb_my_wish form[name=fwishlist] ul > li,
body.luxx-sub #container #point .point_all, body.luxx-sub #container #point .point_list,
body.luxx-sub #container #scrap ul li,
body.luxx-sub #container #memo_write .form_01, body.luxx-sub #container #memo_view #memo_view_contents,
body.luxx-sub #container #find_info .new_win_con,
body.luxx-sub #container #mb_confirm.mbskin, body.luxx-sub #container #pw_confirm.mbskin,
body.luxx-sub #container #mb_login_notmb, body.luxx-sub #container #mb_login_od_wr,
body.luxx-sub #container #reg_result.register,
body.luxx-sub #container #sod_ws .list_02,
body.luxx-sub #container #sod_cancel_pop #sod_fin_cancelfrm,
body.luxx-sub #container .od_coupon_wrap, body.luxx-sub #container #cp_frm, body.luxx-sub #container #sc_coupon_frm{
  background:linear-gradient(135deg,rgba(212,175,55,0.06) 0%,rgba(15,15,15,0.95) 100%) !important;
  border:1px solid rgba(212,175,55,0.18) !important; border-radius:16px !important;
  box-shadow:0 14px 40px rgba(0,0,0,0.4) !important; padding:18px 20px;
}

/* (B) 다크 보조 박스 — 외곽 래퍼/통계 타일/리스트 행/빈상태/주문상세 하위섹션 */
body.luxx-sub #container #smb_my, body.luxx-sub #container #smb_my .smb_me,
body.luxx-sub #container #smb_private,
body.luxx-sub #container #smb_my_ov dl.op_area, body.luxx-sub #container #smb_my_wish .empty_li,
body.luxx-sub #container #sod_fin_list, body.luxx-sub #container #sod_fin_pay,
body.luxx-sub #container #sod_fin_view, body.luxx-sub #container #sod_fin_tot,
body.luxx-sub #container #sod_fin_cancel,
body.luxx-sub #container #sod_sts_wrap, body.luxx-sub #container #sod_sts_explan,
body.luxx-sub #container .empty_table,
body.luxx-sub #container #point .new_win_con2, body.luxx-sub #container #point .point_list > li,
body.luxx-sub #container #point .empty_li,
body.luxx-sub #container #memo_list .memo_list li,
body.luxx-sub #container #memo_write .new_win_con2,
body.luxx-sub #container #memo_view .memo_view_li.memo_view_name,
body.luxx-sub #container #pw_reset .new_win_con, body.luxx-sub #container #guest_privacy,
body.luxx-sub #container #sod_ws .list_02 li, body.luxx-sub #container #sod_ws .empty_table{
  background:rgba(255,255,255,0.03) !important; border:1px solid rgba(212,175,55,0.15) !important;
  border-radius:12px !important; padding:14px 16px;
}

/* (C) 골드 강조 — 이름/카운트/라벨/주문번호값/포인트잔액/메타 */
body.luxx-sub #container #smb_my_ov .my_ov_name,
body.luxx-sub #container #smb_private strong,
body.luxx-sub #container #smb_my_ov dl.op_area dt,
body.luxx-sub #container #smb_my_wish .smb_my_tit a, body.luxx-sub #container #smb_my_wish .smb_my_date,
body.luxx-sub #container #sod_fin_no strong, body.luxx-sub #container #sod_fin_legend dt,
body.luxx-sub #container #sod_fin_tot li strong, body.luxx-sub #container #sod_fin_pay ul li strong,
body.luxx-sub #container #point .point_num, body.luxx-sub #container #point .point_all .full_li span,
body.luxx-sub #container #point .point_date, body.luxx-sub #container #point .point_date1,
body.luxx-sub #container #memo_list .memo_datetime,
body.luxx-sub #container #memo_view .memo_view_nick, body.luxx-sub #container #memo_view .memo_view_date,
body.luxx-sub #container #reg_result .reg_result_p strong,
body.luxx-sub #container #pw_confirm p strong,
body.luxx-sub #container #pw_reset #info_fs > b{ color:#F5D57B !important; font-weight:700 !important; }

/* (D) 보조 버튼(닫기/더보기/답장/스크랩제목/btn02 — btn 화이트리스트 누락분) = 투명+골드보더 */
body.luxx-sub #container #smb_ws_act button.btn02, body.luxx-sub #container .smb_my_more a,
body.luxx-sub #container #sod_ws_act button.btn02,
body.luxx-sub #container #sod_fin_cancel button[type=button], body.luxx-sub #container .sod_fin_c_btn,
body.luxx-sub #container #point .btn_close, body.luxx-sub #container #scrap .btn_close,
body.luxx-sub #container #scrap ul li a.scrap_tit,
body.luxx-sub #container #memo_list .btn_close, body.luxx-sub #container #memo_write .btn_close,
body.luxx-sub #container #memo_view a.reply_btn, body.luxx-sub #container #memo_view a.btn_left,
body.luxx-sub #container #memo_view a.btn_right, body.luxx-sub #container #memo_view button.btn_close,
body.luxx-sub #container .win_btn .btn_close, body.luxx-sub #container #formmail .btn_close,
body.luxx-sub #container .cp_btn, body.luxx-sub #container .cp_cancel, body.luxx-sub #container .mng_btn{
  background:transparent !important; color:#D4AF37 !important;
  border:1px solid rgba(212,175,55,0.45) !important; border-radius:12px !important; cursor:pointer;
}
body.luxx-sub #container .win_btn .btn_close:hover, body.luxx-sub #container .mng_btn:hover,
body.luxx-sub #container .cp_btn:hover, body.luxx-sub #container #scrap ul li a.scrap_tit:hover{
  color:#F5D57B !important; border-color:rgba(212,175,55,0.7) !important;
}

/* (E) 배지 — 주문상태/안읽음/활성탭/인증완료/주문번호칩 */
body.luxx-sub #container #sod_v .status_01, body.luxx-sub #container #sod_v .status_02,
body.luxx-sub #container #sod_v .status_03, body.luxx-sub #container #sod_v .status_04,
body.luxx-sub #container #sod_v .status_05, body.luxx-sub #container #sod_v .status_06,
body.luxx-sub #container .tbl_head03 .status_01, body.luxx-sub #container .tbl_head03 .status_02,
body.luxx-sub #container .tbl_head03 .status_03, body.luxx-sub #container .tbl_head03 .status_04,
body.luxx-sub #container .tbl_head03 .status_05, body.luxx-sub #container .tbl_head03 .status_06,
body.luxx-sub #container #memo_list .memo_list li .no_read,
body.luxx-sub #container #memo_list .win_ul li.selected, body.luxx-sub #container #memo_view .win_ul li.selected,
body.luxx-sub #container #msg_certify, body.luxx-sub #container #sod_fin_no{
  display:inline-block; background:rgba(31,73,58,0.5) !important; color:#F5D57B !important;
  border:1px solid rgba(212,175,55,0.4) !important; border-radius:8px !important;
  padding:3px 10px !important; font-weight:700 !important;
}

/* (F) 포인트 소계 헤더 톤 */
body.luxx-sub #container #point .point_status{
  background:rgba(31,73,58,0.5) !important; color:#F5D57B !important;
  border:1px solid rgba(212,175,55,0.15) !important; border-radius:8px !important; font-weight:700 !important;
}

/* =====================================================================
 * 주문서/주문완료 잔존색 마감(검증 결함 6건: 청록·흰박스·분홍) — 위 블록이 덮지 못한 li/자식 셀렉터 보강
 * ===================================================================== */
/* 주문완료 총액 행 li 청록(#38b2b9) → 다크(컨테이너 규칙이 li 자체 배경을 못 덮음) */
body.luxx-sub #sod_fin_tot li{ background:rgba(20,18,12,.6) !important; border-bottom:1px solid rgba(212,175,55,.15) !important; color:#EFE7D2 !important; }
body.luxx-sub #sod_fin_tot li strong, body.luxx-sub #sod_fin_tot #alrdy{ color:#D4AF37 !important; }
/* 주문완료 좌측 섹션 헤더/테이블 흰배경(#fff) → 다크그린 헤더 + 투명 셀 */
body.luxx-sub #sod_fin .sod_left h3, body.luxx-sub #sod_fin_pay h3{ background:rgba(31,73,58,.55) !important; color:#F5D57B !important; }
body.luxx-sub #sod_fin .sod_left .tbl_head01,
body.luxx-sub #sod_fin .sod_left table,
body.luxx-sub #sod_fin .sod_left th,
body.luxx-sub #sod_fin .sod_left td{ background:transparent !important; color:#EFE7D2 !important; }
/* 모바일 포인트 안내 분홍(#f2838f) → 다크그린 카드 */
body.luxx-sub #sod_frm_pt_alert{ background:rgba(31,73,58,.5) !important; color:#EFE7D2 !important; border:1px solid rgba(212,175,55,.3) !important; }
body.luxx-sub #sod_frm_pt_alert::before{ background:rgba(212,175,55,.5) !important; }
/* 모바일 포인트 입력박스 흰배경(내부 div) + 합계바 파랑/회청 → 골드/다크 */
body.luxx-sub .sod_frm_point div,
body.luxx-sub #sod_frm_pay .sod_frm_point div{ background:rgba(20,18,12,.45) !important; color:#EFE7D2 !important; }
body.luxx-sub #m_sod_bsk_tot{ background:rgba(31,73,58,.55) !important; }
body.luxx-sub #m_sod_bsk_tot .sod_bsk_cnt strong,
body.luxx-sub #m_sod_bsk_tot strong{ color:#D4AF37 !important; }
/* orderform 우측 요약 부가영역 흰배경(별도배송지 시 노출) → 투명 */
body.luxx-sub .sod_right .sod_info_bt,
body.luxx-sub .sod_right .sod_info_option ul{ background:transparent !important; color:#EFE7D2 !important; }

/* ═══════════════════════════════════════════════════════════════════
   ★ 2026-07 모바일 재점검: 장바구니·주문상세 표(7열)가 실제 로드되는
   default_shop.css 에 반응형 규칙이 전무해 375px 폰에서 표가 그대로
   찌그러져 나오던 근본 문제. (G5_USE_MOBILE=false 라 shop2/mobile/*·
   mobile_shop.css 는 전부 죽은 코드 — 실제 폰은 이 파일만 받는다.)
   #sod_bsk(장바구니)·#sod_fin_list(주문상세) 표를 카드형으로 전환.
   ═══════════════════════════════════════════════════════════════════ */
@media(max-width:680px){
  #sod_bsk .tbl_head03 table, #sod_fin_list .tbl_head03 table,
  #sod_bsk .tbl_head03 tbody, #sod_fin_list .tbl_head03 tbody,
  #sod_bsk .tbl_head03 tr, #sod_fin_list .tbl_head03 tr,
  #sod_bsk .tbl_head03 td, #sod_fin_list .tbl_head03 td{ display:block !important; width:100% !important; box-sizing:border-box; }
  #sod_bsk .tbl_head03 thead, #sod_fin_list .tbl_head03 thead{ display:none !important; }
  #sod_bsk .tbl_head03 tr, #sod_fin_list .tbl_head03 tr{
    border:1px solid rgba(212,175,55,.25) !important; border-radius:14px; padding:14px !important;
    margin-bottom:12px; background:linear-gradient(135deg,rgba(212,175,55,.06),rgba(16,15,10,.7)) !important;
  }
  #sod_bsk .tbl_head03 td, #sod_fin_list .tbl_head03 td{
    border:0 !important; padding:7px 0 !important; text-align:left !important; color:#EFE7D2 !important;
    display:flex !important; align-items:center; justify-content:space-between; gap:10px;
  }
  /* 상품명 셀: 이미지+긴 상품명+옵션뱃지가 좁은폭에서 겹쳐보이던 문제 → 이미지 위/이름 아래 세로배치(가로여유 확보) */
  #sod_bsk .tbl_head03 td.td_prd, #sod_fin_list .tbl_head03 td.td_prd{
    flex-direction:column !important; align-items:flex-start !important; justify-content:flex-start !important;
    padding:0 0 12px !important; min-height:0 !important; border-bottom:1px solid rgba(212,175,55,.18) !important; margin-bottom:6px;
  }
  /* ★원본 .od_prd_list .td_prd .sod_img{position:absolute;top:25px;left:20px}(데스크톱 전용 좌표)를
     반드시 무효화 — 안 그러면 flex-column 으로 바꿔도 이미지가 문서 흐름을 벗어나 텍스트 위에 겹쳐 뜬다. */
  #sod_bsk .tbl_head03 td.td_prd .sod_img, #sod_fin_list .tbl_head03 td.td_prd .sod_img,
  .od_prd_list .tbl_head03 .td_prd .sod_img, #sod_fin_list .sod_img{
    position:static !important; top:auto !important; left:auto !important; margin-bottom:10px;
  }
  #sod_bsk .tbl_head03 td.td_prd .sod_img img{ width:96px !important; height:96px !important; border-radius:10px; }
  #sod_bsk .tbl_head03 td.td_prd .sod_name, #sod_fin_list .tbl_head03 td.td_prd .sod_name{ width:100%; color:#EFE7D2 !important; font-size:13.5px; line-height:1.5; }
  #sod_bsk .tbl_head03 td.td_prd .sod_name a, #sod_fin_list .tbl_head03 td.td_prd .sod_name a{ color:#F5D57B !important; }
  #sod_bsk .tbl_head03 .sod_opt li:before, #sod_fin_list .tbl_head03 .sod_opt li:before{ background:rgba(212,175,55,.15) !important; color:#D4AF37 !important; }
  #sod_bsk .tbl_head03 .sod_opt li{ color:rgba(255,255,255,.6) !important; font-size:12px !important; }
  #sod_bsk .tbl_head03 td.td_chk{ justify-content:flex-start !important; padding-bottom:8px !important; }
  #sod_bsk .tbl_head03 td[class]::before, #sod_fin_list .tbl_head03 td[class]::before{
    font-size:10.5px; font-weight:800; color:#D4AF37; text-transform:uppercase; letter-spacing:.05em; flex-shrink:0;
  }
  /* 장바구니(#sod_bsk): 체크박스/상품/수량/판매가/포인트/배송비/소계 */
  #sod_bsk .tbl_head03 td.td_num::before{ content:"수량"; }
  #sod_bsk .tbl_head03 td.td_numbig:nth-of-type(4)::before{ content:"판매가"; }
  #sod_bsk .tbl_head03 td.td_numbig:nth-of-type(5)::before{ content:"포인트"; }
  #sod_bsk .tbl_head03 td.td_dvr::before{ content:"배송비"; }
  #sod_bsk .tbl_head03 td.td_numbig.text_right::before{ content:"소계"; }
  /* 주문상세(#sod_fin_list): 상품/수량/판매가/포인트/배송비/소계/상태 */
  #sod_fin_list .tbl_head03 td.td_mngsmall:nth-of-type(2)::before{ content:"수량"; }
  #sod_fin_list .tbl_head03 td.td_numbig:nth-of-type(3)::before{ content:"판매가"; }
  #sod_fin_list .tbl_head03 td.td_numbig:nth-of-type(4)::before{ content:"포인트"; }
  #sod_fin_list .tbl_head03 td.td_dvr::before{ content:"배송비"; }
  #sod_fin_list .tbl_head03 td.td_numbig:nth-of-type(6)::before{ content:"소계"; }
  #sod_fin_list .tbl_head03 td.td_mngsmall:nth-of-type(7)::before{ content:"상태"; }
  /* 삭제·주문 버튼 전체폭 + 세로 스택(가로 꽉 차는 두 버튼이 375px 에서 좁게 눌리던 문제) */
  #sod_bsk .btn_cart_del{ display:flex; gap:8px; margin-top:10px; }
  #sod_bsk .btn_cart_del button{ flex:1; }
  #sod_bsk_act{ display:flex; flex-direction:column; gap:10px; }
  #sod_bsk_act .btn01, #sod_bsk_act .btn_submit{ width:100% !important; }
  /* ★합계 박스(#sod_bsk_tot): 원본이 3열 float(width:33.333%)+padding:25px 데스크톱 전용 설계라
     375px 에서 padding 이 폭을 넘어서며 라벨("배송비") 이 글자 단위로 줄바꿈되던 문제.
     원본 셀렉터(#sod_bsk #sod_bsk_tot li, specificity 201)보다 진 선택자로 완전히 재정의. */
  #sod_bsk #sod_bsk_tot li{
    float:none !important; width:100% !important; padding:11px 16px !important;
    border-left:0 !important; border-bottom:1px solid rgba(212,175,55,.15) !important;
    display:flex !important; justify-content:space-between !important; align-items:center !important;
    text-align:left !important; font-size:13.5px !important;
  }
  #sod_bsk #sod_bsk_tot li:last-child{ border-bottom:0 !important; }
  #sod_bsk #sod_bsk_tot li span{ float:none !important; display:inline !important; }
  #sod_bsk #sod_bsk_tot .sod_bsk_cnt{ width:100% !important; }
  /* ★3중 테두리박스 완화: #sod_bsk(외곽)+#sod_bsk_list(내곽) 이중 카드에 내 표-카드(3중)까지 겹쳐
     보이던 문제 → 안쪽 #sod_bsk_list 박스를 제거하고 바깥 #sod_bsk 하나만 프레임으로 남김. */
  #sod_bsk_list{ border:0 !important; padding:0 !important; background:transparent !important; box-shadow:none !important; border-radius:0 !important; }
}
/* 상품목록 카드(sct_10/30) 하단 짧은설명(it_basic) — 값 있을 때만 나오는 원본 그누보드 회색 텍스트가
   다크 배경에서 잘 안 보이고 구분선과 겹쳐 보이던 문제. 1줄 말줄임 + 톤 정리(항상 적용, 모바일 한정 아님). */
body.luxx-sub #container ul.sct_10 .sct_basic, body.luxx-sub #container ul.sct_30 .sct_basic{
  color:rgba(255,255,255,.4) !important; font-size:11.5px !important; line-height:1.4 !important;
  white-space:nowrap !important; overflow:hidden !important; text-overflow:ellipsis !important;
  border-top:1px dashed rgba(212,175,55,.15); margin-top:2px; padding-top:5px !important;
}

/* ════════════════════════════════════════════════════════════════
   ★ 2026-07-10 쇼핑몰 = 경매장(.luxx-gcard) 테마 통일 + 모바일 좌우폭 정렬
   진단(iframe 390px 실측): 상품상세가 카드-안-카드 중첩(wrapper10+container16+
   #sit_ov_wrap 20+#sit_pvi 20 패딩 피라미드)이라 이미지는 237px 로 압착되고
   하단 박스 좌우 엣지가 6종(L27/28/48/49/64/69)으로 제각각이던 문제.
   → 모바일에서 내부 이중 글래스카드를 평탄화해 엣지 1종으로 통일.
═════════════════════════════════════════════════════════════════ */
/* (a) 상품코드 노출 제거 — 경매장 카드에 없는 요소.
   카드의 긴 내부코드는 list.10.skin.php 의 .luxx-code(it_id 그대로: MKTa3e…)였음.
   코드만 숨기고 상태등급 배지(.luxx-grade)는 유지. '최신' 등 아이콘(.sit_icon_li)도 숨겨
   경매장 카드(이미지·제목·가격)와 동일 구성으로 */
body.luxx-sub #container .sct_id, body.luxx-sub #container .sct_li .luxx-code,
body.luxx-sub #container .sct_li .sit_icon_li{ display:none !important; }
/* (b) 카드 패딩 = 경매장 .luxx-gcard 와 동일(14px, 모바일 10px) */
body.luxx-sub #container ul.sct_10 > li, body.luxx-sub #container ul.sct_30 > li{ padding:14px !important; }
@media (max-width:768px){
  /* 상세: 바깥 카드(#sit_ov_wrap) 하나만 남기고 내부 카드 평탄화 → 이미지·정보 풀폭, 엣지 통일 */
  body.luxx-sub #container #sit_ov_wrap{ padding:14px !important; }
  body.luxx-sub #container #sit_pvi, body.luxx-sub #container #sit_ov{
    background:none !important; border:0 !important; box-shadow:none !important;
    padding:0 !important; width:100% !important; max-width:100% !important; box-sizing:border-box;
  }
  body.luxx-sub #container #sit_pvi_big, body.luxx-sub #container #sit_pvi_big img{ width:100% !important; height:auto !important; }
  /* 확대보기 버튼: absolute 오버레이(폭 제각각) → 이미지 아래 풀폭 정적 배치 */
  body.luxx-sub #container #sit_pvi #popup_item_image{
    position:static !important; display:block !important; width:100% !important;
    margin:8px 0 0 !important; box-sizing:border-box;
  }
  /* 하단 박스(기본정보/탭/후기/문의/관련/배송) 좌우폭 통일 */
  body.luxx-sub #container #sit_inf, body.luxx-sub #container #sit_tab, body.luxx-sub #container #sit_use,
  body.luxx-sub #container #sit_qa, body.luxx-sub #container #sit_rel, body.luxx-sub #container #sit_dvr{
    width:auto !important; max-width:100% !important; margin-left:0 !important; margin-right:0 !important;
    padding:14px !important; box-sizing:border-box;
  }
  /* 정렬탭 가로스크롤: 스크롤바 숨김(터치 스와이프만) */
  #sct_sort ul{ scrollbar-width:none; }
  #sct_sort ul::-webkit-scrollbar{ display:none; }
}
@media (max-width:600px){
  /* 리스트 카드 = 경매장 모바일 값과 동일(2열 gap10 · 카드패딩 10 · 제목 12.5 · 가격 15) */
  body.luxx-sub #container ul.sct_10, body.luxx-sub #container ul.sct_30{ grid-template-columns:repeat(2,minmax(0,1fr)) !important; gap:10px !important; }
  body.luxx-sub #container ul.sct_10 > li, body.luxx-sub #container ul.sct_30 > li{ padding:10px !important; }
  body.luxx-sub #container ul.sct_10 .sct_txt, body.luxx-sub #container ul.sct_30 .sct_txt{ font-size:12.5px !important; }
  body.luxx-sub #container ul.sct_10 .sct_cost, body.luxx-sub #container ul.sct_30 .sct_cost{ font-size:15px !important; }
}