/* ============================================================
   ARIFE 마켓 '필름 시트' v3700
   왼쪽 조건 콘솔 + 오른쪽 영상 시트(화면비대로 놓이는 격자)
   ============================================================ */

body.mk-sheet-v3700{
  --mk-cyan:#5fd6f5;
  --mk-violet:#8c7dff;
  --mk-line:rgba(150,183,222,.18);
}

/* ── 틀 ───────────────────────────────────────────────────── */
.mk-sheet-wrap-v3700{
  display:grid;
  grid-template-columns:252px minmax(0,1fr);
  gap:18px;
  align-items:start;
}

/* ── 조건 콘솔 ────────────────────────────────────────────── */
.mk-console-v3700{
  position:sticky;
  top:96px;
  display:grid;
  gap:15px;
  padding:16px 15px 15px;
  border:1px solid var(--mk-line);
  border-radius:18px;
  background:
    linear-gradient(160deg,rgba(255,255,255,.055),rgba(255,255,255,0) 46%),
    #0a0f18;
  box-shadow:inset 0 1px rgba(255,255,255,.09),0 18px 42px rgba(0,0,0,.34);
}
.mk-con-head-v3700{
  margin:0;
  color:var(--mk-cyan);
  font:850 10px/1 ui-monospace,Consolas,monospace;
  letter-spacing:.22em;
}
.mk-con-group-v3700{ display:grid; gap:8px; }
.mk-con-group-v3700 > span{
  color:#8fa1b8;
  font-size:11px;
  font-weight:800;
  letter-spacing:.04em;
}
.mk-con-chips-v3700{ display:flex; flex-wrap:wrap; gap:5px; }

/* 새 칩과 기존 용도 칩을 한 모양으로 */
.mk-con-chip-v3700,
body.mk-sheet-v3700 .mk-console-v3700 .market-tag:not(#_):not(#_){
  min-height:0!important;
  padding:6px 10px!important;
  border:1px solid rgba(150,183,222,.2)!important;
  border-radius:9px!important;
  background:rgba(255,255,255,.03)!important;
  color:#9dabbe!important;
  font:700 11px/1.25 inherit!important;
  font-family:inherit!important;
  cursor:pointer;
  box-shadow:none!important;
  filter:none!important;
  transition:border-color .18s ease,background .18s ease,color .18s ease!important;
}
.mk-con-chip-v3700:hover,
body.mk-sheet-v3700 .mk-console-v3700 .market-tag:hover:not(#_):not(#_){
  border-color:rgba(95,214,245,.34)!important;
  color:#e2eefb!important;
  transform:none!important;
}
.mk-con-chip-v3700.is-on,
body.mk-sheet-v3700 .mk-console-v3700 .market-tag.active:not(#_):not(#_){
  border-color:rgba(95,214,245,.5)!important;
  background:linear-gradient(120deg,rgba(95,214,245,.2),rgba(140,125,255,.1))!important;
  color:#eaf8ff!important;
}
body.mk-sheet-v3700 .mk-console-v3700 .market-tags:not(#_):not(#_){
  display:flex!important;
  flex-wrap:wrap!important;
  gap:5px!important;
}
body.mk-sheet-v3700 .mk-console-v3700 .market-toolbar:not(#_):not(#_){
  display:grid!important;
  grid-template-columns:minmax(0,1fr)!important;
  gap:8px!important;
  padding:0!important;
  border:0!important;
  background:none!important;
}
.mk-con-reset-v3700{
  margin-top:2px;
  min-height:36px;
  border:1px solid var(--mk-line);
  border-radius:10px;
  background:transparent;
  color:#8b99ac;
  font:700 11.5px/1 inherit;
  font-family:inherit;
  cursor:pointer;
}
.mk-con-reset-v3700:hover{ border-color:rgba(95,214,245,.34); color:#dbe7f6; }

/* ── 영상 시트 ────────────────────────────────────────────── */
body.mk-sheet-v3700 .market-grid:not(#_):not(#_){
  display:grid!important;
  grid-template-columns:repeat(6,minmax(0,1fr))!important;
  grid-auto-rows:98px!important;
  grid-auto-flow:dense!important;
  gap:12px!important;
}
body.mk-sheet-v3700 .market-card:not(#_):not(#_){
  position:relative;
  min-height:0!important;
  height:auto!important;
  padding:0!important;
  border-radius:16px!important;
  overflow:hidden!important;
  cursor:pointer;
  transition:transform .2s ease,border-color .2s ease,box-shadow .2s ease!important;
}
body.mk-sheet-v3700 .market-card:hover:not(#_):not(#_){
  transform:translateY(-2px);
  border-color:rgba(95,214,245,.4)!important;
  box-shadow:0 18px 38px rgba(0,0,0,.42)!important;
}
/* 화면비가 곧 자리 크기다 */
body.mk-sheet-v3700 .market-card.is-mk-wide-v3700:not(#_):not(#_)  { grid-column:span 3!important; grid-row:span 2!important; }
body.mk-sheet-v3700 .market-card.is-mk-ultra-v3700:not(#_):not(#_) { grid-column:span 4!important; grid-row:span 2!important; }
body.mk-sheet-v3700 .market-card.is-mk-tall-v3700:not(#_):not(#_)  { grid-column:span 2!important; grid-row:span 4!important; }
body.mk-sheet-v3700 .market-card.is-mk-square-v3700:not(#_):not(#_){ grid-column:span 2!important; grid-row:span 2!important; }

/* 조건에서 걸러진 것, 이번 쪽에 안 들어간 것 */
body.mk-sheet-v3700 .market-card.is-sheet-off-v3700:not(#_):not(#_),
body.mk-sheet-v3700 .market-card.is-sheet-page-v3700:not(#_):not(#_){ display:none!important; }

/* 그림이 칸을 가득 채운다 */
body.mk-sheet-v3700 .market-card .market-media:not(#_):not(#_){
  position:absolute!important;
  inset:0!important;
  height:auto!important;
  min-height:0!important;
  border-radius:0!important;
}
body.mk-sheet-v3700 .market-card .market-art:not(#_):not(#_){
  position:absolute!important;
  inset:0!important;
  width:100%!important;
  height:100%!important;
  transform:scale(1.22);
}
body.mk-sheet-v3700 .market-card .market-art-chip:not(#_):not(#_),
body.mk-sheet-v3700 .market-card .market-badges:not(#_):not(#_),
body.mk-sheet-v3700 .market-card .market-description:not(#_):not(#_),
body.mk-sheet-v3700 .market-card .market-price-notes:not(#_):not(#_),
body.mk-sheet-v3700 .market-card .market-detail:not(#_):not(#_){ display:none!important; }

/* 아래쪽 정보 — 그림 위에 얹되 글이 묻히지 않게 어둠을 깐다 */
body.mk-sheet-v3700 .market-card .market-card-body:not(#_):not(#_){
  position:absolute!important;
  left:0; right:0; bottom:0;
  z-index:3;
  display:grid!important;
  gap:3px!important;
  padding:40px 14px 13px!important;
  background:linear-gradient(180deg,transparent,rgba(4,7,12,.84) 46%,rgba(4,7,12,.96))!important;
}
body.mk-sheet-v3700 .market-card .market-seller:not(#_):not(#_){ font-size:9.5px!important; opacity:.78; }
body.mk-sheet-v3700 .market-card h3:not(#_):not(#_){ margin:0!important; font-size:14px!important; line-height:1.35!important; }
body.mk-sheet-v3700 .market-card .market-card-foot:not(#_):not(#_){
  margin:2px 0 0!important; padding:0!important; border:0!important;
}
body.mk-sheet-v3700 .market-card .market-card-foot strong:not(#_):not(#_){ font-size:14px!important; white-space:nowrap!important; }

/* 미리보기 단추는 올려 놨을 때만 */
body.mk-sheet-v3700 .market-card .market-preview-trigger:not(#_):not(#_){
  z-index:4!important;
  width:46px!important; min-width:46px!important; max-width:46px!important;
  height:46px!important; min-height:46px!important; max-height:46px!important;
  opacity:0!important;
  transition:opacity .2s ease!important;
}
body.mk-sheet-v3700 .market-card:hover .market-preview-trigger:not(#_):not(#_),
body.mk-sheet-v3700 .market-card:focus-within .market-preview-trigger:not(#_):not(#_){ opacity:1!important; }

/* 화면비 · 형식 · 길이 */
.mk-meta-v3700{
  position:absolute;
  z-index:3;
  left:12px;
  top:11px;
  display:flex;
  gap:5px;
}
.mk-meta-v3700 span{
  padding:4px 7px;
  border:1px solid rgba(190,220,245,.2);
  border-radius:6px;
  background:rgba(4,8,14,.62);
  color:#bccbdd;
  font:800 9px/1 ui-monospace,Consolas,monospace;
  letter-spacing:.08em;
  backdrop-filter:blur(6px);
}
/* 프레임 넉 장 — 올려 놓으면 나타난다 */
.mk-strip-v3700{
  position:absolute;
  z-index:3;
  left:12px; right:12px;
  bottom:76px;
  display:grid;
  grid-template-columns:repeat(4,minmax(0,1fr));
  gap:4px;
  opacity:0;
  transition:opacity .22s ease;
  pointer-events:none;
}
body.mk-sheet-v3700 .market-card:hover .mk-strip-v3700{ opacity:1; }
.mk-strip-v3700 i{
  height:30px;
  border:1px solid rgba(190,220,245,.22);
  border-radius:5px;
  background:linear-gradient(140deg,rgba(95,214,245,.3),rgba(140,125,255,.16));
}
.mk-strip-v3700 i:nth-child(2){ background:linear-gradient(140deg,rgba(95,214,245,.18),rgba(140,125,255,.3)); }
.mk-strip-v3700 i:nth-child(3){ background:linear-gradient(140deg,rgba(140,125,255,.26),rgba(95,214,245,.14)); }
.mk-strip-v3700 i:nth-child(4){ background:linear-gradient(140deg,rgba(95,214,245,.36),rgba(140,125,255,.1)); }
body.mk-sheet-v3700 .market-card.is-mk-tall-v3700 .mk-strip-v3700{ bottom:88px; }

/* ── 더 보기 · 결과 없음 ─────────────────────────────────── */
.mk-more-v3700{
  grid-column:1 / -1;
  justify-self:center;
  margin:18px auto 0;
  min-height:46px;
  padding:0 30px;
  border:1px solid var(--mk-line);
  border-radius:99px;
  background:rgba(255,255,255,.035);
  color:#d3dded;
  font:800 13px/1 inherit;
  font-family:inherit;
  cursor:pointer;
}
.mk-more-v3700:hover{ border-color:rgba(95,214,245,.42); background:rgba(95,214,245,.09); }
.mk-more-v3700[hidden]{ display:none; }
.mk-empty-v3700{
  margin:22px 0 0;
  padding:26px;
  border:1px dashed var(--mk-line);
  border-radius:14px;
  color:#8592a5;
  font-size:13px;
  text-align:center;
}
.mk-empty-v3700[hidden]{ display:none; }

/* ── 좁은 화면 ────────────────────────────────────────────── */
@media (max-width:1080px){
  .mk-sheet-wrap-v3700{ grid-template-columns:minmax(0,1fr); }
  .mk-console-v3700{ position:static; }
  body.mk-sheet-v3700 .market-grid:not(#_):not(#_){ grid-template-columns:repeat(4,minmax(0,1fr))!important; }
  body.mk-sheet-v3700 .market-card.is-mk-ultra-v3700:not(#_):not(#_){ grid-column:span 4!important; }
  body.mk-sheet-v3700 .market-card.is-mk-wide-v3700:not(#_):not(#_){ grid-column:span 2!important; }
}
@media (max-width:640px){
  body.mk-sheet-v3700 .market-grid:not(#_):not(#_){
    grid-template-columns:repeat(2,minmax(0,1fr))!important;
    grid-auto-rows:74px!important;
    gap:10px!important;
  }
  /* 세 칸(222px)로 준다 — 두 칸이면 제목·값이 위 표시(화면비·길이)에 닿는다 */
  body.mk-sheet-v3700 .market-card.is-mk-wide-v3700:not(#_):not(#_),
  body.mk-sheet-v3700 .market-card.is-mk-ultra-v3700:not(#_):not(#_),
  body.mk-sheet-v3700 .market-card.is-mk-square-v3700:not(#_):not(#_){ grid-column:span 2!important; grid-row:span 3!important; }
  body.mk-sheet-v3700 .market-card.is-mk-tall-v3700:not(#_):not(#_){ grid-column:span 1!important; grid-row:span 4!important; }
  body.mk-sheet-v3700 .market-card .market-card-body:not(#_):not(#_){ padding:34px 12px 12px!important; }
  .mk-strip-v3700{ display:none; }
  body.mk-sheet-v3700 .market-card .market-preview-trigger:not(#_):not(#_){ opacity:1!important; }
}

/* 개수 표시를 '조건' 머리 옆으로 */
.mk-con-head-v3700{ display:flex; align-items:center; justify-content:space-between; gap:8px; }
.mk-con-head-v3700 .market-count:not(#_):not(#_),
.mk-con-head-v3700 #market-count:not(#_):not(#_){
  padding:4px 9px!important;
  border:1px solid rgba(95,214,245,.34)!important;
  border-radius:99px!important;
  background:rgba(95,214,245,.1)!important;
  color:#cdeefb!important;
  font:800 10px/1 ui-monospace,Consolas,monospace!important;
  letter-spacing:.06em!important;
}

/* 용도 칩 앞 기호(○ ▣ ◇ ▶ ▯ □)는 뜻이 제각각이라 눈만 어지럽힌다 */
body.mk-sheet-v3700 .mk-console-v3700 .market-tag > i:not(#_):not(#_){ display:none!important; }

/* ▶ 단추가 제목 띠 밑에 깔려 잘 안 눌렸다. 카드 전체가 과녁이 되었으니
   이 단추는 '눌러 보라'는 표시 역할만 한다 — 클릭은 카드가 받는다. */
body.mk-sheet-v3700 .market-card .market-preview-trigger:not(#_):not(#_){
  pointer-events:none!important;
  z-index:5!important;
}

/* ============================================================
   v3710 — 조건 콘솔 정돈 · 카드 미리보기 중앙 정렬

   지적: "너무 난잡하다"
     칩이 제 글자 길이대로 접혀서 한 줄에 3개, 다음 줄에 1개 하는 식으로
     들쭉날쭉했다. 여섯 묶음이 그러니 700px 짜리 누더기가 됐다.
   고침: 칸을 격자로 못 박는다. 용도는 2열, 길이·가격은 4칸 한 줄,
     화면비는 '모양'을 보여 주는 5칸 한 줄. 줄이 반듯해진다.
   ============================================================ */

/* ── 머리 ─────────────────────────────────────────────────── */
.mk-con-head-v3700{
  display:flex!important;
  align-items:center;
  justify-content:space-between;
  gap:8px;
  padding-bottom:12px;
  border-bottom:1px solid rgba(150,183,222,.14);
}
.mk-con-head-v3700 > b{
  color:var(--mk-cyan);
  font:850 10px/1 ui-monospace,Consolas,monospace;
  letter-spacing:.22em;
}

/* ── 용도 : 2열 격자 ─────────────────────────────────────── */
body.mk-sheet-v3700 .mk-console-v3700 .market-tags:not(#_):not(#_){
  display:grid!important;
  grid-template-columns:repeat(2,minmax(0,1fr))!important;
  gap:5px!important;
}
body.mk-sheet-v3700 .mk-console-v3700 .market-tag:not(#_):not(#_){
  justify-content:center!important;
  text-align:center!important;
  padding:8px 6px!important;
  white-space:nowrap!important;
}

/* ── 길이·가격 : 4칸 한 줄 ───────────────────────────────── */
.mk-con-seg-v3700{
  display:grid!important;
  grid-template-columns:repeat(4,minmax(0,1fr))!important;
  gap:0!important;
  padding:3px!important;
  border:1px solid rgba(150,183,222,.18);
  border-radius:11px;
  background:rgba(255,255,255,.022);
}
.mk-con-seg-v3700 .mk-con-chip-v3700{
  border-color:transparent!important;
  border-radius:8px!important;
  background:transparent!important;
  padding:7px 4px!important;
  font-size:10.5px!important;
  text-align:center;
  justify-content:center;
  white-space:nowrap;
}
.mk-con-seg-v3700 .mk-con-chip-v3700.is-on{
  border-color:transparent!important;
  background:linear-gradient(120deg,rgba(95,214,245,.22),rgba(140,125,255,.12))!important;
  box-shadow:inset 0 0 0 1px rgba(95,214,245,.34);
}

/* ── 화면비 : 글자 대신 모양 ─────────────────────────────── */
.mk-con-ar-v3700{
  display:grid!important;
  grid-template-columns:repeat(5,minmax(0,1fr))!important;
  gap:5px!important;
}
.mk-con-ar-v3700 .mk-con-chip-v3700{
  display:grid!important;
  place-items:center;
  gap:5px!important;
  padding:8px 3px 6px!important;
  border-radius:10px!important;
}
/* `aspect-ratio` 만 걸면 세로 모양이 상자에 갇혀 다 비슷해 보였다.
   높이 22px 을 기준으로 가로를 직접 정해 네 모양이 확실히 달라 보이게 한다. */
.mk-con-ar-v3700 u{
  display:block;
  border:1.5px solid currentColor;
  border-radius:3px;
  opacity:.66;
}
.mk-con-ar-v3700 button:nth-child(2) u{ width:22px; height:12px; }   /* 16:9 */
.mk-con-ar-v3700 button:nth-child(3) u{ width:12px; height:21px; }   /* 9:16 */
.mk-con-ar-v3700 button:nth-child(4) u{ width:17px; height:17px; }   /* 1:1  */
.mk-con-ar-v3700 button:nth-child(5) u{ width:24px; height:10px; }   /* 21:9 */
.mk-con-ar-v3700 .mk-ar-all-v3700{
  width:20px;
  height:14px;
  border-style:dashed;
}
.mk-con-ar-v3700 .mk-con-chip-v3700{ min-height:56px!important; align-content:center; }
.mk-con-ar-v3700 em{
  font:800 8.5px/1 ui-monospace,Consolas,monospace;
  font-style:normal;
  letter-spacing:.02em;
}
.mk-con-ar-v3700 .mk-con-chip-v3700.is-on u{ opacity:1; }

/* ── 검색·정렬 ────────────────────────────────────────────── */
/* ── 검색칸과 정렬칸이 어긋나던 것 ──────────────────────────
   검색은 `<label class="market-search">` 안에 `<input>` 이 든 두 겹이다.
   실측: 바깥 라벨 47px/반지름 10px, 안쪽 입력칸 52px/반지름 14px.
   안쪽이 5px 더 크고 모서리도 달라 상자가 삐져나와 보였다.
   바깥 라벨은 돋보기 아이콘을 얹을 자리로만 쓰고(테두리·배경 없음),
   보이는 상자는 입력칸 하나로 정한다. 정렬칸과 값을 똑같이 맞춘다. */
body.mk-sheet-v3700 .mk-console-v3700 .market-search:not(#_):not(#_){
  display:block!important;
  position:relative!important;
  min-height:0!important;
  height:auto!important;
  padding:0!important;
  border:0!important;
  border-radius:0!important;
  background:none!important;
  box-shadow:none!important;
}
body.mk-sheet-v3700 .mk-console-v3700 #market-search:not(#_):not(#_),
body.mk-sheet-v3700 .mk-console-v3700 .market-sort:not(#_):not(#_){
  box-sizing:border-box!important;
  width:100%!important;
  height:42px!important;
  min-height:42px!important;
  max-height:42px!important;
  margin:0!important;
  border:1px solid rgba(150,183,222,.2)!important;
  border-radius:11px!important;
  background:rgba(4,10,18,.72)!important;
  box-shadow:none!important;
  color:#e6edf8!important;
  font-size:12px!important;
  font-family:inherit!important;
  line-height:1!important;
}
body.mk-sheet-v3700 .mk-console-v3700 #market-search:not(#_):not(#_){
  padding:0 13px 0 34px!important;
}
body.mk-sheet-v3700 .mk-console-v3700 .market-sort:not(#_):not(#_){
  padding:0 13px!important;
}
body.mk-sheet-v3700 .mk-console-v3700 #market-search:focus:not(#_):not(#_),
body.mk-sheet-v3700 .mk-console-v3700 .market-sort:focus:not(#_):not(#_){
  border-color:rgba(95,214,245,.5)!important;
  outline:0!important;
}
/* 돋보기는 입력칸 안 왼쪽에 세로 가운데 */
body.mk-sheet-v3700 .mk-console-v3700 .market-search::before{
  left:13px!important;
  top:50%!important;
  right:auto!important;
  bottom:auto!important;
  width:auto!important;
  height:auto!important;
  transform:translateY(-50%)!important;
  font-size:12px!important;
  line-height:1!important;
  color:#7f8ea3!important;
}
/* 정렬 라벨(숨은 글자만 든 껍데기)이 높이를 만들지 않게 */
body.mk-sheet-v3700 .mk-console-v3700 .market-toolbar > label:not(.market-search):not(#_):not(#_){
  display:block!important;
  min-height:0!important;
  height:auto!important;
  padding:0!important;
  border:0!important;
  background:none!important;
}

/* ── 카드 : 그림을 화면비에 맞춰 가운데 ─────────────────────
   지금은 그림을 1.22배로 키워 잘라 넣어서, 세로 작품이 가로로
   잘리거나 가운데가 어긋났다. 잘라 채우지 말고 '해상도 비율대로
   가운데 맞춤' 으로 바꾼다. */
body.mk-sheet-v3700 .market-card .market-media:not(#_):not(#_){
  display:grid!important;
  place-items:center!important;
  overflow:hidden!important;
}
/* 그림 안의 고리·빛은 제 상자를 기준으로 자리를 잡는다.
   `inset:auto` + `translate(-50%,-50%)` 로 바꿨더니 그 기준이 무너져
   고리가 왼쪽 위 구석에 붙어 버렸다(사용자 화면에서 확인).
   상자를 칸에 딱 맞추기만 하고 안쪽은 원래대로 둔다. */
body.mk-sheet-v3700 .market-card .market-art:not(#_):not(#_){
  position:absolute!important;
  inset:0!important;
  width:100%!important;
  height:100%!important;
  transform:none!important;
}

/* ── 카드 한가운데 재생 표시 + 길이 문구 ───────────────────── */
.mk-play-v3700{
  position:absolute;
  z-index:4;
  left:50%;
  top:50%;
  transform:translate(-50%,-50%);
  display:grid;
  justify-items:center;
  gap:7px;
  pointer-events:none;
  opacity:.9;
  transition:opacity .2s ease,transform .2s ease;
}
.mk-play-v3700 > b{
  width:44px;
  height:44px;
  display:grid;
  place-items:center;
  padding-left:3px;
  border:1px solid rgba(190,236,252,.5);
  border-radius:50%;
  background:linear-gradient(150deg,rgba(95,214,245,.92),rgba(52,150,190,.86));
  color:#04141c;
  font-size:15px;
  line-height:1;
  box-shadow:0 10px 26px rgba(0,0,0,.42);
}
.mk-play-v3700 > i{
  padding:4px 9px;
  border-radius:99px;
  background:rgba(4,8,14,.66);
  color:#cfdcec;
  font:800 10px/1 inherit;
  font-style:normal;
  white-space:nowrap;
  backdrop-filter:blur(6px);
}
body.mk-sheet-v3700 .market-card:hover .mk-play-v3700{ opacity:1; transform:translate(-50%,-50%) scale(1.05); }
/* 예전 ▶ 단추는 이제 이 표시가 대신한다 */
body.mk-sheet-v3700 .market-card .market-preview-trigger:not(#_):not(#_){ display:none!important; }

@media (max-width:640px){
  .mk-con-ar-v3700{ grid-template-columns:repeat(5,minmax(0,1fr))!important; }
  body.mk-sheet-v3700 .mk-console-v3700 .market-tags:not(#_):not(#_){ grid-template-columns:repeat(3,minmax(0,1fr))!important; }
  .mk-play-v3700 > b{ width:36px; height:36px; font-size:13px; }
  .mk-play-v3700 > i{ font-size:9px; }
}

/* 재생 표시는 늘 또렷하게. 예전엔 올려 놨을 때만 밝아져서,
   가만히 있을 때는 무슨 단추인지 알기 어려웠다. */
.mk-play-v3700{ opacity:1; }
.mk-play-v3700 > b{
  box-shadow:0 10px 26px rgba(0,0,0,.5),0 0 0 6px rgba(95,214,245,.12);
}

/* ── 모든 것이 어긋난 진짜 이유 ─────────────────────────────
   카드에 `position:relative` 를 `!important` 없이 걸어 두었는데,
   다른 묶음이 `position:static` 으로 덮고 있었다. 그러면 카드 안의
   `position:absolute` 인 것들(그림칸·정보띠·재생 표시)이 카드가 아니라
   더 바깥 상자를 기준으로 자리를 잡는다.
   실측: 208px 짜리 카드인데 그림칸이 359px, 정보띠가 170px 로 잡히고
   재생 표시 중심이 카드 밖(241px)까지 내려갔다.
   기준을 카드로 못 박으면 셋 다 제자리로 돌아온다. */
body.mk-sheet-v3700 .market-card:not(#_):not(#_){
  position:relative!important;
}
/* 정보띠는 아래 3할만 쓴다 — 40px 짜리 윗여백이 띠를 카드 대부분으로
   부풀려 재생 표시를 덮고 있었다 */
body.mk-sheet-v3700 .market-card .market-card-body:not(#_):not(#_){
  padding:26px 13px 12px!important;
}
/* 재생 표시는 '정보띠를 뺀 그림칸'의 한가운데 */
body.mk-sheet-v3700 .market-card .mk-play-v3700{
  top:calc((100% - var(--mk-info-h,86px)) / 2)!important;
}
/* 작은 칸에서는 그림 안 워터마크 띠가 자리만 차지한다 */
body.mk-sheet-v3700 .market-card .market-media [class*="watermark"]:not(#_):not(#_),
body.mk-sheet-v3700 .market-card .market-media .market-preview-placeholder:not(#_):not(#_){
  display:none!important;
}

/* 그림칸이 카드보다 길게 잡히던 진짜 원인: 다른 묶음이 `.market-media` 에
   `aspect-ratio` 를 걸어 두어, `inset:0` 을 줘도 높이를 제 비율대로
   다시 계산했다(574px 폭 → 359px 높이. 카드는 208px).
   그래서 정보띠와 재생 표시가 카드 밖 기준으로 자리를 잡았다. */
body.mk-sheet-v3700 .market-card .market-media:not(#_):not(#_){
  aspect-ratio:auto!important;
  height:auto!important;
  max-height:none!important;
}

/* ── 정보띠가 카드를 다 먹던 것 ─────────────────────────────
   208px 짜리 카드에 띠가 155px. 그림이 볼 자리가 53px 뿐이라
   재생 표시가 늘 띠에 걸쳤다. 띠를 줄이고 칸을 한 줄 키운다. */
body.mk-sheet-v3700 .market-card.is-mk-wide-v3700:not(#_):not(#_),
body.mk-sheet-v3700 .market-card.is-mk-ultra-v3700:not(#_):not(#_),
body.mk-sheet-v3700 .market-card.is-mk-square-v3700:not(#_):not(#_){
  grid-row:span 3!important;
}
body.mk-sheet-v3700 .market-card.is-mk-tall-v3700:not(#_):not(#_){
  grid-row:span 5!important;
}
/* 값과 용도를 한 줄로 — 두 줄로 서느라 띠가 60px 이었다 */
body.mk-sheet-v3700 .market-card .market-card-foot:not(#_):not(#_){
  display:flex!important;
  flex-direction:row!important;
  align-items:baseline!important;
  justify-content:space-between!important;
  gap:8px!important;
  margin:4px 0 0!important;
}
body.mk-sheet-v3700 .market-card .market-card-foot > div:not(#_):not(#_){
  display:flex!important;
  align-items:baseline!important;
  gap:6px!important;
}
/* '단건 계약 금액' 같은 이름표는 좌석에서 자리만 차지한다 */
body.mk-sheet-v3700 .market-card .market-card-foot > div > span:not(#_):not(#_){
  display:none!important;
}

/* ── 검색·정렬 아래에 생기던 검은 띠 ────────────────────────
   두 칸은 `<label>` 안에 든 `<input>`/`<select>` 다. 이 요소들은
   글줄 위에 놓이는(inline) 성질이라, 라벨 안쪽에 글자 아랫부분만큼
   빈 줄이 10px 남는다. 그 자리에 콘솔 바탕이 그대로 드러나
   상자 밑에 검은 띠가 그어진 것처럼 보였다(실측: 칸 92px, 라벨 102px).
   글줄에서 떼어 내면 사라진다. */
body.mk-sheet-v3700 .mk-console-v3700 .market-toolbar > label:not(#_):not(#_){
  font-size:0!important;
  line-height:0!important;
}
body.mk-sheet-v3700 .mk-console-v3700 #market-search:not(#_):not(#_),
body.mk-sheet-v3700 .mk-console-v3700 .market-sort:not(#_):not(#_){
  display:block!important;
  vertical-align:top!important;
}

/* 그 검은 띠의 정체 — `.market-toolbar` 에 걸린 3D '아래턱' 그림자였다.
     box-shadow: inset 0 1px rgba(255,255,255,.067), #04060b 0 3px 0 0
   원래는 불투명한 상자 밑에 두께를 만드는 장치인데, 콘솔로 옮기며
   배경을 투명하게 바꾸는 바람에 턱만 남아 검은 줄이 되었다.
   (용도 칩에서 잡았던 '갈고리' 와 똑같은 유형이다 — 세 번째다)
   콘솔 안의 담는 상자들에는 턱을 두지 않는다. */
body.mk-sheet-v3700 .mk-console-v3700 .market-toolbar:not(#_):not(#_),
body.mk-sheet-v3700 .mk-console-v3700 .market-tags-wrap:not(#_):not(#_),
body.mk-sheet-v3700 .mk-console-v3700 .market-toolbar > label:not(#_):not(#_){
  box-shadow:none!important;
  filter:none!important;
  border:0!important;
  background:none!important;
}

/* 값 줄 아래 빈 자리 ─────────────────────────────────────────
   이 시트는 「이용 범위 확인」 단추를 카드에서 걷어내고 겹판(lightbox)
   으로 옮겼는데, 카드 발치는 그 단추 자리를 60px 그대로 잡아 두고 있었다.
   그래서 값 아래로 아무것도 없는 공간이 남았다. 단추가 없으면 자리도 없앤다. */
body.mk-sheet-v3700 .market-card .market-card-foot:not(#_):not(#_){
  min-height:0!important;
  margin-bottom:0!important;
}