/* ============================================================
   cafe777 컬리 계열 서브페이지 디자인 언어 (260825/260826 스킨 이식)
   원본 정본: E:\Claude-My-Designer\docs\plan\260825_cafe777-skins\kurly\ (스킨×페이지 90 목업)
   원칙(대원칙 260825): 동일 기능 / 동일 백엔드 / 다른 프론트엔드 — 스킨은 전 페이지의 옷.
   방식: 기존 서브페이지 마크업(듀오톤/fusion 어휘)을 컬리 문법으로 "번역"하는 재해석 레이어.
        마크업이 목업에 없는 화면(저널·약국찾기·패널 등)도 같은 문법이 자동 적용된다.
   스코프: [data-kbridge][data-kskin] — 컬리 계열(kurly/ink/sand/herb) 서브페이지 전용.
        홈(.khome 테이크오버)은 kurly.css 관할이라 여기 규칙이 닿지 않는다.
   규격 상수(정본): radius 4(면)·6(배지)·0(사진)·13~19(알약) / box-shadow 0 / gradient 0.
   토큰만 사용(hex 금지) — 시맨틱 색(GOLD #c9a227, SNS 브랜드색)만 예외(각주).
   로드 순서: duotone.css → kurly.css → kurly-pages.css(최후) — 재해석이 이긴다.
   ============================================================ */

/* ---------- 0. 베이스 — 컬리 서체·지면 + POP 토큰 재매핑 ---------- */
[data-kbridge][data-kskin]{
  --kfont:'Pretendard Variable',Pretendard,-apple-system,BlinkMacSystemFont,system-ui,'Apple SD Gothic Neo','Noto Sans KR',sans-serif;
  font-family:var(--kfont);
  /* POP 시스템 토큰(--bp/--bp-d, bp-pop.css :root 정의)도 스킨 브랜드로 재매핑 —
     fusion.css 의 `background:var(--bp) !important` 계열이 컬리 계열에서 POP 블루로
     새던 근본 원인(로그인 버튼 실측 rgb(42,122,148) = #2a7a94). */
  --bp:var(--brand);
  --bp-d:var(--brand-2);
}
[data-kbridge][data-kskin] #contents{font-family:var(--kfont)}
[data-kbridge][data-kskin] .wrap{max-width:1050px;padding:0 24px}

/* ---------- 1. 페이지 헤드 — 듀오톤 명판(tiles)·괘선을 컬리 .khd 문법으로 ---------- */
[data-kbridge][data-kskin] .pagehead{border-bottom:0;padding:30px 0 8px;background:none}
[data-kbridge][data-kskin] .pagehead.tiles{background:none}
[data-kbridge][data-kskin] .pagehead .crumb{font-size:12.5px;letter-spacing:0;color:var(--mute);margin-bottom:14px}
[data-kbridge][data-kskin] .pagehead .crumb a{color:var(--mute)}
[data-kbridge][data-kskin] .pagehead .crumb a:hover{color:var(--brand)}
[data-kbridge][data-kskin] .pagehead .crumb i{color:var(--line)}
[data-kbridge][data-kskin] .ey{font-family:var(--disp);font-size:12px;font-weight:700;letter-spacing:.14em;color:var(--brand);text-transform:uppercase}
[data-kbridge][data-kskin] .sh{font-family:var(--kfont);font-size:26px;font-weight:700;letter-spacing:-.5px;line-height:1.3;margin:8px 0 0}
[data-kbridge][data-kskin] .sh .bp{color:var(--brand)}
[data-kbridge][data-kskin] .pagehead .sub,[data-kbridge][data-kskin] .sub.rv{font-size:14px;color:var(--mute)}
/* 메타바(괘선 상자) → 신호 칩(.ksig 번역) */
[data-kbridge][data-kskin] .metabar{border:0;background:none;gap:8px;margin-top:14px}
[data-kbridge][data-kskin] .metabar span{border:1px solid var(--line);border-radius:15px;background:var(--paper);padding:6px 12px;font-size:13px;color:var(--sub)}
[data-kbridge][data-kskin] .metabar span b{color:var(--brand)}
/* 듀오톤 전용 명판(잉크 보더 인라인 플레이트)은 컬리에서 면 카드로 — 페이지 개별 CSS의
   var(--ink) 1px 보더 플레이트가 그대로 남아도 위계가 크게 어긋나지 않아 유지한다. */

/* 듀오톤 전용 장치 차단 — 마퀴(BLUE STARS 흐름 띠)는 듀오톤 문법이라 컬리 계열에 내리지 않는다.
   (Ranking.tsx 가 페이지 자체 마퀴를 그리는 경우 포함) */
[data-kbridge][data-kskin] .marquee{display:none}

/* ---------- 2. 섹션 리듬 — 104px 편집형 → 40~64px 커머스형 ---------- */
[data-kbridge][data-kskin] .sec{padding:34px 0 64px}
[data-kbridge][data-kskin] .sec.tight{padding:26px 0 56px}
[data-kbridge][data-kskin] .sechead{margin-bottom:22px}

/* ---------- 3. 버튼 시스템 — 잉크 사각 → 브랜드 채움 radius 4 ---------- */
[data-kbridge][data-kskin] .btn-ink{background:var(--brand);border:1px solid var(--brand);color:var(--on-brand);border-radius:4px;font-weight:700}
[data-kbridge][data-kskin] .btn-ink:hover{background:var(--brand-2);border-color:var(--brand-2);color:var(--on-brand)}
[data-kbridge][data-kskin] .btn-ghost{background:var(--paper);border:1px solid var(--brand);color:var(--brand);border-radius:4px;font-weight:700}
[data-kbridge][data-kskin] .btn-ghost:hover{background:var(--brand);color:var(--on-brand)}
/* cafe24 계열 버튼(주문·회원 페이지) — bp-pop/fusion 이 !important 로 배경·radius 0 을
   고정하므로(잉크/POP 문법) 컬리 계열에서는 같은 강도로 되받아 면 radius 4 를 복원한다. */
[data-kbridge][data-kskin] .btnSubmit,[data-kbridge][data-kskin] a.btnSubmit,
[data-kbridge][data-kskin] button.btnSubmit,
[data-kbridge][data-kskin] .btnSubmitFix{background:var(--brand) !important;border:1px solid var(--brand) !important;color:var(--on-brand) !important;border-radius:4px !important}
[data-kbridge][data-kskin] .btnSubmit:hover,[data-kbridge][data-kskin] button.btnSubmit:hover,
[data-kbridge][data-kskin] .btnSubmitFix:hover{background:var(--brand-2) !important;border-color:var(--brand-2) !important}
[data-kbridge][data-kskin] .btnNormal,[data-kbridge][data-kskin] a.btnNormal,
[data-kbridge][data-kskin] .btnNormalFix{background:var(--paper) !important;border:1px solid var(--line) !important;color:var(--ink) !important;border-radius:4px !important}
[data-kbridge][data-kskin] .btnNormal:hover,[data-kbridge][data-kskin] .btnNormalFix:hover{border-color:var(--brand) !important;color:var(--brand) !important}
/* 로그인 트랙 색(--track)은 유지 — 약사=브랜드/브랜드사=잉크 위계가 스킨 문법과 정합 */
[data-kbridge][data-kskin] .xans-member-login .login__button .btnSubmit{background:var(--track) !important;border-color:var(--track) !important}

/* ---------- 4. 탭 — 각진 칩 → 알약(radius 17) ---------- */
[data-kbridge][data-kskin] .cat-tabs{gap:8px}
[data-kbridge][data-kskin] .cat-tabs button{border:1px solid var(--line);border-radius:17px;background:var(--paper);color:var(--sub);padding:8px 16px;font-size:13px;letter-spacing:0}
[data-kbridge][data-kskin] .cat-tabs button:hover{border-color:var(--brand);color:var(--brand);font-weight:600}
[data-kbridge][data-kskin] .cat-tabs button.on{border-color:var(--brand);background:var(--brand);color:var(--on-brand);font-weight:700}
/* 카테고리 문맥 행(260911 C-I4) — 컬리 계열: 캡션은 mute 톤, 소분류 행은 line 토큰으로 들여쓴다. */
[data-kbridge][data-kskin] .cat-tabs .cat-lbl{font-size:11.5px;letter-spacing:0;color:var(--mute,var(--sub,inherit))}
[data-kbridge][data-kskin] .cat-tabs.cat-sub{border-left-color:var(--line,currentColor)}
[data-kbridge][data-kskin] .cat-tabs button:focus-visible{outline-color:var(--brand,currentColor)}

/* ---------- 5. 신뢰 스트립·게이트 — 잉크 워시 바 → 종이 카드 ---------- */
[data-kbridge][data-kskin] .kstrip{display:flex;align-items:center;gap:8px;background:var(--paper);border:1px solid var(--line);border-radius:4px;padding:11px 16px;font-size:13px;color:var(--sub);margin:4px 0 22px}
[data-kbridge][data-kskin] .kstrip b{color:var(--brand)}
[data-kbridge][data-kskin] .gatebar{border:1px solid var(--line);border-radius:4px;background:var(--paper);color:var(--sub);padding:11px 16px}
[data-kbridge][data-kskin] .gatebar b{color:var(--brand)}
[data-kbridge][data-kskin] .gatebar a{border-bottom-color:var(--brand);color:var(--brand)}

/* ---------- 6. 상품 그리드 — 잉크 셀 그리드 → 컬리 카드 그리드 ---------- */
[data-kbridge][data-kskin] .pgrid{gap:38px 18px;background:none;border:0}
[data-kbridge][data-kskin] .pc{background:var(--paper);border:1px solid var(--line);border-radius:4px;overflow:hidden}
[data-kbridge][data-kskin] .pc:hover{background:var(--paper);border-color:var(--brand)}
[data-kbridge][data-kskin] .pc .ph{border-bottom:1px solid var(--line);background:var(--canvas)}
[data-kbridge][data-kskin] .pc .ph img{mix-blend-mode:normal;padding:0;object-fit:cover}
[data-kbridge][data-kskin] .pc .tag .br{color:var(--mute);letter-spacing:.12em}
[data-kbridge][data-kskin] .pc .tag .nm{font-size:14px}
[data-kbridge][data-kskin] .pc .tag .en{color:var(--mute)}
[data-kbridge][data-kskin] .pc .tag .pr{font-size:15.5px}
[data-kbridge][data-kskin] .pc .tag .dc{color:var(--accent)}
[data-kbridge][data-kskin] .pc .tag .rvw{border-top:1px solid var(--line);color:var(--mute)}
/* 몬드리안 인터럽트 셀(비상품 신호)은 컬리 문법에 없음 — 면 카드로 중화 */
[data-kbridge][data-kskin] .pc.cell-blue2::after{background:var(--brand);border-top:0}
[data-kbridge][data-kskin] .pc.cell-copy .k,[data-kbridge][data-kskin] .pc.cell-wash .k{color:var(--brand)}

/* ---------- 7. 고정 카피·주석 ---------- */
[data-kbridge][data-kskin] .fixedcopy{border:1px solid var(--ink);border-radius:4px;background:var(--paper)}
[data-kbridge][data-kskin] .fixedcopy::before{border-radius:6px}
[data-kbridge][data-kskin] .fixedcopy .key{color:var(--mute);font-family:var(--disp);text-transform:uppercase}
[data-kbridge][data-kskin] .ranknote{color:var(--sub)}
[data-kbridge][data-kskin] .ranknote::before{background:var(--brand);height:2px}

/* ---------- 8. 표 — cafe24 ec-base 계열을 컬리 괘선으로 ---------- */
[data-kbridge][data-kskin] .ec-base-table table,[data-kbridge][data-kskin] table.ec-base-table{border-top:1px solid var(--line)}
[data-kbridge][data-kskin] .ec-base-table th{background:var(--canvas);color:var(--sub);font-weight:600;border-bottom:1px solid var(--line);font-size:13.5px}
[data-kbridge][data-kskin] .ec-base-table td{border-bottom:1px solid var(--line);color:var(--ink);font-size:14px}

/* ---------- 9. 폼 — 서브페이지 공통 인풋(면 radius 4, 브랜드 포커스) ---------- */
[data-kbridge][data-kskin] #contents input[type="text"],
[data-kbridge][data-kskin] #contents input[type="password"],
[data-kbridge][data-kskin] #contents input[type="email"],
[data-kbridge][data-kskin] #contents input[type="tel"],
[data-kbridge][data-kskin] #contents input[type="number"],
[data-kbridge][data-kskin] #contents input[type="search"],
[data-kbridge][data-kskin] #contents select,
[data-kbridge][data-kskin] #contents textarea{
  border:1px solid var(--line);border-radius:4px;background:var(--paper);color:var(--ink);font-family:inherit;
}
[data-kbridge][data-kskin] #contents input:focus,
[data-kbridge][data-kskin] #contents select:focus,
[data-kbridge][data-kskin] #contents textarea:focus{outline:0;border-color:var(--brand)}
[data-kbridge][data-kskin] #contents input::placeholder,
[data-kbridge][data-kskin] #contents textarea::placeholder{color:var(--mute)}

/* ---------- 10. 로그인 — 트랙 세그먼트·SNS·데모 안내 (K2 로그인 문법) ---------- */
[data-kbridge][data-kskin] .bps-login-track{border:1px solid var(--line);border-radius:4px;overflow:hidden;background:var(--paper)}
[data-kbridge][data-kskin] .bps-login-track button{color:var(--mute);background:var(--paper);font-weight:600}
[data-kbridge][data-kskin] .bps-login-track button:hover{color:var(--brand)}
[data-kbridge][data-kskin] .bps-login-track button.on,
[data-kbridge][data-kskin] .bps-login-track button[aria-selected="true"]{background:var(--brand);color:var(--on-brand);font-weight:700}
[data-kbridge][data-kskin] .bps-demo-note{background:var(--paper);border:1px dashed var(--line);border-radius:4px;color:var(--sub)}
[data-kbridge][data-kskin] .bps-demo-note b{color:var(--brand)}
[data-kbridge][data-kskin] .bps-demo-note code{background:var(--canvas);border:1px solid var(--line);border-radius:4px;color:var(--ink)}
[data-kbridge][data-kskin] .bps-track-link{color:var(--brand)}
[data-kbridge][data-kskin] .bps-login-error{border-radius:4px}

/* ---------- 11. 빈 상태 — 잉크 플레이트 → kempty 문법 ---------- */
[data-kbridge][data-kskin] .ec-base-prdEmpty{border:0;background:none;color:var(--mute)}
[data-kbridge][data-kskin] .fusion-empty__cta a,[data-kbridge][data-kskin] .fusion-empty__cta button{border-radius:4px}

/* ---------- 12. 마이쇼핑 — 괘선 상자들을 카드 문법으로 ---------- */
[data-kbridge][data-kskin] .myshopArea .section{background:var(--paper);border:1px solid var(--line);border-radius:4px}
[data-kbridge][data-kskin] .myshopArea .state li.on,[data-kbridge][data-kskin] .myshopArea .state .on{background:var(--brand);color:var(--on-brand)}
[data-kbridge][data-kskin] .bps-ops-bar{border:1px solid var(--line);border-radius:4px;background:var(--paper)}
[data-kbridge][data-kskin] .bps-ops-btn{border-radius:4px}

/* ---------- 13. 어워드(블루 스타즈) — bc 어휘를 kaw 문법으로 (마크업 유지 번역) ---------- */
[data-kbridge][data-kskin] .teaser.bc{background:var(--canvas)}
[data-kbridge][data-kskin] .bc-grades{border-top:1px solid var(--line)}
[data-kbridge][data-kskin] .bc-grade{border-bottom:1px solid var(--line)}
[data-kbridge][data-kskin] .bc-grade:hover{background:var(--paper)}
[data-kbridge][data-kskin] .bc-note{background:var(--paper);border-radius:4px}
[data-kbridge][data-kskin] .opendate{color:var(--brand)}
/* 260911 W-J5 — `.awb` 수상 보드 재해석(구조·문구는 Awards.tsx 그대로, 표현만 컬리 문법). GOLD 는 kurly.css 스킨 블록의
   --gold/--gold-wash 훅을 소비한다(색을 여기서 새로 정하지 않는다). 듀오톤·클래식 층은 Awards.css 하단([data-fskin]).
   kurly = 알약(--r-pill) + 그림자 층(--shadow) · ink = 각진 0·헤어라인·GOLD 칩은 흰 바탕 + 잉크 테두리 · sand/herb = --r-sm·Marcellus 제목·--canvas 면 */
[data-kbridge][data-kskin] .awb{font-family:var(--kfont);--aw-r-sm:var(--r-sm,8px);--aw-r-md:var(--r,12px);--aw-line2:var(--line)}
[data-kbridge][data-kskin] .awb .awb-official{border-radius:var(--aw-r-md)}
[data-kbridge][data-kskin] .awb .awb-off-k{color:var(--ey)}
[data-kbridge][data-kskin] .awb .cid h3{letter-spacing:-.3px}
[data-kbridge][data-kskin] .awb .grade{background:var(--gold-wash);color:var(--gold-ink);border-color:color-mix(in srgb,var(--gold) 40%,transparent)}
[data-kbridge][data-kskin] .awb .chip{background:var(--paper);color:var(--sub);border-color:var(--line)}
[data-kbridge][data-kskin] .awb .tile .ph{background:var(--canvas);border-color:var(--line)}
[data-kbridge][data-kskin] .awb .crow--open .openbox{background:var(--paper);border-color:var(--line);border-radius:var(--aw-r-md)}
[data-kbridge][data-kskin] .awb .awb-note{border-left-color:var(--gold)}
[data-kbridge][data-kskin] .awb-next{border-radius:var(--aw-r-sm,4px);border-left-color:var(--brand)}
/* kurly — 알약 칩·배지·버튼 + 그림자 층(하드 보더 대신) */
[data-kbridge][data-kskin="kurly"] .awb .grade,[data-kbridge][data-kskin="kurly"] .awb .chip,[data-kbridge][data-kskin="kurly"] .awb .awb-kind,[data-kbridge][data-kskin="kurly"] .awb .rkb,
[data-kbridge][data-kskin="kurly"] .awb .crow--open .btn-ink,[data-kbridge][data-kskin="kurly"] .awb .crow--open .btn-ghost{border-radius:var(--r-pill,999px)}
[data-kbridge][data-kskin="kurly"] .awb .awb-official,[data-kbridge][data-kskin="kurly"] .awb .tile .ph,[data-kbridge][data-kskin="kurly"] .awb .crow--open .openbox{box-shadow:var(--shadow,none)}
[data-kbridge][data-kskin="kurly"] .awb .tile:hover .ph{box-shadow:var(--shadow-2,none)}
/* ink — 각진 0·헤어라인(잉크 괘선)·GOLD 칩은 흰 바탕 + 잉크 테두리 + 금색 글자 */
[data-kbridge][data-kskin="ink"] .awb{--aw-r-sm:0px;--aw-r-md:0px;--aw-r-pill:0px}
[data-kbridge][data-kskin="ink"] .awb .awb-official,[data-kbridge][data-kskin="ink"] .awb .tile .ph,[data-kbridge][data-kskin="ink"] .awb .crow--open .openbox{box-shadow:none;border-radius:0}
[data-kbridge][data-kskin="ink"] .awb .grade{background:var(--paper);color:var(--gold-ink);border-color:var(--ink)}
[data-kbridge][data-kskin="ink"] .awb .awb-catlist{border-top:2px solid var(--ink)}
[data-kbridge][data-kskin="ink"] .awb .tile .ph{border-color:var(--ink)}
[data-kbridge][data-kskin="ink"] .awb .crow--open .btn-ink,[data-kbridge][data-kskin="ink"] .awb .crow--open .btn-ghost,[data-kbridge][data-kskin="ink"] .awb-next{border-radius:0}
/* sand·herb — Marcellus 제목(--disp)·--r-sm·따뜻한 면(--canvas) */
[data-kbridge][data-kskin="sand"] .awb .cid h3,[data-kbridge][data-kskin="herb"] .awb .cid h3{font-family:var(--disp);font-weight:400;font-size:22px;letter-spacing:.01em}
[data-kbridge][data-kskin="sand"] .awb .awb-off-label,[data-kbridge][data-kskin="herb"] .awb .awb-off-label{font-weight:400}
[data-kbridge][data-kskin="sand"] .awb .crow--open .openbox,[data-kbridge][data-kskin="herb"] .awb .crow--open .openbox{background:var(--canvas)}

/* ---------- 14. 주문 3종 — 카드·합계 문법 ---------- */
[data-kbridge][data-kskin] .cart-container,[data-kbridge][data-kskin] .checkout-sec,
[data-kbridge][data-kskin] .done-card{background:var(--paper);border:1px solid var(--line);border-radius:4px}
[data-kbridge][data-kskin] .cart-total{border-radius:4px}
[data-kbridge][data-kskin] .fusion-orderdone .done-cta a{border-radius:4px}

/* ---------- 15. 컬리 챙 — 서브페이지 푸터(.kfoot)·우측 레일(.kside)
   (KurlyFooter/KurlySideRail 컴포넌트가 브리지 래퍼 안에서 그린다 — .khome 밖) ---------- */
[data-kbridge] .kfoot{background:var(--paper);border-top:1px solid var(--line);padding:40px 0 70px;margin-top:40px;font-family:var(--kfont)}
[data-kbridge] .kfoot .kwrap{width:auto;max-width:1050px;margin:0 auto;padding:0 24px}
[data-kbridge] .kfoot .kcols{display:flex;gap:60px;flex-wrap:wrap}
[data-kbridge] .kfoot .kfbi{flex:1;min-width:220px}
[data-kbridge] .kbi2{font-family:var(--disp);font-size:24px;color:var(--brand);font-weight:700;display:block}
[data-kbridge][data-kskin="sand"] .kbi2,[data-kbridge][data-kskin="herb"] .kbi2{font-weight:400;letter-spacing:.4px}
[data-kbridge] .kbi2 small{display:block;font-size:11px;letter-spacing:.24em;color:var(--mute);margin-top:6px;font-family:var(--kfont);font-weight:500}
[data-kbridge] .kfblurb{font-size:13px;color:var(--sub);margin-top:14px;line-height:1.7;max-width:300px}
[data-kbridge] .kfoot h5{font-size:14px;font-weight:700;margin-bottom:10px;color:var(--ink)}
[data-kbridge] .kfoot li{font-size:13px;color:var(--sub);line-height:2;list-style:none}
[data-kbridge] .kfoot ul{margin:0;padding:0}
[data-kbridge] .kfoot li a{color:var(--sub);text-decoration:none}
[data-kbridge] .kfoot li a:hover{color:var(--brand)}
[data-kbridge] .klegal{margin-top:28px;padding-top:18px;border-top:1px solid var(--line);font-size:12px;color:var(--mute);line-height:1.9}
[data-kbridge] .klegal b{color:var(--sub)}
/* 우측 고정 레일 — ≤1330px 숨김(목업 규격) */
[data-kbridge] .kside{position:fixed;right:calc(50% - 629px);top:220px;width:80px;z-index:120;font-family:var(--kfont)}
[data-kbridge] .kside .kkv{display:block;border:1px solid var(--line);background:var(--paper);text-decoration:none;color:var(--ink)}
[data-kbridge] .kside .kkv img{width:100%;height:78px;object-fit:cover;display:block}
[data-kbridge] .kside .kkv p{font-size:11px;font-weight:700;text-align:center;padding:7px 4px;line-height:1.4;margin:0}
[data-kbridge] .kside a.klk{display:block;border:1px solid var(--line);border-top:0;background:var(--paper);font-size:11px;text-align:center;padding:8px 2px;color:var(--sub);text-decoration:none}
[data-kbridge] .kside a.klk:hover{color:var(--brand)}
[data-kbridge] .kside .ktopbtn{margin-top:8px;width:80px;height:34px;border:1px solid var(--line);background:var(--paper);font-size:11px;color:var(--sub);cursor:pointer}
[data-kbridge] .kside .ktopbtn:hover{color:var(--brand);border-color:var(--brand)}
/* 260902 접기·닫기 — 홈(.khome) 규격과 동일 */
[data-kbridge] .kside .kside-ctl{display:flex;gap:2px;margin-bottom:2px}
[data-kbridge] .kside .kside-ctl button{flex:1;height:20px;border:1px solid var(--line);background:var(--paper);font-size:11px;line-height:1;color:var(--mute);cursor:pointer;padding:0}
[data-kbridge] .kside .kside-ctl button:hover{color:var(--brand);border-color:var(--brand)}
[data-kbridge] .kside.kside-min{width:24px}
[data-kbridge] .kside.kside-min .kside-expand{display:block;width:24px;height:60px;border:1px solid var(--line);background:var(--paper);font-size:14px;color:var(--sub);cursor:pointer;padding:0}
[data-kbridge] .kside.kside-min .kside-expand:hover{color:var(--brand);border-color:var(--brand)}
[data-kbridge] .kside.kside-min .ktopbtn{width:24px;height:28px;padding:0;font-size:12px}
/* 260902 드래그 이동 — 홈(.khome) 규격과 동일: ⠿ 그립·kkv(펼침)/레일 전체(접힘)가 드래그 시작면 */
[data-kbridge] .kside .kside-ctl .kside-grip{cursor:grab;touch-action:none;user-select:none}
[data-kbridge] .kside .kkv{cursor:grab;touch-action:none;user-select:none}
[data-kbridge] .kside.kside-min{cursor:grab;touch-action:none;user-select:none}
@media (max-width:1330px){[data-kbridge] .kside{display:none}}
/* 컬리 계열 서브페이지에서는 듀오톤 다크 푸터 대신 컬리 푸터가 선다 — MallLayout 분기.
   백탑 버튼은 컬리 레일의 ↑TOP 과 중복이라 레일(펼침·접힘)이 보일 때만 숨긴다 — 레일을 닫았거나(off)
   콘솔 옵션으로 끈 페이지에는 백탑이 다시 선다(260902). */
@media (min-width:1331px){html[data-kside="on"] [data-kbridge][data-kskin] .backtop,html[data-kside="min"] [data-kbridge][data-kskin] .backtop{display:none}}

/* ---------- 16. 반응형 — 컬리 규격(980 바텀내비 리듬과 정합) ---------- */
@media (max-width:980px){
  [data-kbridge][data-kskin] .wrap{padding:0 16px}
  [data-kbridge][data-kskin] .pgrid{grid-template-columns:repeat(2,1fr);gap:26px 12px}
  [data-kbridge][data-kskin] .kfoot .kcols{gap:28px}
}