/* ============================================================
   마켓 손질 v100 (2026-08-24 사장님 지시)
   1) 카드 위 장식용 파란 필름 스트립 제거 — 실제 포스터를 가렸다
   2) 그림칸/본문 경계선 정리 — 영상 모서리가 둥글어 흰 틈이 보였다
   3) 단건 계약 팝업 — 영상이 16:9이므로 위(영상)/아래(계약)로 나누고
      어두운 왼쪽 판을 걷어 밝은 톤으로 통일
   ============================================================ */

/* 1) 파란 블록(필름 스트립) 제거 */
html body:not(#a):not(#b):not(#c) .mk-strip-v3700{display:none!important}

/* 2) 카드 경계선 정리 */
html body:not(#a):not(#b):not(#c) .market-card{overflow:hidden!important}
html body:not(#a):not(#b):not(#c) .market-media video,
html body:not(#a):not(#b):not(#c) .market-live-video{border-radius:0!important}
html body:not(#a):not(#b):not(#c) .market-card .market-card-body{border-top:1px solid rgba(210,224,242,.9)!important}

/* 3) 단건 계약 팝업 — 위/아래 배치 + 밝은 톤 */
html body:not(#a):not(#b):not(#c):not(#d):not(#e) .contract-modal .contract-dialog{
  display:flex!important;flex-direction:column!important;
  width:min(720px,calc(100vw - 36px))!important;max-width:none!important;
  max-height:calc(100vh - 36px)!important;overflow:auto!important;
  background:linear-gradient(180deg,#ffffff,#eef4fc)!important;
  border:1px solid rgba(200,216,238,.95)!important;border-radius:22px!important;
  color:#1c2c40!important;
  box-shadow:0 40px 90px -40px rgba(20,40,80,.55)!important;
}
html body:not(#a):not(#b):not(#c):not(#d):not(#e) .contract-modal .contract-preview{
  width:100%!important;max-width:none!important;flex:0 0 auto!important;
  background:transparent!important;background-image:none!important;
  padding:18px 20px 0!important;color:#1c2c40!important;border:0!important;
}
html body:not(#a):not(#b):not(#c):not(#d):not(#e) .contract-modal .contract-preview-graphic{
  position:relative!important;display:block!important;width:100%!important;max-width:none!important;
  height:auto!important;margin:0!important;flex:none!important;
  aspect-ratio:16/9!important;min-height:0!important;
  border-radius:14px!important;overflow:hidden!important;
  background-color:#0b1322!important;background-size:cover!important;background-position:center!important;
  border:1px solid rgba(200,216,238,.7)!important;
}
html body:not(#a):not(#b):not(#c):not(#d):not(#e) .contract-modal .contract-preview-graphic video{
  position:absolute;inset:0;width:100%;height:100%;object-fit:cover;display:block;
}
/* 포스터·영상이 붙으면 자리 지킴 그림은 숨긴다 */
html body:not(#a):not(#b):not(#c):not(#d):not(#e) .contract-modal .contract-preview-graphic.has-live .market-art{display:none!important}
html body:not(#a):not(#b):not(#c):not(#d):not(#e) .contract-modal .contract-preview .kicker{color:#2f6ec9!important;margin-top:14px!important}
html body:not(#a):not(#b):not(#c):not(#d):not(#e) .contract-modal .contract-preview h2{color:#14202e!important;text-shadow:none!important}
html body:not(#a):not(#b):not(#c):not(#d):not(#e) .contract-modal .contract-preview p:not(.kicker){color:#4d6076!important}
html body:not(#a):not(#b):not(#c):not(#d):not(#e) .contract-modal .contract-preview .market-watermark{display:none!important}
html body:not(#a):not(#b):not(#c):not(#d):not(#e) .contract-modal .contract-panel{
  width:100%!important;background:transparent!important;padding:4px 20px 20px!important;border:0!important;
}
@media(max-width:720px){
  html body:not(#a):not(#b):not(#c):not(#d):not(#e) .contract-modal .contract-dialog{width:calc(100vw - 20px)!important;max-height:calc(100vh - 20px)!important}
}

/* ---------- 세로 자산: 팝업을 옆으로 (미리보기 왼쪽 · 계약 오른쪽) ---------- */
html body:not(#a):not(#b):not(#c):not(#d):not(#e) .contract-modal.is-portrait-v100 .contract-dialog{
  flex-direction:row!important;width:min(1020px,calc(100vw - 36px))!important;align-items:stretch!important;
}
html body:not(#a):not(#b):not(#c):not(#d):not(#e) .contract-modal.is-portrait-v100 .contract-preview{
  width:340px!important;flex:0 0 340px!important;padding:18px 0 18px 20px!important;
}
html body:not(#a):not(#b):not(#c):not(#d):not(#e) .contract-modal.is-portrait-v100 .contract-panel{
  flex:1 1 auto!important;min-width:0!important;
}
@media(max-width:860px){
  html body:not(#a):not(#b):not(#c):not(#d):not(#e) .contract-modal.is-portrait-v100 .contract-dialog{flex-direction:column!important}
  html body:not(#a):not(#b):not(#c):not(#d):not(#e) .contract-modal.is-portrait-v100 .contract-preview{width:100%!important;flex:0 0 auto!important;padding:18px 20px 0!important}
  html body:not(#a):not(#b):not(#c):not(#d):not(#e) .contract-modal.is-portrait-v100 .contract-preview-graphic{max-height:52vh!important;width:auto!important;margin:0 auto!important}
}
/* 미리보기 칸을 영상이 꽉 채우게 — 자리 지킴 그림도 가장자리까지 */
html body:not(#a):not(#b):not(#c):not(#d):not(#e) .contract-modal .contract-preview-graphic .market-art{
  position:absolute!important;inset:0!important;width:100%!important;height:100%!important;
  margin:0!important;border-radius:0!important;max-width:none!important;max-height:none!important;
}

/* ---------- 재생 팝업 (라이트박스) ---------- */
html body:not(#a):not(#b):not(#c):not(#d):not(#e) .market-lightbox-v100{
  position:fixed;inset:0;z-index:11000;display:grid;place-items:center;padding:22px;
}
html body:not(#a):not(#b):not(#c):not(#d):not(#e) .market-lightbox-v100[hidden]{display:none!important}
html body:not(#a):not(#b):not(#c):not(#d):not(#e) .mlb-backdrop-v100{
  position:absolute;inset:0;border:0;cursor:pointer;background:rgba(8,14,26,.66);backdrop-filter:blur(10px);
}
html body:not(#a):not(#b):not(#c):not(#d):not(#e) .mlb-dialog-v100{
  position:relative;width:min(880px,calc(100vw - 36px));max-height:calc(100vh - 36px);overflow:auto;
  border-radius:22px;border:1px solid rgba(200,216,238,.95);
  background:linear-gradient(180deg,#ffffff,#eef4fc);color:#1c2c40;
  box-shadow:0 40px 90px -40px rgba(10,25,55,.75);padding:16px 18px 18px;
}
html body:not(#a):not(#b):not(#c):not(#d):not(#e) .mlb-dialog-v100 header{
  display:flex;align-items:flex-start;gap:12px;margin-bottom:12px;
}
html body:not(#a):not(#b):not(#c):not(#d):not(#e) .mlb-dialog-v100 header small{display:block;font-size:11.5px;color:#2f6ec9;font-weight:800;margin-bottom:3px}
html body:not(#a):not(#b):not(#c):not(#d):not(#e) .mlb-dialog-v100 header strong{font-size:17px;color:#14202e}
html body:not(#a):not(#b):not(#c):not(#d):not(#e) .mlb-close-v100{
  margin-left:auto;width:34px;height:34px;border-radius:11px;cursor:pointer;font-size:16px;filter:none!important;
  border:1px solid rgba(200,216,238,.95);background:#fff;color:#41566e;flex:0 0 auto;
}
html body:not(#a):not(#b):not(#c):not(#d):not(#e) .mlb-stage-v100{
  position:relative;width:100%;aspect-ratio:16/9;border-radius:14px;overflow:hidden;
  background-color:#0b1322;background-size:cover;background-position:center;
  border:1px solid rgba(200,216,238,.7);max-height:calc(100vh - 220px);
}
html body:not(#a):not(#b):not(#c):not(#d):not(#e) .mlb-stage-v100 video{
  position:absolute;inset:0;width:100%;height:100%;object-fit:contain;display:block;background:transparent;
}
html body:not(#a):not(#b):not(#c):not(#d):not(#e) .mlb-dialog-v100 footer{margin-top:14px;display:flex;justify-content:flex-end}
html body:not(#a):not(#b):not(#c):not(#d):not(#e) .mlb-detail-v100{
  padding:11px 20px;border-radius:12px;border:0;cursor:pointer;font-weight:800;font-size:13.5px;color:#fff;filter:none!important;
  background:linear-gradient(180deg,#3f7edb,#2f6ec9);
  box-shadow:0 8px 18px -10px rgba(47,110,201,.85),inset 0 1.5px 0 rgba(255,255,255,.35);
}

/* 카드에는 썸네일(포스터)만 — 카드 안 영상 재생은 쓰지 않는다.
   재생은 ▶ 를 눌러 열리는 팝업에서만 한다. */
html body:not(#a):not(#b):not(#c):not(#d):not(#e) .market-card video.market-live-video{display:none!important}


/* ============================================================
   v110 — 카드 본문 정돈 + 계약 팝업 압축 (2026-08-24 사장님 지시)
   ============================================================ */
/* 카드: 모두 같은 16:9 그림칸 — 세로 영상도 칸을 꽉 채운다(가운데 잘라냄) */
html body:not(#a):not(#b):not(#c):not(#d):not(#e) .market-card .market-media{
  aspect-ratio:16/9!important;height:auto!important;min-height:0!important;max-height:none!important;
  background-size:cover!important;background-position:center!important;
}
/* 카드 본문: 밝게 + 문구 정돈 (판매자 작게 → 제목 크게 → 가격 강조) */
html body:not(#a):not(#b):not(#c):not(#d):not(#e) .market-card .market-card-body{
  background:linear-gradient(180deg,#ffffff,#f4f8fd)!important;
  padding:13px 16px 15px!important;display:flex!important;flex-direction:column!important;gap:4px!important;
}
html body:not(#a):not(#b):not(#c):not(#d):not(#e) .market-card .market-card-body>*{margin:0!important}
html body:not(#a):not(#b):not(#c):not(#d):not(#e) .market-card .market-seller,
html body:not(#a):not(#b):not(#c):not(#d):not(#e) .market-card .market-card-body small,
html body:not(#a):not(#b):not(#c):not(#d):not(#e) .market-card .market-card-body>p:first-child{
  font-size:11px!important;font-weight:700!important;color:#7288a1!important;letter-spacing:.02em;
}
html body:not(#a):not(#b):not(#c):not(#d):not(#e) .market-card .market-card-body h3,
html body:not(#a):not(#b):not(#c):not(#d):not(#e) .market-card .market-title{
  font-size:15.5px!important;font-weight:800!important;color:#14202e!important;line-height:1.35!important;
  white-space:nowrap;overflow:hidden;text-overflow:ellipsis;
}
html body:not(#a):not(#b):not(#c):not(#d):not(#e) .market-card .market-card-foot{
  font-size:16px!important;font-weight:800!important;color:#1d4e9c!important;margin-top:3px!important;
}
/* 긴 이용 범위 설명은 카드에선 숨긴다 — 팝업에서 다 보인다 */
html body:not(#a):not(#b):not(#c):not(#d):not(#e) .market-card p.market-description{display:none!important}

/* 계약 팝업: 군더더기 제거 — 스크롤 없이 한눈에 */
html body:not(#a):not(#b):not(#c):not(#d):not(#e) .contract-modal .contract-preview .kicker{display:none!important}
html body:not(#a):not(#b):not(#c):not(#d):not(#e) .contract-modal .contract-preview p:not(.kicker){display:none!important}
html body:not(#a):not(#b):not(#c):not(#d):not(#e) .contract-modal .contract-preview h2{
  font-size:19px!important;margin:12px 0 0!important;
}
html body:not(#a):not(#b):not(#c):not(#d):not(#e) .contract-modal .contract-preview{padding:14px 16px 0!important}
html body:not(#a):not(#b):not(#c):not(#d):not(#e) .contract-modal .contract-panel{padding:2px 16px 16px!important}
html body:not(#a):not(#b):not(#c):not(#d):not(#e) .contract-modal .contract-top{margin:8px 0 6px!important}
html body:not(#a):not(#b):not(#c):not(#d):not(#e) .contract-modal .contract-top h2,
html body:not(#a):not(#b):not(#c):not(#d):not(#e) .contract-modal .contract-top div>*{font-size:16px!important;margin:0!important}
html body:not(#a):not(#b):not(#c):not(#d):not(#e) .contract-modal .contract-summary{
  display:grid!important;grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:8px!important;margin:0 0 10px!important;
}
html body:not(#a):not(#b):not(#c):not(#d):not(#e) .contract-modal .contract-summary>div{padding:9px 12px!important;margin:0!important}
html body:not(#a):not(#b):not(#c):not(#d):not(#e) .contract-modal .contract-summary dt,
html body:not(#a):not(#b):not(#c):not(#d):not(#e) .contract-modal .contract-summary small{font-size:10.5px!important}
html body:not(#a):not(#b):not(#c):not(#d):not(#e) .contract-modal .contract-summary dd,
html body:not(#a):not(#b):not(#c):not(#d):not(#e) .contract-modal .contract-summary strong{font-size:13px!important}
html body:not(#a):not(#b):not(#c):not(#d):not(#e) .contract-modal .contract-note,
html body:not(#a):not(#b):not(#c):not(#d):not(#e) .contract-modal .fee-policy-note{display:none!important}
html body:not(#a):not(#b):not(#c):not(#d):not(#e) .contract-modal .contract-form-grid{gap:9px!important}
html body:not(#a):not(#b):not(#c):not(#d):not(#e) .contract-modal .contract-form-grid label{gap:5px!important;font-size:11.5px!important}
html body:not(#a):not(#b):not(#c):not(#d):not(#e) .contract-modal .contract-form-grid input,
html body:not(#a):not(#b):not(#c):not(#d):not(#e) .contract-modal .contract-form-grid select{height:44px!important}
html body:not(#a):not(#b):not(#c):not(#d):not(#e) .contract-modal .contract-form-grid textarea{min-height:56px!important}
html body:not(#a):not(#b):not(#c):not(#d):not(#e) .contract-modal .contract-dialog{width:min(680px,calc(100vw - 36px))!important}
html body:not(#a):not(#b):not(#c):not(#d):not(#e) .contract-modal.is-portrait-v100 .contract-dialog{width:min(1020px,calc(100vw - 36px))!important}


/* 팝업 뒤 배경막 — 반투명이라 뒤 페이지의 밝은 판 경계가 비쳐 보였다.
   거의 불투명한 한 가지 색으로 눌러 어디서나 균일하게 만든다. */
html body:not(#a):not(#b):not(#c):not(#d):not(#e) .contract-modal .contract-backdrop{
  background:#dde7f3!important;   /* 완전 불투명 · 사이트 밝은 톤 — 뒤 내용이 안 비친다 */
  backdrop-filter:none!important;-webkit-backdrop-filter:none!important;
}
/* 배경막 위에 얹힌 유리 광택 장식(흰 그라데이션)이 경계선의 진짜 원인이었다 */
html body:not(#a):not(#b):not(#c):not(#d):not(#e) .contract-modal .contract-backdrop::before,
html body:not(#a):not(#b):not(#c):not(#d):not(#e) .contract-modal .contract-backdrop::after{
  content:none!important;display:none!important;
}


/* 썸네일 전용 카드 — 포스터를 흐림/어둡게 깔던 필터를 걷고 또렷하게.
   (예전엔 영상이 위에서 돌 때의 배경용이라 일부러 흐렸다) */
html body:not(#a):not(#b):not(#c):not(#d):not(#e) .market-card img.arife-product-poster{
  filter:none!important;opacity:1!important;
  object-fit:cover!important;object-position:center!important;
  width:100%!important;height:100%!important;
}

/* 단건 계약 팝업 간소화 — 사용 지역·월렌트 기간·요청 사항 숨김 (스크롤 제거) */
html body:not(#a):not(#b):not(#c):not(#d):not(#e) .contract-modal .contract-field[hidden]{display:none!important}
/* 밝은 배경막 위에서 팝업이 떠 보이게 그림자 보강 */
html body:not(#a):not(#b):not(#c):not(#d):not(#e) .contract-modal .contract-dialog{
  box-shadow:0 30px 70px -28px rgba(20,40,80,.45),0 0 0 1px rgba(180,198,222,.6)!important;
}

/* ── v110: 쪽 번호 (마켓도 기업 라이선스처럼 여섯 개씩) ────── */
.market-page:not(#_a):not(#_b):not(#_c) .market-pager-v227{
  display:flex;justify-content:center;gap:6px;margin:22px 0 6px;
}
.market-page:not(#_a):not(#_b):not(#_c) .market-pager-v227[hidden]{display:none}
.market-page:not(#_a):not(#_b):not(#_c) .market-pager-v227 button{
  min-width:38px;min-height:38px;padding:0 11px;
  border:0;border-radius:12px;cursor:pointer;
  background:rgba(255,255,255,.8);color:#1b3e6b;font-weight:800;font-size:13px;
  box-shadow:inset 0 1.5px 1px -1px #fff,inset 0 0 0 1px rgba(160,196,244,.55);
}
.market-page:not(#_a):not(#_b):not(#_c) .market-pager-v227 button.is-on{
  background:linear-gradient(180deg,#5b9bec,#2f6ec9);color:#fff;
  box-shadow:inset 0 1.5px 1px -1px rgba(255,255,255,.8),0 10px 18px -12px rgba(30,80,160,.85);
}
.market-page:not(#_a):not(#_b):not(#_c) .market-pager-v227 button:disabled{opacity:.4;cursor:default}


/* ── v120: 쪽 번호 보조 표기 — 접힌 구간(…)과 현재 쪽 안내 ── */
.pager-gap-v120{align-self:center;padding:0 2px;color:#7d95b3;font-weight:800;letter-spacing:.08em}
.pager-info-v120{align-self:center;margin-left:10px;padding:7px 13px;border-radius:999px;
  background:rgba(255,255,255,.72);color:#3d5f88;font-size:12px;font-weight:800;white-space:nowrap;
  box-shadow:inset 0 1.5px 1px -1px #fff,inset 0 0 0 1px rgba(160,196,244,.5)}