/* TW-75 PC(1280 이상) 시술 목록 — 시안 3-b(plans/specs/pc-header-mockup/evidence/mockup-frame.html · 마지막에 이긴 규칙 기준 · 1440 기준 값).
   왼쪽 220 메뉴(제목 · 1차 분류 · 이달의 이벤트 상자) + 사이 64 + 오른쪽(제목·개수 · 종류 탭 · 묶음 제목 · 2열 글 카드). 안쪽 틀 최대 1200 · 좌우 24.
   주황은 브랜드 강조색 var(--accent)(시안 #e07a45 = 데이뷰) — 세 브랜드 같은 모양, 색만 브랜드(DIR-76).
   1279 이하는 PC 전용 덩어리(.pl-side · .pl-head · .pl-group)만 숨기고 나머지는 손대지 않는다 — 휴대폰 화면 바꾸기 전 그대로.
   틀: daybeau/products_content.html · shared/product_list_pc.html · shared/product_list_pc_group.html */
body:is([data-theme=daybeau],[data-theme=ceramique],[data-theme=vellicell]) #content.product-list :is(.pl-side,.pl-head,.pl-group){display:none}
@media(min-width:1280px){
body:is([data-theme=daybeau],[data-theme=ceramique],[data-theme=vellicell]) main#content.product-list{display:grid;grid-template-columns:220px minmax(0,1fr);column-gap:64px;row-gap:0;align-items:start;box-sizing:border-box;width:100%;max-width:1248px;margin-inline:auto;padding:48px 24px 120px}
body:is([data-theme=daybeau],[data-theme=ceramique],[data-theme=vellicell]) main#content.product-list>*{grid-column:2;min-width:0}
/* 휴대폰 제목·언어 칸·1차 탭은 왼쪽 메뉴가 대신한다 */
body:is([data-theme=daybeau],[data-theme=ceramique],[data-theme=vellicell]) main#content.product-list>:is(h1,form,nav.primary-categories){display:none}

/* 왼쪽 메뉴 — 머리글 아래에 붙고(머리글 76 + 24 = 100) 화면보다 길면 안에서 굴러간다 · 막대 4px 는 마우스 올릴 때만 */
body:is([data-theme=daybeau],[data-theme=ceramique],[data-theme=vellicell]) main#content.product-list>.pl-side{display:block;grid-column:1;grid-row:1/span 10;align-self:start;position:sticky;top:calc(var(--gnb-height,76px) + 24px);box-sizing:border-box;max-height:calc(100vh - 120px);padding-right:22px;overflow-y:auto;scrollbar-width:thin;scrollbar-color:transparent transparent}
body:is([data-theme=daybeau],[data-theme=ceramique],[data-theme=vellicell]) main#content.product-list>.pl-side:hover{scrollbar-color:#ddd6d1 transparent}
body:is([data-theme=daybeau],[data-theme=ceramique],[data-theme=vellicell]) main#content.product-list>.pl-side::-webkit-scrollbar{width:4px}
body:is([data-theme=daybeau],[data-theme=ceramique],[data-theme=vellicell]) main#content.product-list>.pl-side::-webkit-scrollbar-thumb{background:transparent;border-radius:4px}
body:is([data-theme=daybeau],[data-theme=ceramique],[data-theme=vellicell]) main#content.product-list>.pl-side:hover::-webkit-scrollbar-thumb{background:#ddd6d1}
body:is([data-theme=daybeau],[data-theme=ceramique],[data-theme=vellicell]) #content.product-list .pl-side-title{margin:0 0 10px;font-size:22px;font-weight:700;line-height:1.3;color:#1a1a1a}
body:is([data-theme=daybeau],[data-theme=ceramique],[data-theme=vellicell]) #content.product-list .pl-side-list{display:block;margin:0;padding:0}
/* 1차 분류 한 줄 48 · 오른쪽 10px «+»(고른 것은 «−») — 시안 뒤 규칙이 위 선·주황 글자를 지웠다(#222 · 600) */
body:is([data-theme=daybeau],[data-theme=ceramique],[data-theme=vellicell]) #content.product-list .pl-c1{display:flex;justify-content:space-between;align-items:center;height:48px;padding:0;color:#222;font-size:15.5px;font-weight:600;text-decoration:none}
body:is([data-theme=daybeau],[data-theme=ceramique],[data-theme=vellicell]) #content.product-list .pl-c1::after{content:"";flex:none;width:10px;height:10px;background:linear-gradient(#a39b95,#a39b95) center/10px 1.2px no-repeat,linear-gradient(#a39b95,#a39b95) center/1.2px 10px no-repeat}
body:is([data-theme=daybeau],[data-theme=ceramique],[data-theme=vellicell]) #content.product-list .pl-c1[aria-current=page]::after{background:linear-gradient(#a39b95,#a39b95) center/10px 1.2px no-repeat}
body:is([data-theme=daybeau],[data-theme=ceramique],[data-theme=vellicell]) #content.product-list .pl-c1:hover{color:var(--accent)}
/* 이달의 이벤트 상자 — 진행 중 이벤트 0개면 틀이 안 그린다 */
body:is([data-theme=daybeau],[data-theme=ceramique],[data-theme=vellicell]) #content.product-list .pl-evb{display:block;margin-top:22px;padding:16px 18px;border-radius:10px;background:#fbf3ee;color:#1a1a1a;text-decoration:none}
body:is([data-theme=daybeau],[data-theme=ceramique],[data-theme=vellicell]) #content.product-list .pl-evb b{display:block;margin-top:4px;font-size:15px;font-weight:700}
body:is([data-theme=daybeau],[data-theme=ceramique],[data-theme=vellicell]) #content.product-list .pl-evb span{font-size:13px;color:#6f6863}

/* 오른쪽 제목 · 개수 */
body:is([data-theme=daybeau],[data-theme=ceramique],[data-theme=vellicell]) main#content.product-list>.pl-head{display:flex;align-items:flex-end;justify-content:space-between;padding-bottom:20px}
body:is([data-theme=daybeau],[data-theme=ceramique],[data-theme=vellicell]) #content.product-list .pl-head h2{margin:0;font-size:30px;font-weight:700;letter-spacing:-.02em;line-height:1.25;color:#1a1a1a}
body:is([data-theme=daybeau],[data-theme=ceramique],[data-theme=vellicell]) #content.product-list .pl-head>span{font-size:13.5px;color:#a39b95}
/* 종류 탭 = 휴대폰 2차 탭(clinic/category_tabs.html)을 PC 모양으로 · 머리글 아래(76)에 붙는다 */
body:is([data-theme=daybeau],[data-theme=ceramique],[data-theme=vellicell]) main#content.product-list>nav.secondary-categories{position:sticky;top:var(--gnb-height,76px);z-index:6;display:flex;flex-wrap:wrap;gap:8px;margin:0;padding:14px 0;border-top:1.5px solid #1a1a1a;border-bottom:1px solid #ece8e4;background:#fff}
body:is([data-theme=daybeau],[data-theme=ceramique],[data-theme=vellicell]) main#content.product-list>nav.secondary-categories a{display:inline-flex;align-items:center;box-sizing:border-box;height:36px;padding:0 16px;border:1px solid #d9d9d9;border-radius:18px;background:#fff;color:#555;font-size:14px;font-weight:400;line-height:1}
body:is([data-theme=daybeau],[data-theme=ceramique],[data-theme=vellicell]) main#content.product-list>nav.secondary-categories a[aria-current=page]{border-color:var(--accent);background:color-mix(in srgb,var(--accent) 10%,#fff);color:var(--accent);font-weight:700}
/* 묶음 제목 — 고른 종류 이름 + 개수 · 왼쪽 3×18 막대 */
body:is([data-theme=daybeau],[data-theme=ceramique],[data-theme=vellicell]) main#content.product-list>.pl-group{display:flex;align-items:center;gap:10px;margin:44px 0 20px;font-size:19px;font-weight:700;line-height:1.3;color:#1a1a1a}
body:is([data-theme=daybeau],[data-theme=ceramique],[data-theme=vellicell]) #content.product-list .pl-group::before{content:"";flex:none;width:3px;height:18px;background:var(--accent)}
body:is([data-theme=daybeau],[data-theme=ceramique],[data-theme=vellicell]) #content.product-list .pl-group small{font-size:13px;font-weight:400;color:#a39b95}

/* 카드 2열 · 사이 20 · 그림 없이 이름(+꺾쇠) · 설명 2줄 · 오른쪽 아래 가격 */
body:is([data-theme=daybeau],[data-theme=ceramique],[data-theme=vellicell]) main#content.product-list>.package-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:20px;margin-top:16px}
body:is([data-theme=daybeau],[data-theme=ceramique],[data-theme=vellicell]) #content.product-list .package-grid .package-card{display:flex;flex-direction:column;box-sizing:border-box;min-height:170px;padding:30px 32px 26px;border:1px solid #e3e0dd;border-radius:2px;background:#fff;box-shadow:none;overflow:visible;color:#2a2a2a;text-decoration:none;transition:border-color .3s}
body:is([data-theme=daybeau],[data-theme=ceramique],[data-theme=vellicell]) #content.product-list .package-grid .package-card:hover{border-color:#b9b2ac}
body:is([data-theme=daybeau],[data-theme=ceramique],[data-theme=vellicell]) #content.product-list .package-grid .package-card>img{display:none}
body:is([data-theme=daybeau],[data-theme=ceramique],[data-theme=vellicell]) #content.product-list .package-grid .package-card>div{display:flex;flex:1 1 auto;flex-direction:column;align-items:flex-start;padding:0}
body:is([data-theme=daybeau],[data-theme=ceramique],[data-theme=vellicell]) #content.product-list .package-grid .package-card h3{display:inline-flex;align-items:center;gap:14px;margin:0;font-size:18px;font-weight:700;line-height:1.4;color:#2a2a2a}
body:is([data-theme=daybeau],[data-theme=ceramique],[data-theme=vellicell]) #content.product-list .package-grid .package-card h3::after{content:"";flex:none;width:8px;height:8px;border-top:1.6px solid #888;border-right:1.6px solid #888;transform:rotate(45deg);transition:transform .3s,border-color .3s}
body:is([data-theme=daybeau],[data-theme=ceramique],[data-theme=vellicell]) #content.product-list .package-grid .package-card:hover h3::after{transform:translateX(3px) rotate(45deg);border-color:var(--accent)}
body:is([data-theme=daybeau],[data-theme=ceramique],[data-theme=vellicell]) #content.product-list .package-grid .package-card>div>p:not(:has(>strong)){display:-webkit-box;max-height:3.4em;margin:14px 0 0;overflow:hidden;-webkit-line-clamp:2;-webkit-box-orient:vertical;color:#555;font-size:15.5px;line-height:1.65}
body:is([data-theme=daybeau],[data-theme=ceramique],[data-theme=vellicell]) #content.product-list .package-grid .package-card>div>p:has(>strong){align-self:flex-end;margin:auto 0 0;padding-top:22px}
body:is([data-theme=daybeau],[data-theme=ceramique],[data-theme=vellicell]) #content.product-list .package-grid .package-card>div>p>strong{color:var(--accent);font-size:24px;font-weight:700;line-height:1.2}
body:is([data-theme=daybeau],[data-theme=ceramique],[data-theme=vellicell]) #content.product-list .package-grid .package-card .detail-link{display:none}
}