/* 시술 상세 — 시안(390 폭)의 값 그대로. 데이뷰 전용(layout.html 이 로드). 색은 공통 토큰, 시안이 회색을 직접 준 자리만 값. */
:is([data-theme=daybeau],[data-theme=ceramique],[data-theme=vellicell]) .dp-page{font-family:var(--font-body);font-size:var(--fs-16);line-height:normal;padding:0;max-width:none;word-break:normal;overflow-wrap:normal;overflow-x:clip}
:is([data-theme=daybeau],[data-theme=ceramique],[data-theme=vellicell]) .dp-page .dp-title p{white-space:normal}
:is([data-theme=daybeau],[data-theme=ceramique],[data-theme=vellicell]) .dp-page p{overflow-wrap:normal}
:is([data-theme=daybeau],[data-theme=ceramique],[data-theme=vellicell]) .dp-page [hidden]{display:none!important}
:is([data-theme=daybeau],[data-theme=ceramique],[data-theme=vellicell]) .dp-page :is(h1,h2,h3,h4,p,ul,ol){margin:0;padding:0}
:is([data-theme=daybeau],[data-theme=ceramique],[data-theme=vellicell]) .dp-page :is(ul,ol){list-style:none}
:is([data-theme=daybeau],[data-theme=ceramique],[data-theme=vellicell]) .dp-page :is(i,em){font-style:normal}
:is([data-theme=daybeau],[data-theme=ceramique],[data-theme=vellicell]) .dp-page a{text-decoration:none;color:inherit}
:is([data-theme=daybeau],[data-theme=ceramique],[data-theme=vellicell]) .dp-page button{background:none;border:0;border-radius:0;padding:0;font:inherit;line-height:inherit;color:inherit;cursor:pointer}

/* 이동 막대 + 드롭다운
   겹침 순서(fab-layer · 운영 FE 와 같은 순서 «본문 붙는 막대 < 머리글 < 문의 메뉴»): 목차 7 < 드롭다운 어둠 8 < 이동 막대 9 < 머리글(clinic/site.css .site-header 10·12) < 하단 탭바 20 < 문의 떠 있는 메뉴 .consult-float 21. 메뉴 서랍·검색·지점 창(19~22)도 이 막대들보다 위(PC 서랍 22 는 문의 메뉴보다도 위 — 10-30 결정, clinic/site.css 끝) · 장비·예약 창은 showModal 이라 맨 위 층.
   전엔 30·28·27 이라 위로 붙은 탭 줄이 문의 메뉴(21) 위로 올라와 «전화문의» 를 가렸다(세윤님 11-06 · 390 턱 보톡스) */
:is([data-theme=daybeau],[data-theme=ceramique],[data-theme=vellicell]) .dp-page .dp-nav{position:sticky;top:var(--gnb-height);z-index:9;display:flex;gap:normal;font-size:var(--fs-16);height:44px;background:#fff;border-bottom:1px solid #e6e6e6}
:is([data-theme=daybeau],[data-theme=ceramique],[data-theme=vellicell]) .dp-back{flex:none;width:42px;display:grid;place-items:center;text-align:center}
:is([data-theme=daybeau],[data-theme=ceramique],[data-theme=vellicell]) .dp-back svg{width:17px;height:17px;stroke:#1a1a1a;stroke-width:1.8}
:is([data-theme=daybeau],[data-theme=ceramique],[data-theme=vellicell]) .dp-sep{flex:none;width:1px;background:#e6e6e6;margin:11px 0}
:is([data-theme=daybeau],[data-theme=ceramique],[data-theme=vellicell]) .dp-page .dp-dd{flex:1;min-width:0;display:flex;align-items:center;justify-content:space-between;gap:6px;padding:0 13px;font-size:var(--fs-13-5);font-weight:500;text-align:center}
:is([data-theme=daybeau],[data-theme=ceramique],[data-theme=vellicell]) .dp-dd span{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
:is([data-theme=daybeau],[data-theme=ceramique],[data-theme=vellicell]) .dp-page .dp-dd-first{flex:0 0 40%}
:is([data-theme=daybeau],[data-theme=ceramique],[data-theme=vellicell]) .dp-dd svg{flex:none;width:10px;height:10px;stroke:#333;stroke-width:2;transition:transform .25s}
:is([data-theme=daybeau],[data-theme=ceramique],[data-theme=vellicell]) .dp-page .dp-dd.on{color:var(--accent)}
:is([data-theme=daybeau],[data-theme=ceramique],[data-theme=vellicell]) .dp-dd.on svg{stroke:var(--accent);transform:rotate(180deg)}
:is([data-theme=daybeau],[data-theme=ceramique],[data-theme=vellicell]) .dp-panel{position:absolute;left:0;right:0;top:calc(100% + 1px);z-index:29;background:#fff;box-shadow:0 10px 20px rgba(0,0,0,.08);max-height:0;overflow:hidden;transition:max-height .3s ease}
:is([data-theme=daybeau],[data-theme=ceramique],[data-theme=vellicell]) .dp-panel.on{max-height:420px;overflow-y:auto}
:is([data-theme=daybeau],[data-theme=ceramique],[data-theme=vellicell]) .dp-page .dp-panel a{display:flex;justify-content:space-between;width:100%;text-align:left;padding:13px 24px;font-size:var(--fs-14)}
:is([data-theme=daybeau],[data-theme=ceramique],[data-theme=vellicell]) .dp-page .dp-panel a.on{color:var(--accent);font-weight:700}
:is([data-theme=daybeau],[data-theme=ceramique],[data-theme=vellicell]) .dp-group{font-size:var(--fs-11-5);color:#999;font-weight:700;padding:14px 24px 2px}
:is([data-theme=daybeau],[data-theme=ceramique],[data-theme=vellicell]) .dp-dim{display:none;position:fixed;inset:calc(var(--gnb-height) + 44px) 0 0;z-index:8;background:rgba(20,18,16,.35)}
:is([data-theme=daybeau],[data-theme=ceramique],[data-theme=vellicell]) .dp-dim.on{display:block}

/* 히어로 */
:is([data-theme=daybeau],[data-theme=ceramique],[data-theme=vellicell]) .dp-hero{position:relative;height:272px;overflow:hidden;background:#c95a26}
/* DIR-49: 시안은 사진 고정 — 세윤님 결정(11-05 «이미지도 살짝 자연스럽게 모션»)으로 1.36→1.28 4초 ease-out, 글자와 함께 시작·재생(detail.js setupHero). 1.28 보다 작아지지 않아 틀 빈칸 없음 */
:is([data-theme=daybeau],[data-theme=ceramique],[data-theme=vellicell]) .dp-hero>img{display:block;width:100%;height:100%;object-fit:cover;object-position:50% 100%;transform:scale(1.28);transform-origin:0 100%;animation:dp-hero-img 4s ease-out both}
:is([data-theme=daybeau],[data-theme=ceramique],[data-theme=vellicell]) .dp-hero::after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,rgba(60,20,4,.55),rgba(60,20,4,.15) 55%,rgba(60,20,4,0) 75%);pointer-events:none}
/* 썸네일 종류가 «동영상»인 진료항목 — 옛 운영 overview-section.tsx 의 aspect-video 유튜브 (DIR-41) · 그림용 어둡게 덮개는 끔 */
:is([data-theme=daybeau],[data-theme=ceramique],[data-theme=vellicell]) .dp-hero-video{height:auto;aspect-ratio:16/9;background:#000}
/* TW-45: 태블릿·PC(640~ · clinic/site.css:1133 경계)는 시안 모바일 390×272 를 펼친 비율 그대로 — 고정 272px 이면 PC 880폭에서 3.2:1 로 납작했다.
   상자는 본문 틀(main#content 최대 864·880) 안이라 1440폭에서 880×614. 화면 전체 폭이면 1440×1004 로 900 을 넘어 본문 폭에 둔다. 모바일(~639)은 272px 그대로 */
@media(min-width:640px){:is([data-theme=daybeau],[data-theme=ceramique],[data-theme=vellicell]) .dp-hero:not(.dp-hero-video){height:auto;aspect-ratio:390/272}}
:is([data-theme=daybeau],[data-theme=ceramique],[data-theme=vellicell]) .dp-hero-video::after{display:none}
:is([data-theme=daybeau],[data-theme=ceramique],[data-theme=vellicell]) .dp-hero-video>iframe{display:block;width:100%;height:100%;border:0}
:is([data-theme=daybeau],[data-theme=ceramique],[data-theme=vellicell]) .dp-hero-tx{position:absolute;left:24px;top:50%;transform:translateY(-50%);width:55%;z-index:2;text-align:left;color:#fff;overflow:hidden}
:is([data-theme=daybeau],[data-theme=ceramique],[data-theme=vellicell]) .dp-hero-tx>*{display:block;animation:dp-down 1.4s ease-out both}
:is([data-theme=daybeau],[data-theme=ceramique],[data-theme=vellicell]) .dp-hero-tx small{font-family:Montserrat,"Inter Tight",sans-serif;font-size:var(--fs-10);font-weight:600;letter-spacing:.28em;opacity:.9}
:is([data-theme=daybeau],[data-theme=ceramique],[data-theme=vellicell]) .dp-hero-tx b{font-family:"Cormorant Garamond",serif;font-size:var(--fs-38);font-weight:500;margin-top:8px;line-height:1.02;animation-delay:.1s}
@keyframes dp-down{from{transform:translateY(-160%)}to{transform:none}}
@keyframes dp-hero-img{from{transform:scale(1.36)}to{transform:scale(1.28)}}

/* 제목 */
:is([data-theme=daybeau],[data-theme=ceramique],[data-theme=vellicell]) .dp-title{padding:26px 24px 10px}
:is([data-theme=daybeau],[data-theme=ceramique],[data-theme=vellicell]) .dp-page .dp-title h1{font-size:var(--fs-22);font-weight:700;line-height:normal}
:is([data-theme=daybeau],[data-theme=ceramique],[data-theme=vellicell]) .dp-page .dp-title p{font-size:var(--fs-14);color:#777;margin-top:6px;line-height:1.55}

/* 목차 */
:is([data-theme=daybeau],[data-theme=ceramique],[data-theme=vellicell]) .dp-page .dp-toc{gap:normal;font-size:var(--fs-16);position:sticky;top:calc(var(--gnb-height) + 44px);z-index:7;display:flex;justify-content:space-between;padding:0 20px;background:#fff;border-bottom:1px solid #e9e9e9}
:is([data-theme=daybeau],[data-theme=ceramique],[data-theme=vellicell]) .dp-page .dp-toc a{position:relative;height:44px;padding:0 4px;display:block;line-height:44px;text-align:center;font-size:var(--fs-13-5);color:#888}
:is([data-theme=daybeau],[data-theme=ceramique],[data-theme=vellicell]) .dp-page .dp-toc a.on{color:#1a1a1a;font-weight:700}
:is([data-theme=daybeau],[data-theme=ceramique],[data-theme=vellicell]) .dp-toc a.on::after{content:"";position:absolute;left:0;right:0;bottom:-1px;height:2px;background:var(--accent)}

/* 구좌 공통 */
:is([data-theme=daybeau],[data-theme=ceramique],[data-theme=vellicell]) .dp-sect{position:relative;margin-top:8px;scroll-margin-top:calc(var(--gnb-height) + 88px)}
:is([data-theme=daybeau],[data-theme=ceramique],[data-theme=vellicell]) .dp-cs{padding:40px 20px 44px}
:is([data-theme=daybeau],[data-theme=ceramique],[data-theme=vellicell]) .dp-pr{margin-top:0;padding-top:28px}
:is([data-theme=daybeau],[data-theme=ceramique],[data-theme=vellicell]) .dp-page .dp-lab{white-space:normal;display:block;font-size:var(--fs-11);font-weight:700;letter-spacing:.18em;line-height:1;color:var(--accent);margin:0 0 8px}
:is([data-theme=daybeau],[data-theme=ceramique],[data-theme=vellicell]) .dp-page .dp-csh{font-size:var(--fs-20);font-weight:700;line-height:1.4;letter-spacing:-.03em;margin-bottom:20px}
:is([data-theme=daybeau],[data-theme=ceramique],[data-theme=vellicell]) .dp-rv .rv{opacity:0;transform:translateY(40px);transition:opacity 1.1s ease,transform 1.1s ease}
:is([data-theme=daybeau],[data-theme=ceramique],[data-theme=vellicell]) .dp-rv .rv.on{opacity:1;transform:none}
:is([data-theme=daybeau],[data-theme=ceramique],[data-theme=vellicell]) .dp-rv .rv.rs{transition:none}

/* 시술 목록 */
:is([data-theme=daybeau],[data-theme=ceramique],[data-theme=vellicell]) .dp-prh{display:flex;align-items:center;justify-content:space-between;margin-bottom:4px}
:is([data-theme=daybeau],[data-theme=ceramique],[data-theme=vellicell]) .dp-prh svg{width:16px;height:16px;stroke:#333;stroke-width:1.8;fill:none}
:is([data-theme=daybeau],[data-theme=ceramique],[data-theme=vellicell]) .dp-page .dp-group-name{font-size:var(--fs-13);font-weight:700;color:#999;margin-top:20px}
:is([data-theme=daybeau],[data-theme=ceramique],[data-theme=vellicell]) .dp-oc{border:1px solid #efefef;border-radius:4px;padding:20px 18px;margin-top:12px;background:#fff;scroll-margin-top:calc(var(--gnb-height) + 100px)}
:is([data-theme=daybeau],[data-theme=ceramique],[data-theme=vellicell]) .dp-oc[data-arrived]{animation:dp-fl 1.1s ease 2}
@keyframes dp-fl{50%{box-shadow:inset 0 0 0 3px color-mix(in srgb,var(--accent) 85%,transparent);background:color-mix(in srgb,var(--accent) 12%,transparent)}}
:is([data-theme=daybeau],[data-theme=ceramique],[data-theme=vellicell]) .dp-oc>b{display:block;font-size:var(--fs-16);font-weight:600;line-height:1.45}
:is([data-theme=daybeau],[data-theme=ceramique],[data-theme=vellicell]) .dp-tag{display:inline-block;vertical-align:2px;font-size:var(--fs-10-5);font-weight:700;color:var(--accent);background:var(--accent-soft);border-radius:999px;padding:2px 8px}
:is([data-theme=daybeau],[data-theme=ceramique],[data-theme=vellicell]) .dp-page .dp-ohl{margin-top:10px;font-size:var(--fs-12);font-weight:500;line-height:calc(var(--fs-12) + 6px);color:var(--accent)}
:is([data-theme=daybeau],[data-theme=ceramique],[data-theme=vellicell]) .dp-oc>small{display:block;margin-top:12px;font-size:var(--fs-12);font-weight:500;line-height:calc(var(--fs-12) + 6px);color:#6b6b6b}
:is([data-theme=daybeau],[data-theme=ceramique],[data-theme=vellicell]) .dp-op{margin-top:32px;display:flex;align-items:flex-end;justify-content:space-between}
:is([data-theme=daybeau],[data-theme=ceramique],[data-theme=vellicell]) .dp-op>div{display:flex;flex-wrap:wrap;align-items:baseline}
:is([data-theme=daybeau],[data-theme=ceramique],[data-theme=vellicell]) .dp-op s{flex-basis:100%;font-size:var(--fs-12);font-weight:500;color:#aaa}
:is([data-theme=daybeau],[data-theme=ceramique],[data-theme=vellicell]) .dp-pc{font-size:var(--fs-14);font-weight:600;color:var(--accent);margin-right:6px}
:is([data-theme=daybeau],[data-theme=ceramique],[data-theme=vellicell]) .dp-op em{font-size:var(--fs-16);font-weight:700;color:var(--text)}
:is([data-theme=daybeau],[data-theme=ceramique],[data-theme=vellicell]) .dp-vat{font-size:var(--fs-11);color:#aaa;margin-left:4px}
:is([data-theme=daybeau],[data-theme=ceramique],[data-theme=vellicell]) .dp-page .dp-add{flex:none;display:block;line-height:38px;height:40px;padding:0 18px;border-radius:999px;border:1px solid var(--accent);color:var(--accent);font-size:var(--fs-14);font-weight:500;text-align:center}
:is([data-theme=daybeau],[data-theme=ceramique],[data-theme=vellicell]) .dp-page .dp-omore{display:flex;align-items:center;justify-content:center;gap:6px;width:100%;height:46px;margin-top:12px;border:1px solid #ddd;border-radius:4px;background:#fff;font-size:var(--fs-14);color:#333}
:is([data-theme=daybeau],[data-theme=ceramique],[data-theme=vellicell]) .dp-omore svg{width:12px;height:12px;stroke:#333;stroke-width:2;fill:none}
:is([data-theme=daybeau],[data-theme=ceramique],[data-theme=vellicell]) .dp-omore[aria-expanded=true] svg{transform:rotate(180deg)}
:is([data-theme=daybeau],[data-theme=ceramique],[data-theme=vellicell]) .dp-page .dp-evgo{display:flex;align-items:center;justify-content:center;gap:6px;width:100%;height:46px;margin-top:10px;padding:0 16px;border-radius:4px;background:var(--accent-soft);color:var(--accent);font-size:var(--fs-14);font-weight:600}
:is([data-theme=daybeau],[data-theme=ceramique],[data-theme=vellicell]) .dp-evgo span{font-size:var(--fs-13);line-height:1}

/* 소개·효과·원리·특징·자유·주의 */
:is([data-theme=daybeau],[data-theme=ceramique],[data-theme=vellicell]) .dp-b3{padding:44px 24px 48px}
:is([data-theme=daybeau],[data-theme=ceramique],[data-theme=vellicell]) .dp-page .dp-t{font-size:var(--fs-22);font-weight:700;letter-spacing:-.04em;line-height:1.35;color:#1a1a1a}
:is([data-theme=daybeau],[data-theme=ceramique],[data-theme=vellicell]) .dp-page .dp-h{font-size:var(--fs-15-5);font-weight:700;letter-spacing:-.03em;line-height:1.5;color:#1a1a1a;margin-top:22px}
:is([data-theme=daybeau],[data-theme=ceramique],[data-theme=vellicell]) .dp-page .dp-l{font-size:var(--fs-14);line-height:1.75;color:#888;margin-top:14px;letter-spacing:-.02em;white-space:pre-line}
:is([data-theme=daybeau],[data-theme=ceramique],[data-theme=vellicell]) .dp-l b{font-weight:600;color:#3a332e;letter-spacing:-.02em}
/* 자유 구좌 본문(병원이 넣는 굵은 글자·표 HTML) — 줄바꿈은 태그가 맡고, 표는 칸 안에서만 가로 스크롤 */
:is([data-theme=daybeau],[data-theme=ceramique],[data-theme=vellicell]) .dp-page .dp-l.dp-rich{white-space:normal;overflow-wrap:break-word}
:is([data-theme=daybeau],[data-theme=ceramique],[data-theme=vellicell]) .dp-rich strong{font-weight:600;color:#3a332e}
:is([data-theme=daybeau],[data-theme=ceramique],[data-theme=vellicell]) .dp-rich p{margin:0 0 10px}
:is([data-theme=daybeau],[data-theme=ceramique],[data-theme=vellicell]) .dp-rich :is(ul,ol){margin:0 0 10px;padding-left:20px}
:is([data-theme=daybeau],[data-theme=ceramique],[data-theme=vellicell]) .dp-rich .rich-table{overflow-x:auto;max-width:100%;margin:14px 0;border:1px solid var(--line);border-radius:10px}
/* 모바일: 오른쪽에 뜨는 상담 패널(약 88px)이 표 끝 열을 가리지 않게, 표 상자 끝까지 스크롤하면 그만큼 비는다 */
@media(max-width:480px){:is([data-theme=daybeau],[data-theme=ceramique],[data-theme=vellicell]) .dp-rich .rich-table{padding-right:88px}}
:is([data-theme=daybeau],[data-theme=ceramique],[data-theme=vellicell]) .dp-rich table{width:100%;border-collapse:collapse;font-size:var(--fs-14);letter-spacing:-.02em}
:is([data-theme=daybeau],[data-theme=ceramique],[data-theme=vellicell]) .dp-rich :is(th,td){padding:12px 10px;text-align:left;border:1px solid #ececec;color:#555;line-height:1.6;word-break:keep-all;overflow-wrap:break-word;vertical-align:top}
:is([data-theme=daybeau],[data-theme=ceramique],[data-theme=vellicell]) .dp-rich th{background:#faf8f6;font-weight:700;color:#3a332e}
:is([data-theme=daybeau],[data-theme=ceramique],[data-theme=vellicell]) .dp-im{position:relative;margin-top:18px;border-radius:2px;background:#f2f2f2;overflow:hidden}
:is([data-theme=daybeau],[data-theme=ceramique],[data-theme=vellicell]) .dp-im>img{display:block;border-radius:2px;width:100%;height:auto;aspect-ratio:338/226;object-fit:cover}
:is([data-theme=daybeau],[data-theme=ceramique],[data-theme=vellicell]) .dp-page .dp-ck{margin-top:22px}
:is([data-theme=daybeau],[data-theme=ceramique],[data-theme=vellicell]) .dp-ck li{display:flex;gap:10px;align-items:flex-start;padding:10px 0;font-size:var(--fs-14);line-height:1.55;color:#555;letter-spacing:-.02em}
:is([data-theme=daybeau],[data-theme=ceramique],[data-theme=vellicell]) .dp-ck li>*{letter-spacing:inherit}
:is([data-theme=daybeau],[data-theme=ceramique],[data-theme=vellicell]) .dp-ck b{font-weight:700;color:#333;letter-spacing:-.02em}
:is([data-theme=daybeau],[data-theme=ceramique],[data-theme=vellicell]) .dp-ck svg{flex:none;width:18px;height:18px;margin-top:2px;fill:none;stroke:var(--accent);stroke-width:2.2;stroke-linecap:round;stroke-linejoin:round}
:is([data-theme=daybeau],[data-theme=ceramique],[data-theme=vellicell]) .dp-page .dp-n{margin-top:14px}
:is([data-theme=daybeau],[data-theme=ceramique],[data-theme=vellicell]) .dp-n li{display:flex;gap:16px;padding:17px 0;border-bottom:1px solid #ececec}
:is([data-theme=daybeau],[data-theme=ceramique],[data-theme=vellicell]) .dp-n i{flex:none;width:22px;font-size:var(--fs-14);font-weight:600;color:var(--accent);line-height:1.55}
:is([data-theme=daybeau],[data-theme=ceramique],[data-theme=vellicell]) .dp-n b{display:block;font-size:var(--fs-15);font-weight:700;letter-spacing:-.03em;color:#1a1a1a}
:is([data-theme=daybeau],[data-theme=ceramique],[data-theme=vellicell]) .dp-n span{display:block;margin-top:3px;font-size:var(--fs-13);color:#888;letter-spacing:-.02em}
:is([data-theme=daybeau],[data-theme=ceramique],[data-theme=vellicell]) .dp-steps{margin-top:8px}
:is([data-theme=daybeau],[data-theme=ceramique],[data-theme=vellicell]) .dp-st{padding-top:28px}
:is([data-theme=daybeau],[data-theme=ceramique],[data-theme=vellicell]) .dp-st+.dp-st{margin-top:32px;border-top:1px solid #ececec;padding-top:36px}
:is([data-theme=daybeau],[data-theme=ceramique],[data-theme=vellicell]) .dp-st>i{display:block;font-size:var(--fs-14);font-weight:600;letter-spacing:.02em;color:var(--accent);line-height:1}
:is([data-theme=daybeau],[data-theme=ceramique],[data-theme=vellicell]) .dp-st>b{display:block;margin-top:12px;font-size:var(--fs-15-5);font-weight:700;line-height:1.5;letter-spacing:-.035em;color:#1a1a1a}
:is([data-theme=daybeau],[data-theme=ceramique],[data-theme=vellicell]) .dp-page .dp-st>p{margin-top:8px;font-size:var(--fs-14);line-height:1.75;color:#888;letter-spacing:-.02em}
:is([data-theme=daybeau],[data-theme=ceramique],[data-theme=vellicell]) .dp-steps .dp-im{margin-top:18px}
:is([data-theme=daybeau],[data-theme=ceramique],[data-theme=vellicell]) .dp-dot{position:absolute;width:0;height:0}
:is([data-theme=daybeau],[data-theme=ceramique],[data-theme=vellicell]) .dp-dot i{position:absolute;left:-5px;top:-5px;width:10px;height:10px;border-radius:50%;background:#fff;box-shadow:0 0 0 4px rgba(255,255,255,.35),0 1px 4px rgba(60,40,30,.25)}
:is([data-theme=daybeau],[data-theme=ceramique],[data-theme=vellicell]) .dp-dot em{position:absolute;white-space:nowrap;font-size:var(--fs-11-5);font-weight:600;letter-spacing:-.02em;color:var(--detail-ink);background:rgba(255,255,255,.88);border-radius:999px;padding:4px 10px;box-shadow:0 2px 8px rgba(60,40,30,.12)}
:is([data-theme=daybeau],[data-theme=ceramique],[data-theme=vellicell]) .dp-sl em{right:16px;top:-12px}
:is([data-theme=daybeau],[data-theme=ceramique],[data-theme=vellicell]) .dp-sb em{right:-14px;top:14px}
:is([data-theme=daybeau],[data-theme=ceramique],[data-theme=vellicell]) .dp-vs{display:grid;grid-template-columns:1fr auto 1fr;align-items:stretch;gap:8px;margin-top:22px;aspect-ratio:338/226}
:is([data-theme=daybeau],[data-theme=ceramique],[data-theme=vellicell]) .dp-vs>div{background:#f6f4f2;padding:16px 10px;text-align:center;display:flex;flex-direction:column;align-items:center;justify-content:center}
:is([data-theme=daybeau],[data-theme=ceramique],[data-theme=vellicell]) .dp-dv{display:block;width:76%;max-width:120px;margin:0 auto 8px;-webkit-mask-image:linear-gradient(180deg,#000 72%,transparent);mask-image:linear-gradient(180deg,#000 72%,transparent)}
:is([data-theme=daybeau],[data-theme=ceramique],[data-theme=vellicell]) .dp-dv img{display:block;width:100%;height:auto;object-fit:contain;object-position:center top}
:is([data-theme=daybeau],[data-theme=ceramique],[data-theme=vellicell]) .dp-vs small{display:block;font-size:var(--fs-11);font-weight:700;letter-spacing:.12em;color:#9a8f86}
:is([data-theme=daybeau],[data-theme=ceramique],[data-theme=vellicell]) .dp-vs b{display:block;margin:2px 0 4px;font-size:var(--fs-13-5);font-weight:700;letter-spacing:-.03em;color:#2a221d}
:is([data-theme=daybeau],[data-theme=ceramique],[data-theme=vellicell]) .dp-vs>div>span:not(.dp-dv){display:block;margin-top:5px;font-size:var(--fs-11-5);line-height:1.5;color:#6b625c}
:is([data-theme=daybeau],[data-theme=ceramique],[data-theme=vellicell]) .dp-vs .dp-nw{background:#fdf1e9;border:1px solid var(--accent)}
:is([data-theme=daybeau],[data-theme=ceramique],[data-theme=vellicell]) .dp-nw :is(small,b){color:var(--accent)}
:is([data-theme=daybeau],[data-theme=ceramique],[data-theme=vellicell]) .dp-vs>em{align-self:center;font-size:var(--fs-12);font-weight:700;letter-spacing:.08em;color:var(--accent)}
:is([data-theme=daybeau],[data-theme=ceramique],[data-theme=vellicell]) .dp-pd{position:relative;display:grid;grid-template-columns:repeat(3,1fr);margin-top:22px;aspect-ratio:338/226;border-radius:2px;background:radial-gradient(120% 85% at 50% 18%,#fdfbf8 0%,#f3ece4 55%,#e7dccf 100%)}
:is([data-theme=daybeau],[data-theme=ceramique],[data-theme=vellicell]) .dp-pd>div{position:relative;display:flex;flex-direction:column;align-items:center;justify-content:flex-end;min-width:0;padding:12px 4px 16px;text-align:center}
:is([data-theme=daybeau],[data-theme=ceramique],[data-theme=vellicell]) .dp-pd>div+div::before{content:"";position:absolute;left:0;top:16%;bottom:16%;width:1px;background:linear-gradient(180deg,transparent,rgba(155,107,78,.22),transparent)}
:is([data-theme=daybeau],[data-theme=ceramique],[data-theme=vellicell]) .dp-pd i{position:relative;display:flex;align-items:flex-end;justify-content:center;height:108px;margin-bottom:14px}
:is([data-theme=daybeau],[data-theme=ceramique],[data-theme=vellicell]) .dp-pd i::after{content:"";position:absolute;left:12%;right:12%;bottom:-3px;height:8px;border-radius:50%;background:radial-gradient(closest-side,rgba(70,50,35,.22),transparent)}
:is([data-theme=daybeau],[data-theme=ceramique],[data-theme=vellicell]) .dp-pd img{position:relative;z-index:1;height:108px;width:auto;max-width:96px;object-fit:contain;object-position:bottom}
:is([data-theme=daybeau],[data-theme=ceramique],[data-theme=vellicell]) .dp-pd b{font-family:var(--font-label);font-weight:400;font-size:var(--fs-15);letter-spacing:.12em;color:var(--detail-ink);line-height:1}
:is([data-theme=daybeau],[data-theme=ceramique],[data-theme=vellicell]) .dp-pd em{display:block;width:14px;height:1px;margin:7px auto 6px;background:var(--accent);opacity:.6}
:is([data-theme=daybeau],[data-theme=ceramique],[data-theme=vellicell]) .dp-pd span{font-size:var(--fs-12);line-height:1.35;letter-spacing:-.02em;color:#6f645c}
:is([data-theme=daybeau],[data-theme=ceramique],[data-theme=vellicell]) .dp-tb{margin-top:22px;border:0;border-top:1px solid #1a1a1a;border-radius:0;overflow:hidden}
:is([data-theme=daybeau],[data-theme=ceramique],[data-theme=vellicell]) .dp-tb table{width:100%;border-collapse:collapse;font-family:var(--font-body);font-size:var(--fs-14);letter-spacing:-.02em}
:is([data-theme=daybeau],[data-theme=ceramique],[data-theme=vellicell]) .dp-tb :is(tbody,thead,tr,th,td){letter-spacing:inherit}
:is([data-theme=daybeau],[data-theme=ceramique],[data-theme=vellicell]) .dp-tb :is(th,td){font-size:var(--fs-13);padding:13px 4px;text-align:center;border-bottom:1px solid #ececec;color:#555}
:is([data-theme=daybeau],[data-theme=ceramique],[data-theme=vellicell]) .dp-tb tr:last-child td{border-bottom:0}
:is([data-theme=daybeau],[data-theme=ceramique],[data-theme=vellicell]) .dp-tb th{background:#fff;font-weight:700}
:is([data-theme=daybeau],[data-theme=ceramique],[data-theme=vellicell]) .dp-tb :is(th,td):first-child{width:18%;padding-left:14px;text-align:left;color:#a39890;font-weight:400}
:is([data-theme=daybeau],[data-theme=ceramique],[data-theme=vellicell]) .dp-tb .dp-hl{background:var(--accent-soft);color:var(--accent);font-weight:700}
:is([data-theme=daybeau],[data-theme=ceramique],[data-theme=vellicell]) .dp-tb th.dp-hl{background:#fff}
:is([data-theme=daybeau],[data-theme=ceramique],[data-theme=vellicell]) .dp-page .dp-c{margin-top:16px}
:is([data-theme=daybeau],[data-theme=ceramique],[data-theme=vellicell]) .dp-c li{position:relative;padding:7px 0 7px 14px;font-size:var(--fs-14);line-height:1.6;color:#555;letter-spacing:-.02em}
:is([data-theme=daybeau],[data-theme=ceramique],[data-theme=vellicell]) .dp-c li::before{content:"";position:absolute;left:0;top:16px;width:4px;height:4px;border-radius:50%;background:var(--accent)}
:is([data-theme=daybeau],[data-theme=ceramique],[data-theme=vellicell]) .dp-c small{display:block;font-size:var(--fs-13);color:#888}

/* 가로 슬라이드 */
:is([data-theme=daybeau],[data-theme=ceramique],[data-theme=vellicell]) .dp-sld{display:flex;gap:10px;overflow-x:auto;overflow-y:hidden;scroll-snap-type:x mandatory;scrollbar-width:none;margin:0 -24px;padding:0 24px;scroll-padding-left:24px;cursor:grab;overscroll-behavior-x:contain;touch-action:pan-x pan-y}
:is([data-theme=daybeau],[data-theme=ceramique],[data-theme=vellicell]) .dp-sld::-webkit-scrollbar{display:none}
:is([data-theme=daybeau],[data-theme=ceramique],[data-theme=vellicell]) .dp-ba{max-width:100%;box-sizing:border-box}
:is([data-theme=daybeau],[data-theme=ceramique],[data-theme=vellicell]) .dp-sld>*{flex:none;scroll-snap-align:start}
:is([data-theme=daybeau],[data-theme=ceramique],[data-theme=vellicell]) .dp-sld::after{content:"";flex:none;width:10px}
:is([data-theme=daybeau],[data-theme=ceramique],[data-theme=vellicell]) .dp-sld.drag{cursor:grabbing;scroll-snap-type:none}
:is([data-theme=daybeau],[data-theme=ceramique],[data-theme=vellicell]) .dp-sld img{-webkit-user-drag:none;user-select:none}
:is([data-theme=daybeau],[data-theme=ceramique],[data-theme=vellicell]) .dp-dots{display:flex;justify-content:center;gap:5px;margin-top:16px}
:is([data-theme=daybeau],[data-theme=ceramique],[data-theme=vellicell]) .dp-dots i{width:5px;height:5px;border-radius:50%;background:#ddd;transition:.25s}
:is([data-theme=daybeau],[data-theme=ceramique],[data-theme=vellicell]) .dp-dots i.on{width:16px;border-radius:3px;background:#333}

/* 시술 전후 */
:is([data-theme=daybeau],[data-theme=ceramique],[data-theme=vellicell]) .dp-bc{width:86%;border:1px solid #eee5de;border-radius:10px;padding:12px;background:#fff;cursor:pointer}
:is([data-theme=daybeau],[data-theme=ceramique],[data-theme=vellicell]) .dp-two{display:grid;grid-template-columns:1fr 1fr;gap:4px;border-radius:6px;overflow:hidden}
:is([data-theme=daybeau],[data-theme=ceramique],[data-theme=vellicell]) .dp-two>div{position:relative;overflow:hidden;aspect-ratio:3/4;background:#f3ece6}
:is([data-theme=daybeau],[data-theme=ceramique],[data-theme=vellicell]) .dp-two img{display:block;width:100%;height:100%;object-fit:cover}
:is([data-theme=daybeau],[data-theme=ceramique],[data-theme=vellicell]) .dp-two>div>span{position:absolute;left:8px;bottom:8px;z-index:2;font-size:var(--fs-10-5);font-weight:600;color:#fff;background:rgba(30,22,18,.45);padding:2px 7px;border-radius:999px}
:is([data-theme=daybeau],[data-theme=ceramique],[data-theme=vellicell]) .dp-two .dp-lkd::after,:is([data-theme=daybeau],[data-theme=ceramique],[data-theme=vellicell]) .dp-big .dp-lkd::after{content:"";position:absolute;inset:0;background:rgba(40,36,33,.35)}
:is([data-theme=daybeau],[data-theme=ceramique],[data-theme=vellicell]) .dp-two .dp-lkd::after{-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px)}
:is([data-theme=daybeau],[data-theme=ceramique],[data-theme=vellicell]) .dp-big .dp-lkd::after{-webkit-backdrop-filter:blur(7px);backdrop-filter:blur(7px)}
:is([data-theme=daybeau],[data-theme=ceramique],[data-theme=vellicell]) .dp-two .dp-lkm{position:absolute;inset:0;z-index:2;display:grid;place-content:center;justify-items:center;gap:5px;font-size:var(--fs-11);color:#fff}
:is([data-theme=daybeau],[data-theme=ceramique],[data-theme=vellicell]) .dp-two .dp-lkm svg{width:18px;height:18px;stroke:#fff;stroke-width:1.8;fill:none}
:is([data-theme=daybeau],[data-theme=ceramique],[data-theme=vellicell]) .dp-page .dp-bc h4{font-size:var(--fs-15);font-weight:700;margin:14px 2px 4px;color:#1a1a1a}
:is([data-theme=daybeau],[data-theme=ceramique],[data-theme=vellicell]) .dp-page .dp-bc p{white-space:normal;font-size:var(--fs-12);color:#9a8f86;margin:2px 2px 0;line-height:1.5}
:is([data-theme=daybeau],[data-theme=ceramique],[data-theme=vellicell]) .dp-bal{position:fixed;inset:0;width:100%;height:100%;max-width:none;max-height:none;margin:0;border:0;padding:20px;background:rgba(15,15,15,.72);opacity:0;transition:opacity .25s;place-items:center}
:is([data-theme=daybeau],[data-theme=ceramique],[data-theme=vellicell]) .dp-bal[open]{display:grid}
:is([data-theme=daybeau],[data-theme=ceramique],[data-theme=vellicell]) .dp-bal::backdrop{background:transparent}
:is([data-theme=daybeau],[data-theme=ceramique],[data-theme=vellicell]) .dp-bal.on{opacity:1}
:is([data-theme=daybeau],[data-theme=ceramique],[data-theme=vellicell]) .dp-bx{position:relative;width:100%;max-width:560px;background:#fff;border-radius:10px;padding:18px 16px 16px;transform:scale(.96);transition:transform .25s}
:is([data-theme=daybeau],[data-theme=ceramique],[data-theme=vellicell]) .dp-bal.on .dp-bx{transform:none}
:is([data-theme=daybeau],[data-theme=ceramique],[data-theme=vellicell]) .dp-page .dp-x{position:absolute;right:8px;top:8px;width:36px;height:36px;font-size:var(--fs-18);color:#555}
:is([data-theme=daybeau],[data-theme=ceramique],[data-theme=vellicell]) .dp-page .dp-t2{font-size:var(--fs-12);color:#999;margin-bottom:10px}
:is([data-theme=daybeau],[data-theme=ceramique],[data-theme=vellicell]) .dp-big{display:grid;grid-template-columns:1fr 1fr;gap:4px;border-radius:4px;overflow:hidden}
:is([data-theme=daybeau],[data-theme=ceramique],[data-theme=vellicell]) .dp-big>div{position:relative;aspect-ratio:3/4;background:linear-gradient(160deg,#ebe6e1,#d8d0c9)}
:is([data-theme=daybeau],[data-theme=ceramique],[data-theme=vellicell]) .dp-big>div+div{background:linear-gradient(160deg,#f1ece7,#e2dad3)}
:is([data-theme=daybeau],[data-theme=ceramique],[data-theme=vellicell]) .dp-big img{display:block;width:100%;height:100%;object-fit:cover}
:is([data-theme=daybeau],[data-theme=ceramique],[data-theme=vellicell]) .dp-big .dp-lkm{position:absolute;inset:0;z-index:1;display:grid;place-content:center;justify-items:center;gap:6px;font-size:var(--fs-12);color:#fff;text-align:center}
:is([data-theme=daybeau],[data-theme=ceramique],[data-theme=vellicell]) .dp-big .dp-lkm svg{width:22px;height:22px;stroke:#fff;stroke-width:1.8;fill:none}
:is([data-theme=daybeau],[data-theme=ceramique],[data-theme=vellicell]) .dp-big>div>span{position:absolute;z-index:2;left:8px;top:8px;font-size:var(--fs-10-5);font-weight:700;letter-spacing:.04em;color:#fff;background:rgba(0,0,0,.3);border-radius:3px;padding:2px 7px}
:is([data-theme=daybeau],[data-theme=ceramique],[data-theme=vellicell]) .dp-page .dp-bx h4{font-size:var(--fs-16);margin-top:14px}
:is([data-theme=daybeau],[data-theme=ceramique],[data-theme=vellicell]) .dp-page .dp-d{font-size:var(--fs-12);color:#888;margin-top:3px}
:is([data-theme=daybeau],[data-theme=ceramique],[data-theme=vellicell]) .dp-page .dp-n2{font-size:var(--fs-11-5);color:#aaa;margin-top:2px}
:is([data-theme=daybeau],[data-theme=ceramique],[data-theme=vellicell]) .dp-page .dp-login{background:#fff;color:#333;font-weight:700;border-radius:3px;padding:3px 9px;font-size:var(--fs-11)}
:is([data-theme=daybeau],[data-theme=ceramique],[data-theme=vellicell]) .dp-page .dp-go2{display:flex;align-items:center;justify-content:center;width:100%;height:46px;margin-top:16px;border-radius:6px;background:#1f1f1f;color:#fff;font-size:var(--fs-14);font-weight:500}

/* WHY — 시안은 글자가 박힌 그림 카드, 여기선 같은 모양을 글자·사진으로 합성 */
:is([data-theme=daybeau],[data-theme=ceramique],[data-theme=vellicell]) .dp-page .dp-we{font-size:var(--fs-11-5);letter-spacing:.14em;color:#999;font-weight:500;line-height:normal;margin-bottom:6px}
:is([data-theme=daybeau],[data-theme=ceramique],[data-theme=vellicell]) .dp-why .dp-sld{gap:14px}
:is([data-theme=daybeau],[data-theme=ceramique],[data-theme=vellicell]) .dp-wy{width:76%}
:is([data-theme=daybeau],[data-theme=ceramique],[data-theme=vellicell]) .dp-wy-im{border-radius:2px;overflow:hidden;aspect-ratio:4/3;background:#f3ece6}
:is([data-theme=daybeau],[data-theme=ceramique],[data-theme=vellicell]) .dp-wy-im img{display:block;width:100%;height:100%;object-fit:cover}
:is([data-theme=daybeau],[data-theme=ceramique],[data-theme=vellicell]) .dp-wy>i{display:block;line-height:normal;margin-top:16px;font-family:Montserrat,"Inter Tight",sans-serif;font-size:var(--fs-12);font-weight:600;letter-spacing:.08em;color:var(--accent)}
:is([data-theme=daybeau],[data-theme=ceramique],[data-theme=vellicell]) .dp-page .dp-wy h3{line-height:normal;margin:6px 0;font-size:var(--fs-17);font-weight:600;letter-spacing:-.02em}
:is([data-theme=daybeau],[data-theme=ceramique],[data-theme=vellicell]) .dp-page .dp-wy p{font-size:var(--fs-13-5);line-height:1.65;color:#7a6f67}

/* FAQ */
:is([data-theme=daybeau],[data-theme=ceramique],[data-theme=vellicell]) .dp-fq{border-top:1px solid #eee}
:is([data-theme=daybeau],[data-theme=ceramique],[data-theme=vellicell]) .dp-fq:last-child{border-bottom:1px solid #eee}
:is([data-theme=daybeau],[data-theme=ceramique],[data-theme=vellicell]) .dp-page .dp-fq>button{display:flex;gap:8px;align-items:flex-start;width:100%;text-align:left;padding:15px 0;font-size:var(--fs-14);font-weight:500;line-height:1.45}
:is([data-theme=daybeau],[data-theme=ceramique],[data-theme=vellicell]) .dp-fq>button b{color:var(--accent);font-weight:700}
:is([data-theme=daybeau],[data-theme=ceramique],[data-theme=vellicell]) .dp-fq>button span{flex:1}
:is([data-theme=daybeau],[data-theme=ceramique],[data-theme=vellicell]) .dp-fq>button svg{flex:none;width:12px;height:12px;margin-top:4px;stroke:#666;stroke-width:2;fill:none;transition:transform .25s}
:is([data-theme=daybeau],[data-theme=ceramique],[data-theme=vellicell]) .dp-fq.on>button svg{transform:rotate(180deg)}
:is([data-theme=daybeau],[data-theme=ceramique],[data-theme=vellicell]) .dp-a{display:grid;overflow:hidden;grid-template-rows:0fr;transition:grid-template-rows .35s ease}
:is([data-theme=daybeau],[data-theme=ceramique],[data-theme=vellicell]) .dp-fq.on .dp-a{grid-template-rows:1fr}
:is([data-theme=daybeau],[data-theme=ceramique],[data-theme=vellicell]) .dp-a>div{overflow:hidden;min-height:0}
:is([data-theme=daybeau],[data-theme=ceramique],[data-theme=vellicell]) .dp-page .dp-a p{background:#f7f7f7;border-radius:6px;padding:12px 14px;font-size:var(--fs-14);color:#666;line-height:1.65;margin-bottom:14px;white-space:pre-line}

/* 함께 많이 받는 시술 */
:is([data-theme=daybeau],[data-theme=ceramique],[data-theme=vellicell]) .dp-rc{display:block;width:52%;text-align:left}
:is([data-theme=daybeau],[data-theme=ceramique],[data-theme=vellicell]) .dp-rc-im{position:relative;display:block;aspect-ratio:4/3;border-radius:2px;overflow:hidden;background:#c85a26}
:is([data-theme=daybeau],[data-theme=ceramique],[data-theme=vellicell]) .dp-rc-im>img{position:absolute;left:0;right:0;top:0;width:100%;height:100%;object-fit:cover;object-position:50% 50%}
:is([data-theme=daybeau],[data-theme=ceramique],[data-theme=vellicell]) .dp-rc-im>span{position:absolute;left:0;right:0;top:12px;z-index:2;display:grid;justify-items:center;text-align:center;font-family:"Cormorant Garamond",serif;font-weight:400;font-size:var(--fs-16);letter-spacing:.02em;line-height:1.05;color:#fff;text-shadow:0 1px 10px rgba(60,20,4,.3)}
:is([data-theme=daybeau],[data-theme=ceramique],[data-theme=vellicell]) .dp-rc>b{display:block;font-size:var(--fs-16);font-weight:600;margin-top:9px}
:is([data-theme=daybeau],[data-theme=ceramique],[data-theme=vellicell]) .dp-rc>em{font-size:var(--fs-14);font-weight:700;color:var(--accent)}

/* 이 시술이 포함된 이벤트 */
:is([data-theme=daybeau],[data-theme=ceramique],[data-theme=vellicell]) .dp-dvh{display:flex;align-items:center;gap:6px;margin:22px 0 10px}
:is([data-theme=daybeau],[data-theme=ceramique],[data-theme=vellicell]) [data-dp-ev]:first-of-type .dp-dvh{margin-top:0}
:is([data-theme=daybeau],[data-theme=ceramique],[data-theme=vellicell]) .dp-dvh b{font-size:var(--fs-15)}
:is([data-theme=daybeau],[data-theme=ceramique],[data-theme=vellicell]) .dp-dvh i{display:inline-flex;align-items:center;height:19px;padding:0 6px;border-radius:4px;background:#fff;border:1px solid var(--accent);color:var(--v5-ink,#c4612f);font-size:var(--fs-11);font-weight:700;letter-spacing:.01em;line-height:1}
:is([data-theme=daybeau],[data-theme=ceramique],[data-theme=vellicell]) .dp-page .dp-dvh a{margin-left:auto;font-size:var(--fs-12-5);color:#888;text-align:center}
:is([data-theme=daybeau],[data-theme=ceramique],[data-theme=vellicell]) .dp-dvi{border:1px solid #e9e9e9;border-radius:6px;margin-bottom:10px}
:is([data-theme=daybeau],[data-theme=ceramique],[data-theme=vellicell]) .dp-itm{padding:16px 14px}
:is([data-theme=daybeau],[data-theme=ceramique],[data-theme=vellicell]) .dp-tg{display:inline-block;font-size:var(--fs-10-5);font-weight:700;color:var(--accent);background:var(--accent-soft);border-radius:999px;padding:2px 8px}
:is([data-theme=daybeau],[data-theme=ceramique],[data-theme=vellicell]) .dp-tg+.dp-tg{margin-left:4px}
:is([data-theme=daybeau],[data-theme=ceramique],[data-theme=vellicell]) .dp-page .dp-itm h4{font-size:var(--fs-16);font-weight:600;line-height:1.45;margin-top:13px}
:is([data-theme=daybeau],[data-theme=ceramique],[data-theme=vellicell]) .dp-page .dp-hl2{white-space:normal;font-size:var(--fs-12);font-weight:500;line-height:calc(var(--fs-12) + 6px);color:var(--accent);margin-top:8px}
:is([data-theme=daybeau],[data-theme=ceramique],[data-theme=vellicell]) .dp-page .dp-ds{white-space:normal;font-size:var(--fs-12);font-weight:500;line-height:calc(var(--fs-12) + 6px);color:#6b6b6b;margin-top:8px}
:is([data-theme=daybeau],[data-theme=ceramique],[data-theme=vellicell]) .dp-page .dp-hl2+.dp-ds{margin-top:12px}
:is([data-theme=daybeau],[data-theme=ceramique],[data-theme=vellicell]) .dp-pr2{display:flex;align-items:flex-end;justify-content:space-between;margin-top:32px}
:is([data-theme=daybeau],[data-theme=ceramique],[data-theme=vellicell]) .dp-pr2 s{display:block;font-size:var(--fs-11-5);color:#aaa}
:is([data-theme=daybeau],[data-theme=ceramique],[data-theme=vellicell]) .dp-pr2 em{color:var(--accent);font-weight:700;font-size:var(--fs-16);margin-right:6px}
:is([data-theme=daybeau],[data-theme=ceramique],[data-theme=vellicell]) .dp-pr2 b{font-size:var(--fs-16);font-weight:700}
:is([data-theme=daybeau],[data-theme=ceramique],[data-theme=vellicell]) .dp-page .dp-add2{flex:none;display:block;text-align:center;line-height:34px;height:36px;padding:0 16px;border-radius:999px;border:1px solid var(--accent);color:var(--accent);font-size:var(--fs-12-5);font-weight:500}
:is([data-theme=daybeau],[data-theme=ceramique],[data-theme=vellicell]) .dp-page .dp-dmore{display:flex;align-items:center;justify-content:center;gap:6px;width:100%;height:44px;border:1px solid #ddd;border-radius:6px;font-size:var(--fs-13-5);color:#444}
:is([data-theme=daybeau],[data-theme=ceramique],[data-theme=vellicell]) .dp-dmore svg{width:11px;height:11px;stroke:#444;stroke-width:2;fill:none}
:is([data-theme=daybeau],[data-theme=ceramique],[data-theme=vellicell]) .dp-toast{position:fixed;left:50%;bottom:96px;z-index:80;width:max-content;max-width:86%;transform:translate(-50%,10px);opacity:0;pointer-events:none;background:rgba(26,26,26,.92);color:#fff;font-size:var(--fs-12-5);line-height:1.45;padding:10px 14px;border-radius:8px;text-align:center;transition:opacity .25s,transform .25s}
:is([data-theme=daybeau],[data-theme=ceramique],[data-theme=vellicell]) .dp-toast.on{opacity:1;transform:translate(-50%,0)}
@media(prefers-reduced-motion:reduce){:is([data-theme=daybeau],[data-theme=ceramique],[data-theme=vellicell]) .dp-hero-tx>*,:is([data-theme=daybeau],[data-theme=ceramique],[data-theme=vellicell]) .dp-hero>img{animation:none}:is([data-theme=daybeau],[data-theme=ceramique],[data-theme=vellicell]) .dp-oc[data-arrived]{animation:none}}
:is([data-theme=daybeau],[data-theme=ceramique],[data-theme=vellicell]) .dp-page .dp-add[aria-pressed=true],:is([data-theme=daybeau],[data-theme=ceramique],[data-theme=vellicell]) .dp-page .dp-add2[aria-pressed=true]{color:#fff}

/* 메뉴·검색·지점 선택·TOP 5·이벤트 겹창은 show() 로 열려 쌓임 순서를 탄다. 열려 있는 동안 상세의 고정 막대·드롭다운 어둠을 겹창 아래로 내린다 */
:is([data-theme=daybeau],[data-theme=ceramique],[data-theme=vellicell]):has(.category-dialog[open],.shell-search[open],.branch-selector[open],.ranking-dialog[open],.event-strip-layer[open]) .dp-page :is(.dp-nav,.dp-toc,.dp-dim){z-index:1}
/* 요약 4칸(clinic/detail_summary.html · parity-3): 시안 상세 제목(.dp-title 좌우 24px) 줄에 맞춘다 */
:is([data-theme=daybeau],[data-theme=ceramique],[data-theme=vellicell]) .dp-page .detail-summary{margin:8px 24px 20px}