/* RECOVERIC 매거진 · /partners/ 업체 목록 (검색 · 필터 · 정렬 · 저장 · 카드) — 2026-10-29 광고 페이지 재제작 [B] 2
   원칙: 목록은 한 체계. 카드는 모두 같은 모양(4:5 사진 고정 비율 · object-fit:cover), 업체 톤앤매너는 카드에 쓰지 않는다(업체 페이지 /p/… 에서만).
   버튼은 둥근 버튼 토큰(--rv-btn-*, magazine.css :root). 휴대폰 배치는 화면 폭이 아니라 body 폭(@container mg)에 건다. */
.ptl,[data-pt-dir]{--ptl-line:#E6E6E6;--ptl-navy:#1B2438;--ptl-mute:#6A6A6A;word-break:keep-all}
.ptl-sr{position:absolute;width:1px;height:1px;margin:-1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}

/* ---- 검색 ---- */
.ptl-bar{position:relative;display:flex;align-items:center;gap:10px;margin:28px 0 0;z-index:30;background:#FFFFFF}
.ptl-search{position:relative;flex:1;min-width:0;display:flex;align-items:center;height:64px;margin:0;border:1px solid #111111;border-radius:var(--rv-field-r,10px);background:#FFFFFF}
.ptl-search:focus-within{outline:2px solid var(--ptl-navy);outline-offset:2px}
.ptl-ic{flex:none;display:flex;align-items:center;justify-content:center;width:60px;color:#111111}
.ptl-q{flex:1;min-width:0;height:100%;box-sizing:border-box;padding:0 8px 0 0;border:0;outline:0;background:transparent;color:#111111;font-family:'Noto Serif KR',serif;font-size:18px;font-weight:400;border-radius:0;-webkit-appearance:none;appearance:none}
.ptl-q::placeholder{color:#767676}
.ptl-q::-webkit-search-cancel-button,.ptl-q::-webkit-search-decoration{-webkit-appearance:none;display:none}
.ptl-x{appearance:none;flex:none;display:flex;align-items:center;justify-content:center;width:44px;height:44px;margin-right:8px;border:0;border-radius:50%;background:transparent;color:#4A4A4A;cursor:pointer}
.ptl-x:hover{background:var(--rv-btn-soft,#F3F4F7)}
.ptl-x[hidden]{display:none}
.ptl-fbtn{display:none;appearance:none;flex:none;align-items:center;justify-content:center;gap:6px;height:64px;padding:0 18px;border:1px solid #111111;border-radius:var(--rv-field-r,10px);background:#FFFFFF;color:#111111;font:500 14px/1 'Noto Sans KR',sans-serif;cursor:pointer}
.ptl-fn{display:inline-flex;align-items:center;justify-content:center;min-width:20px;height:20px;padding:0 5px;box-sizing:border-box;border-radius:999px;background:var(--ptl-navy);color:#FFFFFF;font-size:12px}
.ptl-fn[hidden]{display:none}
/* 자동완성 */
.ptl-sug{position:absolute;left:0;right:0;top:calc(100% + 6px);z-index:60;max-height:min(60vh,420px);overflow:auto;padding:6px 0;background:#FFFFFF;border:1px solid #111111;border-radius:var(--rv-pop-r,14px);box-shadow:0 14px 34px rgba(17,17,17,.14)}
.ptl-sug[hidden]{display:none}
.ptl-sug-h{display:flex;align-items:center;justify-content:space-between;padding:10px 18px 4px}
.ptl-sug-h .k{font-size:11.5px;letter-spacing:.2em;color:var(--ptl-mute)}
.ptl-sug-h button{appearance:none;border:0;background:none;padding:2px 0;font:400 13px 'Noto Sans KR',sans-serif;color:var(--ptl-mute);cursor:pointer;border-bottom:1px solid #CFCFCF}
.ptl-opt{display:flex;align-items:center;gap:12px;padding:0 18px;min-height:46px;cursor:pointer;font-family:'Noto Serif KR',serif;font-size:16px;color:#111111}
.ptl-opt .t{flex:1;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.ptl-opt .k{flex:none;font-family:'Noto Sans KR',sans-serif;font-size:12px;letter-spacing:.08em}
.ptl-opt:hover,.ptl-opt.on{background:var(--rv-btn-soft,#F3F4F7)}
.ptl-rx{appearance:none;flex:none;display:flex;align-items:center;justify-content:center;width:28px;height:28px;border:0;border-radius:50%;background:transparent;color:#6A6A6A;cursor:pointer}
.ptl-rx:hover{background:#E6E8EE}

/* ---- 분류 · 정렬 ---- */
.ptl-row1{display:flex;align-items:flex-end;justify-content:space-between;gap:24px;margin-top:22px;border-bottom:1px solid var(--ptl-line)}
.ptl-tabs{display:flex;flex-wrap:nowrap;gap:28px;margin:0;overflow-x:auto;scrollbar-width:none;min-width:0}
.ptl-tabs::-webkit-scrollbar,.ptl-sorts::-webkit-scrollbar{display:none}
.ptl-tabs .tab{flex:none;padding:10px 0 13px;margin-bottom:-1px;border-bottom:2px solid transparent;font-size:16px;color:#707070}
.ptl-tabs .tab.on{color:#111111;border-bottom-color:#111111}
.ptl-sorts{display:flex;flex-wrap:nowrap;align-items:center;gap:2px;margin:0 0 8px;overflow-x:auto;scrollbar-width:none;min-width:0}
.ptl-sorts .k{flex:none;margin-right:8px;font-size:11.5px;letter-spacing:.2em}
.ptl-sorts .tab{flex:none;height:32px;padding:0 12px;border:1px solid transparent;border-radius:var(--rv-btn-r-pill,999px);font:400 13px/1 'Noto Sans KR',sans-serif;color:var(--ptl-mute)}
.ptl-sorts .tab:hover{color:#111111;background:var(--rv-btn-soft,#F3F4F7)}
.ptl-sorts .tab.on{background:var(--ptl-navy);color:#FFFFFF;font-weight:500}

/* ---- 필터 칩 ---- */
.ptl-chips{display:flex;flex-wrap:wrap;gap:8px;margin-top:16px;min-height:38px}
.ptl-cw{position:relative}
.ptl-chip{appearance:none;display:inline-flex;align-items:center;gap:8px;height:38px;padding:0 15px;box-sizing:border-box;border:1px solid var(--rv-btn-line,#D2D2D2);border-radius:var(--rv-btn-r-pill,999px);background:#FFFFFF;color:#111111;font:500 13px/1 'Noto Sans KR',sans-serif;white-space:nowrap;cursor:pointer;transition:border-color var(--rv-btn-ease,.14s),background var(--rv-btn-ease,.14s)}
.ptl-chip:hover{border-color:var(--rv-btn-line-hover,#1B2438)}
.ptl-chip:active{transform:var(--rv-btn-press,scale(.97))}
.ptl-chip.on{background:var(--ptl-navy);border-color:var(--ptl-navy);color:#FFFFFF}
.ptl-chip:focus-visible,.ptl-o:focus-visible,.ptl-act:focus-visible,.ptl-bm:focus-visible,.ptl-sorts .tab:focus-visible,.ptl-tabs .tab:focus-visible,.ptl-fbtn:focus-visible,.ptl-clear:focus-visible,.ptl-pill:focus-visible{outline:0;box-shadow:var(--rv-btn-focus,0 0 0 2px #fff,0 0 0 4px #1B2438)}
.ptl-more{margin-left:4px;color:#111111}
.ptl-pop{position:absolute;top:44px;left:0;z-index:40;display:flex;flex-wrap:wrap;gap:6px;box-sizing:border-box;width:max-content;min-width:200px;max-width:340px;padding:12px;background:#FFFFFF;border:1px solid #111111;border-radius:var(--rv-pop-r,14px);box-shadow:0 14px 34px rgba(17,17,17,.14)}
.ptl-o{appearance:none;display:inline-flex;align-items:center;gap:7px;min-height:36px;padding:0 14px;box-sizing:border-box;border:1px solid var(--rv-btn-line,#D2D2D2);border-radius:var(--rv-btn-r-pill,999px);background:#FFFFFF;color:#111111;font:400 13px/1 'Noto Sans KR',sans-serif;cursor:pointer}
.ptl-o .n{font-family:'Bodoni Moda',serif;font-size:13px;color:var(--ptl-mute);font-weight:600}
.ptl-o:hover:not([disabled]){border-color:var(--rv-btn-line-hover,#1B2438)}
.ptl-o.on{background:var(--ptl-navy);border-color:var(--ptl-navy);color:#FFFFFF}
.ptl-o.on .n{color:#C9CEDA}
.ptl-o[disabled]{color:#B4B4B4;border-color:#EDEDED;cursor:default}
.ptl-o[disabled] .n{color:#C8C8C8}

/* ---- 결과 줄 · 조건 · 저장 ---- */
.ptl-head{display:flex;flex-wrap:wrap;align-items:center;gap:8px 18px;margin:34px 0 0}
.ptl-head .pt-sub{margin:0}
.ptl-count{font-size:13px;letter-spacing:.06em;color:#111111}
.ptl-count b{font-size:22px;line-height:1;margin:0 2px;color:var(--ptl-navy);vertical-align:-2px}
.ptl-sp{flex:1}
.ptl-clear{appearance:none;border:0;border-bottom:1px solid #111111;background:none;padding:2px 0;font:400 13px 'Noto Sans KR',sans-serif;color:#111111;cursor:pointer;border-radius:0}
.ptl-act{appearance:none;display:inline-flex;align-items:center;gap:8px;height:36px;padding:0 15px;border:1px solid var(--rv-btn-line,#D2D2D2);border-radius:var(--rv-btn-r-pill,999px);background:#FFFFFF;color:#111111;font:500 13px/1 'Noto Sans KR',sans-serif;cursor:pointer;white-space:nowrap}
.ptl-act:hover,.ptl-act.on{border-color:var(--rv-btn-line-hover,#1B2438)}
.ptl-act:active{transform:var(--rv-btn-press,scale(.97))}
.ptl-nb{display:inline-flex;align-items:center;height:20px;padding:0 8px;border-radius:999px;background:var(--ptl-navy);color:#FFFFFF;font:500 12px/1 'Noto Sans KR',sans-serif;letter-spacing:.02em;white-space:nowrap}
.ptl-pills{display:flex;flex-wrap:wrap;gap:6px;margin-top:12px}
.ptl-pill{appearance:none;display:inline-flex;align-items:center;gap:8px;height:30px;padding:0 10px 0 13px;border:1px solid var(--ptl-navy);border-radius:999px;background:#FFFFFF;color:var(--ptl-navy);font:500 13px/1 'Noto Sans KR',sans-serif;cursor:pointer}
.ptl-pill:hover{background:var(--rv-btn-soft,#F3F4F7)}
.ptl-saved{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:28px 40px;margin-top:20px;padding:22px 26px;border:1px solid #111111;border-radius:var(--rv-pop-r,14px);background:#FFFFFF}
.ptl-saved[hidden]{display:none}
.ptl-sv-col .k{margin:0 0 10px;font-size:12px;letter-spacing:.14em}
.ptl-sv-col .bod{font-size:14px}
.ptl-sv-col ul{list-style:none;margin:0;padding:0;border-top:1px solid var(--ptl-line)}
.ptl-sv-col li{display:flex;align-items:center;gap:10px;padding:10px 0;border-bottom:1px solid var(--ptl-line)}
.ptl-sv-run{appearance:none;flex:1;min-width:0;border:0;background:none;padding:0;text-align:left;font:400 15px/1.5 'Noto Serif KR',serif;color:#111111;cursor:pointer}
.ptl-sv-run:hover{text-decoration:underline}
.ptl-sv-del{appearance:none;flex:none;border:0;background:none;padding:0;font:400 13px 'Noto Sans KR',sans-serif;color:var(--ptl-mute);cursor:pointer;border-bottom:1px solid #CFCFCF}
.ptl-sv-empty{margin:0;font-size:13.5px;line-height:1.8;color:var(--ptl-mute)}
.ptl-none{margin:40px 0 0;padding:44px 24px;border:1px solid var(--ptl-line);border-radius:var(--rv-pop-r,14px);text-align:center}
.ptl-none p{margin:0 0 6px;font-family:'Noto Serif KR',serif;font-size:18px;line-height:1.7;color:#111111}
.ptl-none p.mute{font:400 14px/1.8 'Noto Sans KR',sans-serif;color:var(--ptl-mute);margin-bottom:18px}

/* ---- 카드 (모두 같은 모양) ---- */
.pt-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:44px 24px;margin-top:22px}
.pt-gc{position:relative;min-width:0}
.pt-gl{position:relative;display:block;color:inherit}
.pt-gc .ptl-pw{position:relative}
.pt-gc .pt-ph{aspect-ratio:4/5;background:#ECECE8}
.pt-ph img{display:block;width:100%;height:100%;object-fit:cover}
.pt-ph.ptl-empty{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:14px;background:#F2F2EF;color:#9A9A94}
.pt-ph.ptl-empty span{font:400 12px 'Noto Sans KR',sans-serif;letter-spacing:.14em}
.pt-gc.sp .pt-gl{outline:1px solid var(--ptl-navy);outline-offset:-1px}
.pt-gc.sp .pt-gl::after{content:"";position:absolute;inset:0;border:1px solid var(--ptl-navy);pointer-events:none}
.pt-adlb{position:absolute;left:0;top:0;margin:0;padding:5px 9px;border:0;background:#FFFFFF;font-size:11.5px;line-height:1.4;font-weight:500;z-index:2}
.ptl-bm{appearance:none;position:absolute;right:10px;top:10px;z-index:3;display:flex;align-items:center;justify-content:center;width:36px;height:36px;padding:0;border:0;border-radius:50%;background:rgba(255,255,255,.95);color:var(--ptl-navy);cursor:pointer;box-shadow:0 1px 4px rgba(17,17,17,.18);transition:transform var(--rv-btn-ease,.14s)}
.ptl-bm:hover{background:#FFFFFF}
.ptl-bm:active{transform:var(--rv-btn-press,scale(.92))}
.ptl-bm[aria-pressed="true"]{background:var(--ptl-navy);color:#FFFFFF}
.ptl-bm[aria-pressed="true"] svg path{fill:currentColor}
.ptl-tags{position:absolute;left:10px;bottom:10px;z-index:2;display:flex;flex-wrap:wrap;gap:6px;pointer-events:none}
.ptl-tags .pt-badge{border-radius:999px;padding:3px 9px}
.ptl-tags .pt-badge.line{background:#FFFFFF}
.pt-kl{margin:14px 0 0;font-size:12px;letter-spacing:.08em}
.pt-gc h3{margin:6px 0 0;font-size:18px}
.pt-gc h3 a{color:#111111}
.pt-rt{margin:8px 0 0;min-height:20px;line-height:20px;font-size:13px;color:#111111}
.pt-rt b{font-weight:500}
.pt-rt .bod{font-size:13px}
.ptl-m{margin:12px 0 0;padding:0;border-top:1px solid var(--ptl-line)}
.ptl-m>div{display:flex;align-items:baseline;justify-content:space-between;gap:10px;padding:7px 0;line-height:20px;border-bottom:1px solid #F0F0EE;font-family:'Noto Sans KR',sans-serif;font-size:13px}
/* 선 점검 11-02: 마지막 줄 밑줄이 바로 아래 '견적 담기' 테두리와 겹쳐 두 줄처럼 보임 → 지움 */
.ptl-m>div:last-child{border-bottom:0}
.ptl-m dt{flex:none;margin:0;color:var(--ptl-mute);letter-spacing:.04em}
.ptl-m dd{margin:0;min-width:0;text-align:right;font-weight:500;color:#111111}
.ptl-m dd .bod{font-size:13.5px;line-height:1}
.ptl-adl{font-size:13px}
.pt-gc .pt-acts{margin-top:12px}
.pt-gc .pt-btn{min-height:36px;padding:0 14px;border-radius:var(--rv-btn-r,10px);font-size:13px}
.pt-gc .pt-btn:active{transform:var(--rv-btn-press,scale(.97))}

/* ---- 필터 시트 (아래에서 올라옴 · 데스크톱은 가운데 창) ---- */
.ptl-sheet{position:fixed;inset:0;z-index:300;display:flex;align-items:flex-end;justify-content:center}
.ptl-sheet[hidden]{display:none}
.ptl-sheet-bg{position:absolute;inset:0;background:rgba(17,17,17,.45)}
.ptl-sheet-panel{position:relative;display:flex;flex-direction:column;box-sizing:border-box;width:min(560px,100%);max-height:86vh;background:#FFFFFF;border-radius:var(--rv-pop-r,14px) var(--rv-pop-r,14px) 0 0;outline:0;transform:translateY(24px);opacity:0;transition:transform .2s ease,opacity .2s ease}
.ptl-sheet.on .ptl-sheet-panel{transform:none;opacity:1}
.ptl-sheet-head{display:flex;align-items:center;justify-content:space-between;padding:20px 24px 14px;border-bottom:1px solid var(--ptl-line)}
.ptl-sheet-head h2{margin:0;font-family:'Noto Serif KR',serif;font-size:20px;font-weight:500}
.ptl-sheet-x{appearance:none;display:flex;align-items:center;justify-content:center;width:40px;height:40px;border:0;border-radius:50%;background:transparent;color:#111111;cursor:pointer}
.ptl-sheet-x:hover{background:var(--rv-btn-soft,#F3F4F7)}
.ptl-sheet-body{flex:1;min-height:0;overflow:auto;padding:6px 24px 18px;overscroll-behavior:contain}
.ptl-sg{padding:18px 0 4px;border-bottom:1px solid #F0F0EE}
.ptl-sg:last-child{border-bottom:0}
.ptl-sg h3{margin:0 0 12px;font:500 12px 'Noto Sans KR',sans-serif;letter-spacing:.2em;color:var(--ptl-mute)}
.ptl-ops{display:flex;flex-wrap:wrap;gap:8px;margin-bottom:14px}
.ptl-hint{margin:-4px 0 14px;font-size:13px;line-height:1.7;color:var(--ptl-mute)}
.ptl-sheet-foot{display:flex;gap:10px;padding:14px 24px calc(14px + env(safe-area-inset-bottom,0px));border-top:1px solid var(--ptl-line)}
.ptl-sheet-foot .pt-btn{flex:1;min-height:48px;border-radius:var(--rv-btn-r,10px);font-size:13px}
.ptl-sheet-foot .pt-btn:first-child{flex:none;padding:0 22px}
html.ptl-lock{overflow:hidden}
@container mg (min-width:700px){.ptl-sheet{align-items:center}.ptl-sheet-panel{border-radius:var(--rv-pop-r,14px);max-height:80vh}}
.ptl-toast{position:fixed;left:50%;bottom:92px;z-index:310;transform:translateX(-50%);box-sizing:border-box;max-width:min(560px,calc(100vw - 32px));padding:13px 20px;border-radius:var(--rv-pop-r,14px);background:#111111;color:#FFFFFF;font:400 13.5px/1.7 'Noto Sans KR',sans-serif;text-align:center;box-shadow:0 10px 30px rgba(17,17,17,.25)}
.ptl-toast[hidden]{display:none}
.ptl-toast a{color:#FFFFFF;border-bottom:1px solid #FFFFFF;margin-left:6px}

/* ---- 휴대폰 (body 폭) ---- */
@container mg (max-width:1180px){.pt-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.ptl-saved{grid-template-columns:minmax(0,1fr)}}
@container mg (max-width:960px){.ptl-row1{flex-direction:column;align-items:stretch;gap:0}.ptl-sorts{margin:10px 0 12px}.ptl-tabs{gap:22px}}
@container mg (max-width:640px){
.ptl-bar{position:sticky;top:var(--ptl-top,0px);margin:18px -20px 0;padding:10px 20px;border-bottom:1px solid var(--ptl-line)}
.ptl-search{height:52px}
.ptl-ic{width:48px}
.ptl-q{font-size:15px}
.ptl-fbtn{display:inline-flex;height:52px;padding:0 14px}
.ptl-chips{display:none}
.ptl-row1{margin-top:6px}
.ptl-tabs .tab{font-size:15px;padding:12px 0 13px}
.pt-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:30px 14px}
.pt-gc h3{font-size:16px}
.pt-gc .pt-acts .pt-btn{width:100%}
.ptl-m>div{font-size:13px}
.ptl-head{margin-top:22px}
.ptl-sp{flex-basis:100%;height:0}
.ptl-saved{padding:18px 16px}
.ptl-toast{bottom:76px}
}
/* 가상 데이터 표시(왼쪽 아래 배지)가 시트 아래 단추를 가리지 않게 */
body:has([data-demo-badge]) .ptl-sheet-foot{padding-bottom:calc(64px + env(safe-area-inset-bottom,0px))}

/* 2026-11-05 광고 디자인팀: 공용 원칙 '상자 칩 → 글자 탭'(아트 디렉터 11-04 · side-nav.css)을 업체 찾기에도 맞춘다.
   고른 것 = 진한 글자 + 네이비 1px 밑줄, 고르지 않은 것 = 회색 글자, 테두리·채움 없음. 누르는 높이는 PC·휴대폰 모두 44px.
   (10-31 '보이는 32px 알약 + 누르는 자리만 44px' 와 11-02 coarse 40px 규칙은 이 블록으로 대신한다.)
   업체 카드(사진 · '광고' 표시 · 업체 보기/견적 담기 단추) 디자인은 그대로 두고 누르는 크기만 44px 로. */
.ptl-chips,.ptl-sorts,.ptl-pop,.ptl-ops,.ptl-pills{--ptl-ul:underline 1px #1B2438}
.ptl-sorts{gap:20px}
.ptl-sorts .k{margin-right:0}
@container mg (min-width:961px){.ptl-sorts{margin-bottom:3px}}   /* 정렬 글자를 왼쪽 분류 탭 글자 높이에 맞춘다 */
.ptl-sorts .tab,.ptl-chip,.ptl-o,.ptl-pill{height:auto;min-height:44px;padding:0;border:0;border-radius:0;background:none;color:#5E5E5E;font-weight:400;text-underline-offset:8px;transition:color var(--rv-btn-ease,.14s)}
.ptl-sorts .tab:hover,.ptl-chip:hover,.ptl-o:hover:not([disabled]){background:none;border:0;color:#111111}
.ptl-sorts .tab.on,.ptl-chip.on,.ptl-o.on{background:none;border:0;color:#111111;font-weight:500;text-decoration:var(--ptl-ul)}
.ptl-chip:active,.ptl-sorts .tab:active{transform:none}
.ptl-chips{gap:0 28px;margin-top:8px;min-height:44px}
.ptl-chip{font-size:14px;gap:6px}
.ptl-more{margin-left:0;color:#111111}
.ptl-pop{top:48px;gap:0 22px;padding:8px 18px}
.ptl-ops{gap:0 24px}
.ptl-o{font-size:14px}
.ptl-o .n{color:#8A8A8A}
.ptl-o.on .n{color:#1B2438}
.ptl-o[disabled]{color:#B4B4B4;border:0}
/* 적용한 조건: 네이비 글자 + 빼기 표시(×) */
.ptl-pills{gap:0 22px;margin-top:6px}
.ptl-pill{gap:6px;color:#1B2438;font-weight:500}
.ptl-pill:hover{background:none;text-decoration:var(--ptl-ul)}
/* 분류 탭(전체 · 구인 처럼 짧은 낱말): 좌우로 누르는 자리만 넓힘 */
.ptl-tabs .tab{position:relative;min-height:44px}
.ptl-tabs .tab::after{content:'';position:absolute;left:-10px;right:-10px;top:0;bottom:0}
/* 내 저장 · 업체 카드 단추 · 시트 닫기: 44px */
.ptl-act{height:44px}
.pt-gc .pt-btn{min-height:44px}
.ptl-sheet-x{width:44px;height:44px}
/* 관심(책갈피): 보이는 원은 36px 그대로, 누르는 자리는 44px */
.ptl-bm{right:6px;top:6px;width:44px;height:44px;background:none;box-shadow:none}
.ptl-bm::before{content:'';position:absolute;inset:4px;z-index:-1;border-radius:50%;background:rgba(255,255,255,.95);box-shadow:0 1px 4px rgba(17,17,17,.18)}
.ptl-bm:hover{background:none}
.ptl-bm:hover::before{background:#FFFFFF}
.ptl-bm[aria-pressed="true"]{background:none}
.ptl-bm[aria-pressed="true"]::before{background:var(--ptl-navy)}
/* 글자 단추(조건 지우기 · 저장 지우기 · 최근 검색어 빼기): 보이는 모양 그대로, 누르는 자리 44px */
.ptl-clear,.ptl-sv-del,.ptl-sug-h button,.ptl-rx,[data-pt-dir] .pt-link,.ptl-sorts .tab{position:relative}
.ptl-clear::after,.ptl-sv-del::after,.ptl-sug-h button::after,.ptl-rx::after,[data-pt-dir] .pt-link::after,.ptl-sorts .tab::after{content:'';position:absolute;left:-8px;right:-8px;top:50%;height:44px;transform:translateY(-50%)}
@container mg (max-width:640px){.ptl-sorts{padding:0;margin-top:2px}.ptl-sorts .tab::before{content:none}}