/* 제품 목록 정리 2026-10-06 (list)
   안건08 전체 제품: 옆 분류 삭제·검색만·4열 / 안건09 분류 버튼 줄을 제목 바로 아래로 / 안건10 리퍼기기 = A3/A4 페이지 구성 / 공통 사진 클릭.
   V2 목록(전체·리퍼·새제품)은 app.js 가 [data-v2-view] 를 다시 그리므로 마크업 대신 화면 순서·모양만 바꾼다. */

/* ── 안건09: 분류 버튼 줄 = 제목 영역 바로 아래 (전체 제품·리퍼기기·새제품) ── */
body[data-page-route="products"] #main{display:flex;flex-direction:column}
body[data-page-route="products"] #main>[data-v2-view]{display:contents}
body[data-page-route="products"] #main>[data-v2-view]>.page-intro{order:-2}
body[data-page-route="products"] #main>.rv-subnav{order:-1}
/* 제목 영역·간격을 A3/A4 페이지(.rv-intro, .rv-cat)와 같게 */
body[data-page-route="products"] #main>[data-v2-view]>.page-intro{padding:44px 0 36px;background:linear-gradient(180deg,#f3f7fc,#fff);border-bottom:1px solid #e7edf4}
body[data-page-route="products"] #main>[data-v2-view]>.page-intro h1{font-size:40px;letter-spacing:-.03em;margin:14px 0 10px}
body[data-page-route="products"] #main>[data-v2-view]>.page-intro p{font-size:18px;color:var(--rv-muted,#5d6f86);margin:0}
body[data-page-route="products"] .catalog-layout{padding-top:34px}
@media(max-width:900px){body[data-page-route="products"] .catalog-layout{padding-top:22px}}
@media(max-width:700px){
  body[data-page-route="products"] #main>[data-v2-view]>.page-intro{padding:26px 0 22px}
  body[data-page-route="products"] #main>[data-v2-view]>.page-intro h1{font-size:29px}
  body[data-page-route="products"] #main>[data-v2-view]>.page-intro p{font-size:15px}
}

/* ── 안건08: 전체 제품 = 검색만, 4열 ── */
body[data-page-route="products"]:not([data-page-filter]) .catalog-layout{grid-template-columns:minmax(0,1fr)}
body[data-page-route="products"]:not([data-page-filter]) .catalog-layout>.filter-panel{display:none!important}
@media(min-width:1200px){body[data-page-route="products"]:not([data-page-filter]) .catalog-layout .product-grid{grid-template-columns:repeat(4,minmax(0,1fr))}}
@media(min-width:900px) and (max-width:1199.98px){body[data-page-route="products"]:not([data-page-filter]) .catalog-layout .product-grid{grid-template-columns:repeat(3,minmax(0,1fr))}}
@media(min-width:701px) and (max-width:899.98px){body[data-page-route="products"]:not([data-page-filter]) .catalog-layout .product-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}

/* ── 안건10: 리퍼기기 = A3/A4 페이지 구성 (.rv-cat · .rv-filters · .rv-cat-top · .rv-grid · .rv-card 와 같은 값) ── */
body[data-page-filter="refurb"] .catalog-layout{display:grid;grid-template-columns:250px minmax(0,1fr);gap:32px;align-items:start;padding:34px 0 72px}
body[data-page-filter="refurb"] .catalog-layout>.filter-panel{position:sticky;top:104px;background:#fff;border:1px solid var(--rv-line,#e1e7ef);border-radius:var(--rv-radius,14px);padding:20px;margin:0}
body[data-page-filter="refurb"] .filter-panel h3{font-size:19px;margin:0 0 12px;display:block}
body[data-page-filter="refurb"] .filter-panel .filter-set{display:flex;flex-wrap:wrap;align-items:center;gap:6px;margin:0;border-top:1px solid #edf1f6;padding:14px 0 6px}
body[data-page-filter="refurb"] .filter-panel .filter-set>b{display:block;flex:0 0 100%;width:auto;margin:0 0 2px;font-size:15px;color:#3a506c}
body[data-page-filter="refurb"] .filter-panel .filter-set button{display:inline-flex;width:auto;align-items:center;gap:0;margin:0;border:1px solid #d5e0ee;background:#fff;border-radius:999px;padding:6px 13px;font-size:14px;font-weight:700;line-height:1.2;color:#3a506c;cursor:pointer;min-height:36px;text-align:center}
body[data-page-filter="refurb"] .filter-panel .filter-set button:before{display:none}
body[data-page-filter="refurb"] .filter-panel .filter-set button.active,body[data-page-filter="refurb"] .filter-panel .filter-set button[aria-pressed="true"]{background:var(--rv-blue,#0055c9);border-color:var(--rv-blue,#0055c9);color:#fff}
body[data-page-filter="refurb"] .filter-panel .filter-set button[hidden]{display:none!important}
/* 리퍼 전용 페이지: 유형(전체/새제품/리퍼) 묶음·필터 초기화·검색창은 A3/A4 처럼 두지 않는다 (리퍼만 보기는 app.js 상태 그대로) */
body[data-page-filter="refurb"] .filter-panel .filter-set:has(>[data-filter="type"]),body[data-page-filter="refurb"] .filter-panel .sl-list-hide{display:none!important}
body[data-page-filter="refurb"] .filter-panel #filter-reset{display:none!important}
body[data-page-filter="refurb"] .catalog-top .search-wrap{display:none!important}
body[data-page-filter="refurb"] .catalog-top{display:flex;flex-wrap:wrap;align-items:baseline;justify-content:space-between;gap:10px;margin:0 0 18px;font-size:16px;color:var(--rv-muted,#5d6f86)}
body[data-page-filter="refurb"] .catalog-top>span,body[data-page-filter="refurb"] .catalog-top>p{margin:0;font-size:16px;color:var(--rv-muted,#5d6f86)}
body[data-page-filter="refurb"] .catalog-top b{color:var(--rv-navy,#0f2a4a)}
body[data-page-filter="refurb"] .catalog-layout .product-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(240px,1fr));gap:20px}
body[data-page-filter="refurb"] .catalog-layout .product-card{display:flex;flex-direction:column}
body[data-page-filter="refurb"] .catalog-layout .product-image{position:relative;display:block;aspect-ratio:1/1;height:auto;background:#fff;border-bottom:1px solid #eef2f7;padding:0;overflow:hidden}
body[data-page-filter="refurb"] .catalog-layout .product-image img{width:100%;height:100%;object-fit:contain;padding:8%;max-height:none;transform:none}
body[data-page-filter="refurb"] .catalog-layout .product-image .badges{position:absolute;top:12px;left:12px;display:flex;gap:6px;flex-wrap:wrap;z-index:3}
body[data-page-filter="refurb"] .catalog-layout .product-body{display:flex;flex-direction:column;flex:1;padding:23px}
body[data-page-filter="refurb"] .catalog-layout .product-body h3{font-size:21px;letter-spacing:-.035em}
body[data-page-filter="refurb"] .catalog-layout .price{min-height:44px;align-items:baseline}
body[data-page-filter="refurb"] .catalog-layout .mini-spec{font-size:11px}
body[data-page-filter="refurb"] .catalog-layout .btn-row{margin:auto 0 0;padding-top:16px;display:grid;grid-template-columns:1fr 1fr;gap:8px}
body[data-page-filter="refurb"] .catalog-layout .btn-row .btn{font-size:15px;padding:9px 12px}
body[data-page-filter="refurb"] .catalog-layout .btn-row .btn:only-child{grid-column:1/-1}
@media(max-width:900px){
  body[data-page-filter="refurb"] .catalog-layout{grid-template-columns:minmax(0,1fr);gap:18px;padding-top:22px}
  body[data-page-filter="refurb"] .catalog-layout>.filter-panel{position:static;padding:14px 16px}
  body[data-page-filter="refurb"] .filter-panel h3{display:none}
  body[data-page-filter="refurb"] .filter-panel .filter-set{border:0;padding:6px 0}
}
@media(max-width:700px){body[data-page-filter="refurb"] .catalog-layout{display:grid;padding-bottom:45px}}
@media(max-width:560px){
  body[data-page-filter="refurb"] .catalog-layout .product-grid{grid-template-columns:1fr 1fr;gap:12px}
  body[data-page-filter="refurb"] .catalog-layout .product-body{padding:14px}
  body[data-page-filter="refurb"] .catalog-layout .product-body h3{font-size:16px}
  body[data-page-filter="refurb"] .catalog-layout .price strong{font-size:22px}
  body[data-page-filter="refurb"] .catalog-layout .mini-spec{display:none}
  body[data-page-filter="refurb"] .catalog-layout .btn-row{grid-template-columns:1fr}
  body[data-page-filter="refurb"] .catalog-layout .btn-row .btn{font-size:14px;min-height:40px;padding:6px 8px}
}
@media(max-width:360px){body[data-page-filter="refurb"] .catalog-layout .product-grid{grid-template-columns:1fr}}

/* ── 공통: 링크가 없던 제품 사진도 누르면 이동 (slides-list-20261006.js 가 표시) ── */
.sl-list-photo{cursor:pointer}
.sl-list-photo:focus-visible{outline:3px solid var(--rv-blue,#0055c9);outline-offset:-3px}