/* 데이뷰 시안 공통 화면 (renewal-v5): 머리·탭·메뉴·지점·검색·마이·언어·플로팅바·맨 위로·푸터. 값은 시안에서 잰 수치.
   모바일(~1279)만 시안대로, PC(1280~)는 헤더·플로팅바 배치를 그대로 두고(헤더 단추·플로팅바 항상 펼침) 깨지지 않게만 한다. */
body:is([data-theme=daybeau],[data-theme=ceramique],[data-theme=vellicell]) .consult-float svg{width:24px;height:24px}
body:is([data-theme=daybeau],[data-theme=ceramique],[data-theme=vellicell]) .header-actions .mi{width:22px;height:22px;stroke-width:1.5}
body:is([data-theme=daybeau],[data-theme=ceramique],[data-theme=vellicell]) .site-header .branch-toggle svg{width:9px;height:9px;stroke-width:2;transition:transform .25s}
body:is([data-theme=daybeau],[data-theme=ceramique],[data-theme=vellicell]) .site-header .branch-toggle[aria-expanded=true] svg{transform:rotate(180deg)}

/* 맨 위로: shell.js 가 is-on 을 켠다 */
body:is([data-theme=daybeau],[data-theme=ceramique],[data-theme=vellicell]) [data-shell-top]{position:fixed;z-index:20;display:grid;place-items:center;width:40px;height:40px;padding:0;border:0;border-radius:50%;background:#fff;box-shadow:0 2px 10px rgba(0,0,0,.14);color:#333;opacity:0;transform:translateY(8px);pointer-events:none;transition:opacity .3s,transform .3s}
body:is([data-theme=daybeau],[data-theme=ceramique],[data-theme=vellicell]) [data-shell-top].is-on{opacity:1;transform:none;pointer-events:auto}
body:is([data-theme=daybeau],[data-theme=ceramique],[data-theme=vellicell]) [data-shell-top] svg{width:16px;height:16px;stroke-width:2}

/* ── 푸터 (모든 폭) ─────────────────────────── */
body:is([data-theme=daybeau],[data-theme=ceramique],[data-theme=vellicell]) .site-footer{padding:60px 24px 48px;background:#2b2b2b;color:rgba(255,255,255,.5)}
@media(min-width:1280px){body:is([data-theme=daybeau],[data-theme=ceramique],[data-theme=vellicell]) .site-footer{padding-inline:120px}}
body:is([data-theme=daybeau],[data-theme=ceramique],[data-theme=vellicell]) .site-footer .footer-logo{display:flex;align-items:center;gap:6px;margin:0 0 32px;padding:0}
body:is([data-theme=daybeau],[data-theme=ceramique],[data-theme=vellicell]) .site-footer .footer-logo img{display:block;width:auto;height:22px;max-width:none;opacity:.92;filter:brightness(0) invert(1)}
body:is([data-theme=daybeau],[data-theme=ceramique],[data-theme=vellicell]) .footer-policies{display:grid;grid-template-columns:repeat(2,auto);justify-content:start;gap:12px 32px;margin:0;padding:0}
body:is([data-theme=daybeau],[data-theme=ceramique],[data-theme=vellicell]) .footer-policies a{color:rgba(255,255,255,.78);font:400 var(--fs-12-5)/1.5 var(--font-body)}
body:is([data-theme=daybeau],[data-theme=ceramique],[data-theme=vellicell]) .footer-sns{display:flex;gap:12px;margin:32px 0 24px;padding:0;list-style:none;opacity:.8}
body:is([data-theme=daybeau],[data-theme=ceramique],[data-theme=vellicell]) .footer-sns a{display:block;width:26px;height:26px}
body:is([data-theme=daybeau],[data-theme=ceramique],[data-theme=vellicell]) .footer-sns svg{display:block;width:26px;height:26px}
body:is([data-theme=daybeau],[data-theme=ceramique],[data-theme=vellicell]) .business-info{padding-top:20px;border-top:1px solid rgba(255,255,255,.1)}
body:is([data-theme=daybeau],[data-theme=ceramique],[data-theme=vellicell]) .business-info summary{display:inline-flex;align-items:center;gap:4px;color:#aaa;font:400 var(--fs-12)/1.5 var(--font-body);cursor:pointer;list-style:none}
body:is([data-theme=daybeau],[data-theme=ceramique],[data-theme=vellicell]) .business-info summary::-webkit-details-marker{display:none}
body:is([data-theme=daybeau],[data-theme=ceramique],[data-theme=vellicell]) .business-info summary::after{content:'';width:6px;height:6px;border:solid #aaa;border-width:0 1.4px 1.4px 0;transform:rotate(45deg) translateY(-2px);transition:transform .2s}
body:is([data-theme=daybeau],[data-theme=ceramique],[data-theme=vellicell]) .business-info[open] summary::after{transform:rotate(-135deg) translateY(-1px)}
body:is([data-theme=daybeau],[data-theme=ceramique],[data-theme=vellicell]) .business-info>div{margin-top:6px;color:#999;font:400 var(--fs-11-5)/1.7 var(--font-body)}
body:is([data-theme=daybeau],[data-theme=ceramique],[data-theme=vellicell]) .site-footer .copyright{margin:20px 0 0;color:rgba(255,255,255,.42);font:400 var(--fs-11)/1.5 var(--font-display);letter-spacing:.06em}

/* ── 검색 화면 (모든 폭, PC 는 메뉴 창과 같은 오른쪽 자리) ─────── */
body:is([data-theme=daybeau],[data-theme=ceramique],[data-theme=vellicell]) .shell-search{position:fixed;inset:64px 0 var(--tabbar-height) auto;z-index:19;width:100%;max-width:100%;height:auto;max-height:none;margin:0;padding:0;border:0;background:#fff;color:#1a1a1a;overflow:hidden auto;scrollbar-width:none;transform:none;transition:transform .35s cubic-bezier(.2,.8,.2,1),overlay .35s allow-discrete,display .35s allow-discrete}
body:is([data-theme=daybeau],[data-theme=ceramique],[data-theme=vellicell]) .shell-search:not([open]){transform:translateX(100%)}
@starting-style{body:is([data-theme=daybeau],[data-theme=ceramique],[data-theme=vellicell]) .shell-search[open]{transform:translateX(100%)}}
html.shell-search-open{overflow:hidden}
.shell-search-head{position:sticky;top:0;z-index:1;display:flex;align-items:center;gap:6px;padding:12px 16px 12px 8px;background:#fff;border-bottom:1px solid #f0ebe6}
.shell-search-back{flex:none;width:32px;height:40px;padding:0;border:0;background:none;color:#333;font-size:var(--fs-24);line-height:normal;border-radius:0}
.shell-search-head form{flex:1;min-width:0;display:flex;align-items:center;gap:0;height:46px;padding:0 8px 0 18px;border:1px solid #e6dfd9;border-radius:999px;background:#fff;transition:border-color .25s}
.shell-search-head form:focus-within{border-color:#cfc6bf}
.shell-search-head input[type=search]{flex:1;min-width:0;height:auto;padding:1px 2px;border:0;outline:0;background:none;color:#1a1a1a;font:400 var(--fs-16)/normal var(--font-body);letter-spacing:normal;-webkit-appearance:none;appearance:none}
.shell-search-head input::placeholder{color:#a79d96}
.shell-search-head input::-webkit-search-cancel-button{display:none}
.shell-search-clear{flex:none;width:28px;height:28px;padding:0;border:0;background:none;color:#999;font-size:var(--fs-12)}
.shell-search-clear[hidden]{display:none}
.shell-search-go{flex:none;display:grid;place-items:center;width:32px;height:32px;padding:0;border:0;background:none;color:#1a1a1a;border-radius:0}
.shell-search-go svg{width:20px;height:20px;stroke-width:1.9}
.shell-search-sec{padding:24px 24px 4px}
.shell-search-title{display:flex;align-items:center;justify-content:space-between;margin:0 0 12px;color:#2a2421;font:700 var(--fs-13-5)/normal var(--font-body);letter-spacing:-.01em}
.shell-search-wipe{padding:0;border:0;border-radius:0;background:none;color:#b0a59e;font:400 var(--fs-12)/normal var(--font-body);letter-spacing:inherit}
.shell-search-chips{display:flex;flex-wrap:wrap;gap:8px}
.shell-search-chips button{height:32px;padding:0 14px;border:1px solid #e4ddd7;border-radius:999px;background:#fff;color:#5f5650;font:400 var(--fs-12-5)/normal var(--font-body)}
.shell-search-norecent{margin:0;color:#aaa;font:400 var(--fs-13)/1.4 var(--font-body)}
.shell-rank{text-align:left;display:grid;grid-template-columns:24px minmax(0,1fr) auto 10px;align-items:center;gap:8px;padding:15px 0;border-bottom:1px solid #f2ede9;color:inherit}
.shell-rank:hover{text-decoration:none}
.shell-rank b{color:#b7ada6;font:600 var(--fs-13)/normal var(--font-body)}
.shell-rank:nth-of-type(-n+2) b{color:var(--accent)}
.shell-rank span{overflow:hidden;color:#333;font:400 var(--fs-13)/normal var(--font-body);text-overflow:ellipsis;white-space:nowrap}
.shell-rank em{text-align:right;color:var(--accent);font:700 var(--fs-14)/1.15 var(--font-body);white-space:nowrap}
.shell-rank i{text-align:right;color:#ccc;font:400 var(--fs-14)/normal var(--font-body)}
.shell-result{display:block;padding:12px 0;border-bottom:1px solid #f2ede9;color:inherit}
.shell-result:hover{text-decoration:none}
.shell-result-name{display:block;font:500 var(--fs-15)/1.4 var(--font-body)}
.shell-result mark{background:none;color:var(--accent);font-weight:700}
.shell-result small{display:block;margin-top:2px;color:#a99d95;font:400 var(--fs-12)/1.4 var(--font-body)}
.shell-search-none{padding:48px 24px;color:#777;font:400 var(--fs-14)/1.5 var(--font-body);text-align:center}

/* ── 메뉴 안쪽 (모든 폭) ─────────────────────── */
body:is([data-theme=daybeau],[data-theme=ceramique],[data-theme=vellicell]) .menu-search{display:flex;align-items:center;gap:8px;width:calc(100% - 32px);height:46px;margin:12px 16px 4px;padding:0 14px;border:1px solid #e9e2dc;border-radius:999px;background:#fff}
.menu-roll{flex:1;min-width:0;display:flex;align-items:center;gap:8px;height:44px;padding:0;border:0;border-radius:0;background:none;color:#1a1a1a;text-align:left;cursor:text}
.menu-roll>svg{width:17px;height:17px;stroke:#333;stroke-width:1.8}
.menu-live{flex:none;padding:2px 7px;border-radius:999px;background:var(--accent-soft);color:var(--accent);font:700 var(--fs-10)/normal var(--font-body)}
.menu-roll-box{position:relative;display:block;flex:1;min-width:0;height:44px;overflow:hidden}
.menu-roll-item{position:absolute;inset:0;display:flex;align-items:center;gap:7px;height:44px;font:400 var(--fs-13)/1 var(--font-body);white-space:nowrap;transition:transform .45s ease}
.menu-roll-item b{color:var(--accent);font-size:var(--fs-12-5)}
.menu-roll-item span{overflow:hidden;text-overflow:ellipsis}
.menu-rank-all{flex:none;padding:0;border:0;border-radius:0;background:none;color:#777;font:400 var(--fs-11-5)/normal var(--font-body)}
body:is([data-theme=daybeau],[data-theme=ceramique],[data-theme=vellicell]) .category-body{margin-top:6px;border-top:1px solid #f0ebe6}
body:is([data-theme=daybeau],[data-theme=ceramique],[data-theme=vellicell]) .category-sidebar>button[aria-current=true]{transform:none;background:none}
body:is([data-theme=daybeau],[data-theme=ceramique],[data-theme=vellicell]) .category-sidebar{flex:none;width:116px;padding:0;background:#fff;border-right:1px solid #f0ebe6}
body:is([data-theme=daybeau],[data-theme=ceramique],[data-theme=vellicell]) .category-sidebar>button,body:is([data-theme=daybeau],[data-theme=ceramique],[data-theme=vellicell]) .category-sidebar>.category-link{position:relative;display:block;width:100%;min-height:0;padding:15px 18px;border:0;border-radius:0;background:none;color:#9a918b;font:400 var(--fs-14-5)/normal var(--font-body);text-align:left;transition:color .25s}
body:is([data-theme=daybeau],[data-theme=ceramique],[data-theme=vellicell]) .category-sidebar>button[aria-current=true],body:is([data-theme=daybeau],[data-theme=ceramique],[data-theme=vellicell]) .category-sidebar>[data-shell-here]{color:#1a1a1a;font-weight:700}
/* 시안(버전3-b) 카테고리 메뉴: «이벤트»만 주황 굵게 — #mL button.evhi 실측 #E07A45·700 (TW-52). 세 브랜드 같은 값 #E07A45(세윤님이 준 값 · TW-54 · DIR-76) — 어드민 강조색(세라미크·벨리셀 #ff4400)을 따르지 않게 고정, 선택·가리킴 때도 주황 */
body:is([data-theme=daybeau],[data-theme=ceramique],[data-theme=vellicell]) .category-sidebar>.category-link[data-category-link=events],body:is([data-theme=daybeau],[data-theme=ceramique],[data-theme=vellicell]) .category-sidebar>.category-link[data-category-link=events]:is(:hover,[aria-current=page]){color:#E07A45;font-weight:700}
body:is([data-theme=daybeau],[data-theme=ceramique],[data-theme=vellicell]) .category-sidebar>button[aria-current=true]::before,body:is([data-theme=daybeau],[data-theme=ceramique],[data-theme=vellicell]) .category-sidebar>[data-shell-here]::before{content:'';position:absolute;left:0;top:16px;bottom:16px;width:2px;border-radius:2px;background:var(--accent)}
body:is([data-theme=daybeau],[data-theme=ceramique],[data-theme=vellicell]) .category-content{flex:1;min-width:0;padding:4px 16px 20px;overflow:auto;scrollbar-width:none;background:#fff}
body:is([data-theme=daybeau],[data-theme=ceramique],[data-theme=vellicell]) .menu-group{border:0}
body:is([data-theme=daybeau],[data-theme=ceramique],[data-theme=vellicell]) .menu-acc{min-height:0;padding:15px 0;color:#222;font:600 var(--fs-14-5)/normal var(--font-body);letter-spacing:-.02em}
body:is([data-theme=daybeau],[data-theme=ceramique],[data-theme=vellicell]) .menu-mark{position:relative;width:18px;height:18px}
body:is([data-theme=daybeau],[data-theme=ceramique],[data-theme=vellicell]) .menu-acc>.menu-mark::after,body:is([data-theme=daybeau],[data-theme=ceramique],[data-theme=vellicell]) .menu-acc>.menu-mark::before{content:'';position:absolute;left:4px;right:4px;top:50%;height:1.3px;margin-top:-.65px;border-radius:1px;background:#8a817b;transition:transform .3s cubic-bezier(.22,.61,.36,1)}
body:is([data-theme=daybeau],[data-theme=ceramique],[data-theme=vellicell]) .menu-acc>.menu-mark::after{transform:rotate(90deg)}
body:is([data-theme=daybeau],[data-theme=ceramique],[data-theme=vellicell]) .menu-acc[aria-expanded=true]>.menu-mark::after{content:'';transform:rotate(0)}
body:is([data-theme=daybeau],[data-theme=ceramique],[data-theme=vellicell]) .menu-sub-acc{min-height:0;padding:10px 0 10px 2px;color:#6a625d;font:400 var(--fs-13)/1.4 var(--font-body)}
body:is([data-theme=daybeau],[data-theme=ceramique],[data-theme=vellicell]) .menu-sub-acc svg{width:10px;height:10px;stroke:#b7aea8;stroke-width:2;transition:transform .25s}
body:is([data-theme=daybeau],[data-theme=ceramique],[data-theme=vellicell]) .menu-sub-acc[aria-expanded=true]{color:var(--accent);font-weight:700}
body:is([data-theme=daybeau],[data-theme=ceramique],[data-theme=vellicell]) .menu-sub-acc[aria-expanded=true] svg{transform:rotate(180deg);stroke:var(--accent)}
body:is([data-theme=daybeau],[data-theme=ceramique],[data-theme=vellicell]) .menu-sub .menu-fold-inner[data-category-packages]{gap:0;margin:0 0 6px;padding:0 14px;border-radius:8px;background:#faf8f6;transition:padding .3s}
body:is([data-theme=daybeau],[data-theme=ceramique],[data-theme=vellicell]) .menu-sub-acc[aria-expanded=true]+.menu-fold>[data-category-packages]{padding-block:6px}
body:is([data-theme=daybeau],[data-theme=ceramique],[data-theme=vellicell]) [data-category-packages]>a{display:block;padding:8px 0;color:#7a716b;font:400 var(--fs-12-5)/1.4 var(--font-body)}
body:is([data-theme=daybeau],[data-theme=ceramique],[data-theme=vellicell]) [data-category-packages]>a[aria-current=true]{color:var(--accent);font-weight:700}
/* 하위 분류가 하나뿐이면 하위 줄 없이 시술이 2단 글자로 바로 보인다 */
body:is([data-theme=daybeau],[data-theme=ceramique],[data-theme=vellicell]) .menu-sub:only-child>.menu-sub-acc{display:none}
body:is([data-theme=daybeau],[data-theme=ceramique],[data-theme=vellicell]) .menu-sub:only-child>.menu-fold>[data-category-packages]{margin:0;padding:0;background:none}
body:is([data-theme=daybeau],[data-theme=ceramique],[data-theme=vellicell]) .menu-sub:only-child>.menu-fold>[data-category-packages]>a{padding:10px 0 10px 2px;color:#6a625d;font-size:var(--fs-13)}
body:is([data-theme=daybeau],[data-theme=ceramique],[data-theme=vellicell]) .category-nav-row{display:flex;align-items:center;justify-content:space-between;width:100%;min-height:0;padding:15px 0 14.5px;border:0;color:#222;font:600 var(--fs-14-5)/normal var(--font-body);letter-spacing:-.02em}
body:is([data-theme=daybeau],[data-theme=ceramique],[data-theme=vellicell]) .category-nav-row span[aria-hidden]{color:#999;font-weight:400}
body:is([data-theme=daybeau],[data-theme=ceramique],[data-theme=vellicell]) .category-nav-row[aria-current=page]{color:var(--accent)}

/* ── 지점 창 안쪽 (모든 폭) ──────────────────── */
body:is([data-theme=daybeau],[data-theme=ceramique],[data-theme=vellicell]) .branch-regions{flex:none;width:104px;min-width:104px;padding:0;gap:0;border:0;background:#fafafa}
body:is([data-theme=daybeau],[data-theme=ceramique],[data-theme=vellicell]) .branch-regions button{height:auto;padding:14px 16px;border-radius:0;background:none;color:#555;font:400 var(--fs-13-5)/normal var(--font-body)}
body:is([data-theme=daybeau],[data-theme=ceramique],[data-theme=vellicell]) .branch-regions [aria-pressed=true]{background:#fff;color:var(--accent);font-weight:700}
body:is([data-theme=daybeau],[data-theme=ceramique],[data-theme=vellicell]) .branch-options{padding:14px 14px 20px;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}
body:is([data-theme=daybeau],[data-theme=ceramique],[data-theme=vellicell]) .branch-options h2{grid-column:1/-1;margin:0 0 4px;color:#1a1a1a;font:700 var(--fs-14)/normal var(--font-body)}
body:is([data-theme=daybeau],[data-theme=ceramique],[data-theme=vellicell]) .branch-options h2 small{margin-left:4px;color:var(--accent);font:500 smaller/normal var(--font-body)}
body:is([data-theme=daybeau],[data-theme=ceramique],[data-theme=vellicell]) .branch-options a{display:flex;align-items:center;justify-content:center;height:40px;min-height:0;padding:0 4px;border:1px solid #dcdcdc;border-radius:6px;background:#fff;color:#1a1a1a;font:400 var(--fs-12-5)/normal var(--font-body);text-align:center}
body:is([data-theme=daybeau],[data-theme=ceramique],[data-theme=vellicell]) .branch-options a[aria-current=location]{border-color:var(--accent);background:var(--accent-soft);color:var(--accent);font-weight:700}

/* ── 모바일 (~1279) ─────────────────────────── */
@media(max-width:1279px){
body:is([data-theme=daybeau],[data-theme=ceramique],[data-theme=vellicell]){--gnb-height:64px;--tabbar-height:74px;--tabbar-h:74px}

/* 머리 */
body:is([data-theme=daybeau],[data-theme=ceramique],[data-theme=vellicell]) .site-header,body:is([data-theme=daybeau],[data-theme=ceramique],[data-theme=vellicell]).events .site-header{height:64px;min-height:64px;padding:0 10px 0 18px;gap:6px;border:0;background:rgba(255,255,255,.86);-webkit-backdrop-filter:blur(18px) saturate(1.6);backdrop-filter:blur(18px) saturate(1.6);box-shadow:0 1px 0 rgba(60,40,30,.07);color:#1a1a1a;transition:background .3s,box-shadow .3s,color .3s}
body:is([data-theme=daybeau],[data-theme=ceramique],[data-theme=vellicell]) .gnb-brand{justify-items:start;gap:0}
body:is([data-theme=daybeau],[data-theme=ceramique],[data-theme=vellicell]) .wordmark img{width:auto;height:28px;max-width:none;margin-bottom:-6px;filter:brightness(0) saturate(100%) invert(10%)}
body:is([data-theme=daybeau],[data-theme=ceramique],[data-theme=vellicell]) .site-header .branch-toggle{justify-content:flex-start;gap:2px;width:auto;min-width:0;margin:5px 0 0 31px;color:#777;font:400 10px/normal var(--font-body);letter-spacing:.02em;transition:color .3s}
body:is([data-theme=daybeau],[data-theme=ceramique],[data-theme=vellicell]) .site-header .header-actions{gap:0;margin-left:auto}
body:is([data-theme=daybeau],[data-theme=ceramique],[data-theme=vellicell]) .site-header .header-actions>a,body:is([data-theme=daybeau],[data-theme=ceramique],[data-theme=vellicell]) .site-header .header-actions>button{width:40px;height:44px;border-radius:0}
body:is([data-theme=daybeau],[data-theme=ceramique],[data-theme=vellicell]) .site-header .header-actions>.header-pc{display:none}
body:is([data-theme=daybeau],[data-theme=ceramique],[data-theme=vellicell]) .site-header .header-actions svg{width:22px;height:22px;transition:stroke .3s}
/* 홈 배너 위(40px 전): 투명·흰색 */
body:is([data-theme=daybeau],[data-theme=ceramique],[data-theme=vellicell]).home:not([data-design-layout=compact]):has(.hero):not([data-gnb-solid]):not([data-shell-ov]) .site-header{background:transparent;-webkit-backdrop-filter:none;backdrop-filter:none;box-shadow:none;color:#fff}
body:is([data-theme=daybeau],[data-theme=ceramique],[data-theme=vellicell]).home:not([data-design-layout=compact]):has(.hero):not([data-gnb-solid]):not([data-shell-ov]) .wordmark img{filter:brightness(0) invert(1)}
body:is([data-theme=daybeau],[data-theme=ceramique],[data-theme=vellicell]).home:not([data-design-layout=compact]):has(.hero):not([data-gnb-solid]):not([data-shell-ov]) .branch-toggle{color:rgba(255,255,255,.85)}
/* 상세·창이 열린 동안: 흰 바탕, GNB 는 맨 위에 붙는다 */
body:is([data-theme=daybeau],[data-theme=ceramique],[data-theme=vellicell]).detail .site-header{background:#fff}
body:is([data-theme=daybeau],[data-theme=ceramique],[data-theme=vellicell])[data-shell-ov] .site-header{position:fixed;inset:0 0 auto;margin:0!important;z-index:40;background:#fff;color:#1a1a1a}
body:is([data-theme=daybeau],[data-theme=ceramique],[data-theme=vellicell])[data-shell-ov] [data-open-dialog=category] .menu-icon-open{display:none}
body:is([data-theme=daybeau],[data-theme=ceramique],[data-theme=vellicell])[data-shell-ov] [data-open-dialog=category] .menu-icon-close{display:contents}

/* 공지 띠는 홈 배너 위에서만 */
body:is([data-theme=daybeau],[data-theme=ceramique],[data-theme=vellicell]):not(.home) .top-notice{display:none}
body:is([data-theme=daybeau],[data-theme=ceramique],[data-theme=vellicell]) .top-notice{min-height:32px;padding:0 20px;background:rgba(12,12,12,.58);-webkit-backdrop-filter:blur(10px) saturate(1.2);backdrop-filter:blur(10px) saturate(1.2);font:500 13px/18px var(--font-body);letter-spacing:-.01em}
body:is([data-theme=daybeau],[data-theme=ceramique],[data-theme=vellicell]) .top-notice p{letter-spacing:inherit;line-height:normal}

/* 탭 */
body:is([data-theme=daybeau],[data-theme=ceramique],[data-theme=vellicell]) .bottom-nav{height:74px;border-top:1px solid var(--line);background:#fff}
body:is([data-theme=daybeau],[data-theme=ceramique],[data-theme=vellicell]) .bottom-nav>a,body:is([data-theme=daybeau],[data-theme=ceramique],[data-theme=vellicell]) .bottom-nav>button{display:grid;justify-items:center;justify-content:center;align-content:center;gap:5px;padding:0;background:none;word-break:keep-all;text-align:center;color:#8a8a8a;font:400 12px/normal var(--font-body)}
body:is([data-theme=daybeau],[data-theme=ceramique],[data-theme=vellicell]) .bottom-nav svg{width:22px;height:22px;stroke-width:1.5}
body:is([data-theme=daybeau],[data-theme=ceramique],[data-theme=vellicell]) .bottom-nav>[aria-current=page],body:is([data-theme=daybeau],[data-theme=ceramique],[data-theme=vellicell]) .bottom-nav>[aria-expanded=true]{color:var(--accent)}
body:is([data-theme=daybeau],[data-theme=ceramique],[data-theme=vellicell]) .bottom-nav:has(>[aria-expanded=true])>[aria-current=page]{color:#8a8a8a}
body:is([data-theme=daybeau],[data-theme=ceramique],[data-theme=vellicell]) .bottom-nav .cart-badge{top:12px;left:calc(50% + 7px);min-width:15px;height:15px;padding:0 4px;border-radius:8px;display:grid;place-items:center;font:700 9.5px/normal var(--font-body)}

/* 창 3개: 오른쪽에서 밀려 들어온다, 위 64 · 아래 74 */
body:is([data-theme=daybeau],[data-theme=ceramique],[data-theme=vellicell]) .category-dialog,body:is([data-theme=daybeau],[data-theme=ceramique],[data-theme=vellicell]) .branch-selector{inset:64px 0 74px auto;width:100%;margin:0;background:#fff;transform:none;transition:transform .35s cubic-bezier(.2,.8,.2,1),overlay .35s allow-discrete,display .35s allow-discrete}
body:is([data-theme=daybeau],[data-theme=ceramique],[data-theme=vellicell]) .category-dialog:not([open]),body:is([data-theme=daybeau],[data-theme=ceramique],[data-theme=vellicell]) .branch-selector:not([open]){transform:translateX(100%)}
@starting-style{body:is([data-theme=daybeau],[data-theme=ceramique],[data-theme=vellicell]) .category-dialog[open],body:is([data-theme=daybeau],[data-theme=ceramique],[data-theme=vellicell]) .branch-selector[open]{transform:translateX(100%)}}
body:is([data-theme=daybeau],[data-theme=ceramique],[data-theme=vellicell]) .menu-scrim{display:none}
body:is([data-theme=daybeau],[data-theme=ceramique],[data-theme=vellicell]) .shell-search{inset:64px 0 74px auto}

/* 플로팅바 */
body:is([data-theme=daybeau],[data-theme=ceramique],[data-theme=vellicell]) .consult-float{right:12px;bottom:88px;display:grid;width:70px;padding:5px 0;border:1px solid rgba(255,255,255,.14);border-radius:10px;background:rgba(34,29,26,.58);-webkit-backdrop-filter:blur(14px) saturate(1.3);backdrop-filter:blur(14px) saturate(1.3);box-shadow:0 8px 24px rgba(0,0,0,.18);transform-origin:bottom right;transition:transform .45s cubic-bezier(.2,.8,.2,1),opacity .35s,display .45s allow-discrete}
body:is([data-theme=daybeau],[data-theme=ceramique],[data-theme=vellicell]) .consult-float[hidden]{display:none;opacity:0;transform:translateY(14px) scale(.55)}
@starting-style{body:is([data-theme=daybeau],[data-theme=ceramique],[data-theme=vellicell]) .consult-float:not([hidden]){opacity:0;transform:translateY(14px) scale(.55)}}
body:is([data-theme=daybeau],[data-theme=ceramique],[data-theme=vellicell]) .consult-float nav{display:grid;gap:0}
body:is([data-theme=daybeau],[data-theme=ceramique],[data-theme=vellicell]) .consult-float a,body:is([data-theme=daybeau],[data-theme=ceramique],[data-theme=vellicell]) .consult-float nav>a+a{display:grid;justify-items:center;gap:4px;width:auto;margin:0 8px;padding:10px 0 9px;border:0;border-bottom:1px solid rgba(255,255,255,.18);border-radius:0;color:#fff;font:400 10px/1.2 var(--font-body);white-space:nowrap}
body:is([data-theme=daybeau],[data-theme=ceramique],[data-theme=vellicell]) .consult-float a:last-child{border-bottom:0}
body:is([data-theme=daybeau],[data-theme=ceramique],[data-theme=vellicell]) .consult-float a:hover{background:none}
body:is([data-theme=daybeau],[data-theme=ceramique],[data-theme=vellicell]) .consult-float svg{width:18px;height:18px}

/* 맨 위로 */
body:is([data-theme=daybeau],[data-theme=ceramique],[data-theme=vellicell]) [data-shell-top]{right:16px;bottom:90px;left:auto}

/* 마이·언어 */
body:is([data-theme=daybeau],[data-theme=ceramique],[data-theme=vellicell]) .my-popover,body:is([data-theme=daybeau],[data-theme=ceramique],[data-theme=vellicell]) .language-popover{position:fixed;inset:calc(var(--gnb-bottom,64px) - 8px) auto auto auto!important;min-width:0;margin:0;padding:4px;border:1px solid rgba(40,30,25,.06);border-radius:10px;background:rgba(255,255,255,.86);-webkit-backdrop-filter:blur(16px) saturate(1.4);backdrop-filter:blur(16px) saturate(1.4);box-shadow:0 6px 20px rgba(30,20,15,.10)}
body:is([data-theme=daybeau],[data-theme=ceramique],[data-theme=vellicell]) .my-popover{right:88px!important;width:104px}
body:is([data-theme=daybeau],[data-theme=ceramique],[data-theme=vellicell]) .language-popover{right:12px!important;width:118px}
body:is([data-theme=daybeau],[data-theme=ceramique],[data-theme=vellicell]) .my-popover::backdrop,body:is([data-theme=daybeau],[data-theme=ceramique],[data-theme=vellicell]) .language-popover::backdrop{background:transparent}
body:is([data-theme=daybeau],[data-theme=ceramique],[data-theme=vellicell]) .language-popover .menu-grid{gap:0}
body:is([data-theme=daybeau],[data-theme=ceramique],[data-theme=vellicell]) .my-popover a,body:is([data-theme=daybeau],[data-theme=ceramique],[data-theme=vellicell]) .language-popover a{display:flex;align-items:center;justify-content:space-between;gap:8px;min-height:0;padding:9px 10px;border-radius:7px;background:none;color:#4a423d;font:400 13px/normal var(--font-body)}
body:is([data-theme=daybeau],[data-theme=ceramique],[data-theme=vellicell]) .language-popover a small{color:#a8a09a;font:400 10.5px/normal var(--font-display);letter-spacing:.08em}
body:is([data-theme=daybeau],[data-theme=ceramique],[data-theme=vellicell]) .language-popover a[aria-current]{background:none;color:#1a1a1a;font-weight:700}
body:is([data-theme=daybeau],[data-theme=ceramique],[data-theme=vellicell]) .language-popover a[aria-current] small{color:#1a1a1a;font-weight:600}
}
@media(prefers-reduced-motion:reduce){
body:is([data-theme=daybeau],[data-theme=ceramique],[data-theme=vellicell]) .shell-search,body:is([data-theme=daybeau],[data-theme=ceramique],[data-theme=vellicell]) .category-dialog,body:is([data-theme=daybeau],[data-theme=ceramique],[data-theme=vellicell]) .branch-selector,body:is([data-theme=daybeau],[data-theme=ceramique],[data-theme=vellicell]) .consult-float,.menu-roll-item{transition:none}
}

/* 시안 대조 뒤 맞춘 값 */
.shell-search-head form{margin:0}
body:is([data-theme=daybeau],[data-theme=ceramique],[data-theme=vellicell]) .header-actions [popovertarget][aria-expanded=true]{color:inherit}
@media(max-width:1279px){
body:is([data-theme=daybeau],[data-theme=ceramique],[data-theme=vellicell]) .site-header .branch-toggle{justify-self:stretch;justify-content:center}
body:is([data-theme=daybeau],[data-theme=ceramique],[data-theme=vellicell])[data-shell-ov] .site-header{color:#1a1a1a!important}
body:is([data-theme=daybeau],[data-theme=ceramique],[data-theme=vellicell])[data-shell-ov] .wordmark img{filter:brightness(0) saturate(100%) invert(10%)!important}
body:is([data-theme=daybeau],[data-theme=ceramique],[data-theme=vellicell]) .my-popover nav{display:grid;gap:0}
body:is([data-theme=daybeau],[data-theme=ceramique],[data-theme=vellicell]) .my-popover a{margin:0}
}
/* 로고 칸은 시안 크기 그대로(모바일 137×28, 푸터 108×22). 어드민에서 올린 로고도 이 칸 안에 비율대로 들어간다 */
@media(max-width:1279px){body:is([data-theme=daybeau],[data-theme=ceramique],[data-theme=vellicell]) .wordmark img{width:137px;object-fit:contain;object-position:left center}}
body:is([data-theme=daybeau],[data-theme=ceramique],[data-theme=vellicell]) .site-footer .footer-logo img:not(.footer-logo-symbol){width:108px;object-fit:contain;object-position:left center}
/* 푸터: 공통 틀의 줄 간격(24px)이 시안 간격에 더해지지 않게, 줄 높이도 시안 1.7 */
body:is([data-theme=daybeau],[data-theme=ceramique],[data-theme=vellicell]) .site-footer{gap:0;font-size:var(--fs-12);line-height:1.7;font-weight:400;text-align:start}
body:is([data-theme=daybeau],[data-theme=ceramique],[data-theme=vellicell]) .site-footer .business-info{display:block;color:inherit;font-weight:400}
body:is([data-theme=daybeau],[data-theme=ceramique],[data-theme=vellicell]) .footer-sns svg{stroke:none;stroke-width:1px;fill:#000}
body:is([data-theme=daybeau],[data-theme=ceramique],[data-theme=vellicell]) .site-footer .footer-policies a{line-height:1.7}
body:is([data-theme=daybeau],[data-theme=ceramique],[data-theme=vellicell]) .site-footer .business-info summary{line-height:1.7}
body:is([data-theme=daybeau],[data-theme=ceramique],[data-theme=vellicell]) .site-footer .copyright{line-height:1.7}
/* 마이·언어 창: 시안은 헤더 아래 선에서 4px 위 · 줄 높이 37 */
body:is([data-theme=daybeau],[data-theme=ceramique],[data-theme=vellicell]) .my-popover,body:is([data-theme=daybeau],[data-theme=ceramique],[data-theme=vellicell]) .language-popover{top:calc(var(--gnb-bottom,64px) - 4px)!important}
body:is([data-theme=daybeau],[data-theme=ceramique],[data-theme=vellicell]) .my-popover a,body:is([data-theme=daybeau],[data-theme=ceramique],[data-theme=vellicell]) .language-popover a{min-height:37px}
body:is([data-theme=daybeau],[data-theme=ceramique],[data-theme=vellicell]) .site-footer .business-info{line-height:1.7}
/* 사업자 정보 펼침: 공통 틀 clinic/site.css «.business-info>div{display:flex}» 가 걸려 «대표전화 :» 와 번호가 두 칸으로 떨어졌다 — 줄글로 되돌림 */
body:is([data-theme=daybeau],[data-theme=ceramique],[data-theme=vellicell]) .site-footer .business-info>div{display:block}
/* PC(1280~) 푸터는 가로 4단(renewal-v5 DIR-114): 로고·주소·대표전화 | 병원 정보 링크 | 사업자 정보(펼친 채) | SNS. 단 폭은 고정 비율이라 값 없는 단이 있어도 다른 단 자리는 그대로 */
body:is([data-theme=daybeau],[data-theme=ceramique],[data-theme=vellicell]) :is(.footer-pc-contact,.footer-pc-business){display:none}
@media(min-width:1280px){
body:is([data-theme=daybeau],[data-theme=ceramique],[data-theme=vellicell]) .site-footer{display:grid;grid-template-columns:1.3fr .9fr 1.5fr .6fr;grid-template-rows:auto 1fr auto;grid-template-areas:"logo links biz sns" "contact links biz sns" "copy copy copy copy";column-gap:48px;align-items:start}
body:is([data-theme=daybeau],[data-theme=ceramique],[data-theme=vellicell]) .site-footer .footer-logo{grid-area:logo;margin:0 0 20px}
body:is([data-theme=daybeau],[data-theme=ceramique],[data-theme=vellicell]) .site-footer .footer-pc-contact{display:block;grid-area:contact}
body:is([data-theme=daybeau],[data-theme=ceramique],[data-theme=vellicell]) .site-footer :is(.footer-pc-contact,.footer-pc-business) p{margin:0;color:rgba(255,255,255,.5)}
body:is([data-theme=daybeau],[data-theme=ceramique],[data-theme=vellicell]) .site-footer .footer-pc-contact .footer-pc-tel{margin-top:6px}
body:is([data-theme=daybeau],[data-theme=ceramique],[data-theme=vellicell]) .site-footer .footer-pc-tel a{margin-left:6px;color:#fff;font:400 var(--fs-15)/1.7 var(--font-body)}
body:is([data-theme=daybeau],[data-theme=ceramique],[data-theme=vellicell]) .site-footer .footer-policies{grid-area:links;display:flex;flex-direction:column;gap:6px}
body:is([data-theme=daybeau],[data-theme=ceramique],[data-theme=vellicell]) .site-footer .footer-policies::before{content:attr(aria-label);margin-bottom:8px;font:600 var(--fs-12)/1.7 var(--font-body);color:rgba(255,255,255,.78)}
body:is([data-theme=daybeau],[data-theme=ceramique],[data-theme=vellicell]) .site-footer .footer-pc-business{display:block;grid-area:biz}
body:is([data-theme=daybeau],[data-theme=ceramique],[data-theme=vellicell]) .site-footer .footer-pc-business p+p{margin-top:2px}
body:is([data-theme=daybeau],[data-theme=ceramique],[data-theme=vellicell]) .site-footer .footer-pc-business p.footer-pc-title{margin-bottom:12px;font:600 var(--fs-12)/1.7 var(--font-body);color:rgba(255,255,255,.78)}
body:is([data-theme=daybeau],[data-theme=ceramique],[data-theme=vellicell]) .site-footer .footer-sns{grid-area:sns;flex-wrap:wrap;margin:0;opacity:1}
body:is([data-theme=daybeau],[data-theme=ceramique],[data-theme=vellicell]) .site-footer .footer-sns::before{content:attr(aria-label);flex-basis:100%;margin-bottom:2px;font:600 var(--fs-12)/1.7 var(--font-body);color:rgba(255,255,255,.78)}
body:is([data-theme=daybeau],[data-theme=ceramique],[data-theme=vellicell]) .site-footer .footer-sns li{opacity:.8}
body:is([data-theme=daybeau],[data-theme=ceramique],[data-theme=vellicell]) .site-footer .business-info{display:none}
body:is([data-theme=daybeau],[data-theme=ceramique],[data-theme=vellicell]) .site-footer .copyright{grid-area:copy;margin:40px 0 0;padding-top:20px;border-top:1px solid rgba(255,255,255,.12)}
}
/* PC(1280~): 검색 화면은 PC 머리글 바로 아래(--gnb-bottom — TW-65 머리글 76px 를 따라간다), 채널 이름은 한 줄 */
@media(min-width:1280px){
body:is([data-theme=daybeau],[data-theme=ceramique],[data-theme=vellicell]) .shell-search{inset:var(--gnb-bottom,56px) 0 0 auto}
body:is([data-theme=daybeau],[data-theme=ceramique],[data-theme=vellicell]) .consult-float a{white-space:nowrap}
}
body:is([data-theme=daybeau],[data-theme=ceramique],[data-theme=vellicell]):has(.shell-search[open]) .consult-float{display:none} /* 검색창은 폭 전체라 떠 있는 메뉴가 오른쪽 가격을 가린다 */
/* PC 머리 검색 입력칸(DIR-34) — 시안에 대응 요소가 없어 시안 메뉴 검색칸(#ov-menu .sch)의 테두리 #e9e2dc·완전 둥근 모서리·흰 바탕·포커스 #cfc6bf 를 가져온다. 높이 36·너비 296 은 머리 영역 문의 단추 높이에 맞춘 값 */
body:is([data-theme=daybeau],[data-theme=ceramique],[data-theme=vellicell]) .site-header .header-actions>.header-search{border-color:#e9e2dc;border-radius:999px;background:#fff}
body:is([data-theme=daybeau],[data-theme=ceramique],[data-theme=vellicell]) .site-header .header-search input[name=q]{border-radius:999px;padding-left:16px}
body:is([data-theme=daybeau],[data-theme=ceramique],[data-theme=vellicell]) .site-header .header-search:focus-within{border-color:#cfc6bf}
/* 이벤트 팝업(시안 #pop) — 폭 264·이미지 2:3(264×396)·모서리 12·그림자, 머리 줄은 이미지 위 10px, 점 대신 «1 / N» */
body:is([data-theme=daybeau],[data-theme=ceramique],[data-theme=vellicell]) .site-popups{width:264px;max-width:calc(100vw - 32px);max-height:none;overflow:visible}
body:is([data-theme=daybeau],[data-theme=ceramique],[data-theme=vellicell]) .site-popups::backdrop{background:rgba(0,0,0,.55)}
body:is([data-theme=daybeau],[data-theme=ceramique],[data-theme=vellicell]) .popup-toolbar{height:auto;margin-bottom:10px}
body:is([data-theme=daybeau],[data-theme=ceramique],[data-theme=vellicell]) .popup-toolbar [data-dismiss-popups]{padding:6px 0;font:400 var(--fs-13)/normal var(--font-body);color:rgba(255,255,255,.88);text-decoration:underline;text-underline-offset:3px;text-decoration-color:rgba(255,255,255,.4)}
body:is([data-theme=daybeau],[data-theme=ceramique],[data-theme=vellicell]) .popup-count{margin-left:auto;padding:0 12px 0 0;font:400 var(--fs-12-5)/normal var(--font-display);letter-spacing:.06em;color:rgba(255,255,255,.85)}
body:is([data-theme=daybeau],[data-theme=ceramique],[data-theme=vellicell]) .popup-toolbar [data-close-popups]{width:30px;height:20px;border-radius:0;padding:0}
body:is([data-theme=daybeau],[data-theme=ceramique],[data-theme=vellicell]) .popup-toolbar svg{width:20px;height:20px;stroke-width:1.6}
body:is([data-theme=daybeau],[data-theme=ceramique],[data-theme=vellicell]) .site-popups .popup-slides{height:396px}
body:is([data-theme=daybeau],[data-theme=ceramique],[data-theme=vellicell]) .site-popups article{background:#fff;border-radius:12px;box-shadow:0 12px 34px rgba(0,0,0,.32)}
body:is([data-theme=daybeau],[data-theme=ceramique],[data-theme=vellicell]) .site-popups img{object-fit:cover}
/* 홈 팝업 PC 나안(TW-55 · DIR-119 · 시안 docs/thedaylabs/home-popup-cards.html 2판) — 이벤트가 있을 때(.has-popup-events)만 이미지 2:3 + 오른쪽 EVENT 칸 320, 틈 0, 아래 흰 줄 48 에 «오늘은 그만보기 | 닫기».
   이미지 높이 = min(600, 화면 높이 − 240) → 1440×900 은 400×600, 1280×800 은 373×560. 1279 이하는 위 규칙 그대로 — EVENT 칸·«닫기» 글자를 숨길 뿐 */
body:is([data-theme=daybeau],[data-theme=ceramique],[data-theme=vellicell]) :is(.popup-events,.popup-close-text){display:none}
@media(min-width:1280px){
body:is([data-theme=daybeau],[data-theme=ceramique],[data-theme=vellicell]) .site-popups.has-popup-events{--pop-h:min(600px,calc(100vh - 240px));--pop-w:calc(var(--pop-h)*2/3);width:calc(var(--pop-w) + 320px);max-width:none;border-radius:16px;overflow:hidden;background:#fff;color:#1a1a1a;box-shadow:0 24px 64px rgba(0,0,0,.35)}
body:is([data-theme=daybeau],[data-theme=ceramique],[data-theme=vellicell]) .site-popups.has-popup-events[open]{display:grid;grid-template:"slides events" var(--pop-h) "bar bar" 48px/var(--pop-w) 320px}
body:is([data-theme=daybeau],[data-theme=ceramique],[data-theme=vellicell]) .has-popup-events .popup-slides{grid-area:slides;height:auto;min-height:0}
body:is([data-theme=daybeau],[data-theme=ceramique],[data-theme=vellicell]) .has-popup-events article{border-radius:0;box-shadow:none}
body:is([data-theme=daybeau],[data-theme=ceramique],[data-theme=vellicell]) .has-popup-events .popup-toolbar{grid-area:bar;height:48px;margin:0;padding:0 20px;border-top:1px solid #eee;background:#fff}
body:is([data-theme=daybeau],[data-theme=ceramique],[data-theme=vellicell]) .has-popup-events .popup-toolbar [data-dismiss-popups]{display:flex;align-items:center;gap:8px;color:#333;text-decoration:none}
body:is([data-theme=daybeau],[data-theme=ceramique],[data-theme=vellicell]) .has-popup-events .popup-toolbar [data-dismiss-popups]::before{content:"";width:14px;height:14px;border:1px solid #bdbdbd;border-radius:3px;background:#fff}
body:is([data-theme=daybeau],[data-theme=ceramique],[data-theme=vellicell]) .has-popup-events .popup-count{position:absolute;left:12px;top:calc(var(--pop-h) - 34px);padding:3px 10px;border-radius:999px;background:rgba(0,0,0,.45);color:#fff}
body:is([data-theme=daybeau],[data-theme=ceramique],[data-theme=vellicell]) .has-popup-events .popup-toolbar [data-close-popups]{display:flex;align-items:center;gap:4px;width:auto;margin-left:auto;color:#1a1a1a}
body:is([data-theme=daybeau],[data-theme=ceramique],[data-theme=vellicell]) .has-popup-events .popup-toolbar svg{width:16px;height:16px}
body:is([data-theme=daybeau],[data-theme=ceramique],[data-theme=vellicell]) .has-popup-events .popup-close-text{display:inline;font:500 var(--fs-13)/normal var(--font-body)}
body:is([data-theme=daybeau],[data-theme=ceramique],[data-theme=vellicell]) .popup-events{grid-area:events;display:flex;flex-direction:column;min-height:0;overflow-y:auto;overscroll-behavior:contain;padding:18px 16px 8px;border-top:4px solid #E07A45;background:#f7f5f3}
body:is([data-theme=daybeau],[data-theme=ceramique],[data-theme=vellicell]) .popup-events-site{display:flex;align-items:center;gap:8px;margin:0 6px;font:600 11px/1.4 var(--font-body);letter-spacing:.16em;text-transform:uppercase;color:#E07A45}
body:is([data-theme=daybeau],[data-theme=ceramique],[data-theme=vellicell]) .popup-events-site::after{content:"";flex:1;height:1px;background:#E07A45;opacity:.6}
body:is([data-theme=daybeau],[data-theme=ceramique],[data-theme=vellicell]) .popup-events h2{margin:4px 6px 0;font:500 40px/1 var(--font-serif,"Cormorant Garamond",Georgia,serif);letter-spacing:.04em;color:#1a1a1a}
body:is([data-theme=daybeau],[data-theme=ceramique],[data-theme=vellicell]) .popup-events-count{margin:2px 6px 0;font:400 var(--fs-13)/1.5 var(--font-body);color:#777}
body:is([data-theme=daybeau],[data-theme=ceramique],[data-theme=vellicell]) .popup-event{display:flex;flex:none;margin-top:8px;align-items:center;gap:12px;padding:6px 10px;border:1px solid #ece8e4;border-radius:10px;background:#fff;color:#1a1a1a;text-decoration:none}
body:is([data-theme=daybeau],[data-theme=ceramique],[data-theme=vellicell]) .popup-event-image{flex:none;width:44px;height:44px;overflow:hidden;border-radius:6px;background:#eee}
body:is([data-theme=daybeau],[data-theme=ceramique],[data-theme=vellicell]) .popup-event-image img{width:100%;height:100%;object-fit:cover}
body:is([data-theme=daybeau],[data-theme=ceramique],[data-theme=vellicell]) .popup-event-info{display:flex;flex-direction:column;gap:4px;min-width:0}
body:is([data-theme=daybeau],[data-theme=ceramique],[data-theme=vellicell]) .popup-event strong{overflow:hidden;font:600 var(--fs-14)/1.4 var(--font-body);white-space:nowrap;text-overflow:ellipsis}
body:is([data-theme=daybeau],[data-theme=ceramique],[data-theme=vellicell]) .popup-event-price{font:400 var(--fs-12)/1.4 var(--font-body);color:#777}
body:is([data-theme=daybeau],[data-theme=ceramique],[data-theme=vellicell]) .popup-event-price b{font-weight:700;color:#E07A45}
body:is([data-theme=daybeau],[data-theme=ceramique],[data-theme=vellicell]) .popup-event-main{flex-direction:column;align-items:stretch;gap:0;margin-top:16px;padding:0;overflow:hidden;box-shadow:0 6px 18px rgba(0,0,0,.08)}
body:is([data-theme=daybeau],[data-theme=ceramique],[data-theme=vellicell]) .popup-event-main .popup-event-image{width:100%;height:124px;border-radius:0}
body:is([data-theme=daybeau],[data-theme=ceramique],[data-theme=vellicell]) .popup-event-main .popup-event-info{padding:8px 14px 10px}
body:is([data-theme=daybeau],[data-theme=ceramique],[data-theme=vellicell]) .popup-event-main strong{font-size:var(--fs-16);white-space:normal}
body:is([data-theme=daybeau],[data-theme=ceramique],[data-theme=vellicell]) .popup-event-main .popup-event-price{font-size:var(--fs-13)}
body:is([data-theme=daybeau],[data-theme=ceramique],[data-theme=vellicell]) .popup-event-main .popup-event-price b{font-size:var(--fs-16)}
body:is([data-theme=daybeau],[data-theme=ceramique],[data-theme=vellicell]) .popup-event-dates{display:flex;align-items:center;gap:6px;font:400 11px/1.4 var(--font-body);color:#888}
body:is([data-theme=daybeau],[data-theme=ceramique],[data-theme=vellicell]) .popup-event-dates b{padding:1px 7px;border-radius:999px;background:#E07A45;font-weight:700;color:#fff}
body:is([data-theme=daybeau],[data-theme=ceramique],[data-theme=vellicell]) .popup-events-all{display:flex;flex:none;align-items:center;justify-content:center;height:44px;margin-top:4px;border-radius:999px;background:#1a1a1a;color:#fff;font:600 var(--fs-14)/1 var(--font-body);text-decoration:none}
}
/* 떠 있는 단추 아이콘 선 두께 — 시안 .flt svg 는 1px (공용 .mi 기본 1.5 를 덮는다) */
body:is([data-theme=daybeau],[data-theme=ceramique],[data-theme=vellicell]) .consult-float .mi,body:is([data-theme=daybeau],[data-theme=ceramique],[data-theme=vellicell]) .consult-float .mi *{stroke-width:1px}
/* 시안은 overflow-wrap 을 어디서도 정하지 않는다(normal) — clinic·intro 의 anywhere 를 데이뷰에서 되돌린다. 긴 영문 주소·이메일 칸의 넘침은 아래 예외로 막는다 */
html body:is([data-theme=daybeau],[data-theme=ceramique],[data-theme=vellicell]) :not(#_){overflow-wrap:normal}
/* 예외: 긴 영문 주소·이메일이 들어가는 칸만 넘침을 막는다(시안엔 없는 방어 — 화면 밖으로 밀리는 것을 막는 쪽이 우선) */
html body:is([data-theme=daybeau],[data-theme=ceramique],[data-theme=vellicell]) :is(.location-rows dd,.business-info dd,.footer-policies a):not(#_){overflow-wrap:anywhere}
/* 입력칸 글꼴 — 브라우저 기본(Arial)이 남지 않게 본문 묶음(Noto Sans KR)을 물려받는다. 시안 입력칸은 font:inherit */
body:is([data-theme=daybeau],[data-theme=ceramique],[data-theme=vellicell]) :is(input,textarea,select){font-family:inherit}
/* PC 머리글 = PC 시안 그대로(TW-65 · DIR-144 «헤더 레이아웃 및 UI 완전 똑같이» — DIR-86 판 하나 탭바·TW-60 탭 간격 52px 를 대체). 숫자 원본 = 시안 CSS(.hd·.logo·.gnb·.util·.mega·.ddm · 계획 evidence/hdcss.txt).
   머리글 안쪽 틀만 1200/좌우 24(본문 폭·.wrap 계열은 안 건드림 R3) · 높이 76 · 아래 1px #ece8e4 · 글꼴 Pretendard(머리글 안만 --font-body 를 바꿈).
   메뉴 = 이벤트·시술/가격·시술전후·ABOUT·칼럼(gnb_tabs.html) — 간격 34 · 15.5px 500 #3b3531 · 지금 쪽 700 + 2px 밑줄 · 이벤트는 가리킴·누름 때만 주황.
   ABOUT = 탭 아래 가운데 드롭다운(.gnb-sub) · 시술/가격 = 머리글 전체 폭 큰 메뉴(.gnb-mega). 열림 = :hover·:focus-within·[data-gnb-open](shell.js 140ms 닫힘 지연).
   홈 배너 위(스크롤 전 — clinic/site.css data-scrolled) = 투명·흰 글·흰 로고·밑줄 없음 · 큰 메뉴가 열리면 흰 바탕. 휴대폰(~1279)은 이 블록 밖이라 그대로(R4) */
body:is([data-theme=daybeau],[data-theme=ceramique],[data-theme=vellicell]) .gnb-tabs{display:none}
@media(min-width:1280px){
body:is([data-theme=daybeau],[data-theme=ceramique],[data-theme=vellicell]),body:is([data-theme=daybeau],[data-theme=ceramique],[data-theme=vellicell]).events{--gnb-height:76px}
body:is([data-theme=daybeau],[data-theme=ceramique],[data-theme=vellicell]) .site-header,body:is([data-theme=daybeau],[data-theme=ceramique],[data-theme=vellicell]).events .site-header{--font-body:Pretendard,'Apple SD Gothic Neo','Malgun Gothic',system-ui,sans-serif;height:76px;min-height:76px;padding-inline:max(24px,(100% - 1200px)/2 + 24px);justify-content:flex-start;gap:44px;background:#fff;-webkit-backdrop-filter:none;backdrop-filter:none;border-bottom:1px solid #ece8e4;color:#1a1a1a;font-family:var(--font-body);transition:background .3s,border-color .3s,color .3s}
/* 로고 + 그 아래 지점명(시안 .logo). 시안 CSS 는 높이 26 이지만 시안 그림(p/logo.png 127×26)은 위아래 여백이 든 png 다 — 우리 svg(clinic-logo-gnb.svg 132×22)는 여백이 없어 26 이면 156px 로 커지고 메뉴가 29px 밀린다. 화면에 보이는 크기(폭 127·메뉴 시작 x=315 @1440)를 맞추려고 21px. 대신 png 여백만큼 빠진 로고·지점명 사이를 gap 9px 로 채운다(시안 그림 실측: 머리글 위에서 로고 중심 25px·지점명 중심 52px) */
body:is([data-theme=daybeau],[data-theme=ceramique],[data-theme=vellicell]) .site-header .gnb-brand{display:flex;flex-direction:column;align-items:center;gap:9px;flex:none}
body:is([data-theme=daybeau],[data-theme=ceramique],[data-theme=vellicell]) .site-header .gnb-brand>.wordmark{justify-self:auto}
body:is([data-theme=daybeau],[data-theme=ceramique],[data-theme=vellicell]) .site-header .wordmark img{width:auto;height:21px;max-width:none;filter:brightness(0);opacity:.88}
body:is([data-theme=daybeau],[data-theme=ceramique],[data-theme=vellicell]) .site-header .branch-toggle{justify-content:center;min-width:0;color:#6f6863;font:400 11.5px/normal var(--font-body)}
/* 메뉴(시안 .gnb) — li 가 머리글 높이를 다 덮어 메뉴→판으로 내려갈 때 틈이 없다 */
body:is([data-theme=daybeau],[data-theme=ceramique],[data-theme=vellicell]) .gnb-tabs{display:flex;flex:1;align-self:stretch;min-width:0}
body:is([data-theme=daybeau],[data-theme=ceramique],[data-theme=vellicell]) .gnb-tabs>ul{display:flex;gap:34px;margin:0;padding:0;list-style:none}
body:is([data-theme=daybeau],[data-theme=ceramique],[data-theme=vellicell]) .gnb-tabs>ul>li{position:relative;display:flex;align-items:center}
body:is([data-theme=daybeau],[data-theme=ceramique],[data-theme=vellicell]) .gnb-tabs>ul>li[data-gnb-tab=procedures]{position:static}
body:is([data-theme=daybeau],[data-theme=ceramique],[data-theme=vellicell]) .gnb-tab{display:block;padding:26px 0;border-bottom:2px solid transparent;color:#3b3531;font:500 15.5px/normal var(--font-body);white-space:nowrap;text-decoration:none;transition:color .2s}
body:is([data-theme=daybeau],[data-theme=ceramique],[data-theme=vellicell]) .gnb-tab[aria-current=page]{border-bottom-color:#1a1a1a;color:#1a1a1a;font-weight:700}
body:is([data-theme=daybeau],[data-theme=ceramique],[data-theme=vellicell]) .gnb-tabs [data-gnb-tab=events]>.gnb-tab:is(:hover,:active){color:#E07A45}
/* ABOUT 드롭다운(시안 .ddm) */
body:is([data-theme=daybeau],[data-theme=ceramique],[data-theme=vellicell]) .gnb-sub{position:absolute;top:100%;left:50%;z-index:60;display:block;min-width:200px;margin:0;padding:10px 0;list-style:none;background:#fff;border:1px solid #ece8e4;box-shadow:0 14px 30px -14px rgba(40,20,8,.22);opacity:0;visibility:hidden;transform:translate(-50%,6px);transition:opacity .18s,transform .18s,visibility .18s;text-align:left}
body:is([data-theme=daybeau],[data-theme=ceramique],[data-theme=vellicell]) .gnb-tabs li:is(:hover,:focus-within,[data-gnb-open])>.gnb-sub{opacity:1;visibility:visible;transform:translate(-50%,0)}
body:is([data-theme=daybeau],[data-theme=ceramique],[data-theme=vellicell]) .gnb-sub a{display:block;padding:11px 26px;color:#3b3531;font:400 15px/24px var(--font-body);white-space:nowrap;text-decoration:none}
body:is([data-theme=daybeau],[data-theme=ceramique],[data-theme=vellicell]) .gnb-sub a:is(:hover,:focus-visible){background:#faf7f4}
/* 시술/가격 큰 메뉴(시안 .mega) — 머리글(sticky) 기준 전체 폭 · 안쪽 틀은 머리글과 같은 1200/24 · 열 수 = 2차가 있는 1차 분류 수(--gnb-cols) · hover 색은 브랜드 강조색 var(--accent)(데이뷰 #E07A45 = 시안 값 · 세라미크·벨리셀은 각자 색 — 예전 탭 hover 와 같은 변수) */
body:is([data-theme=daybeau],[data-theme=ceramique],[data-theme=vellicell]) .gnb-mega{position:absolute;top:100%;left:0;right:0;z-index:60;background:#fff;border-top:1px solid #ece8e4;border-bottom:1px solid #ece8e4;box-shadow:0 18px 30px -18px rgba(40,20,8,.18);opacity:0;visibility:hidden;transform:translateY(-6px);transition:opacity .22s,transform .22s,visibility .22s;color:#1a1a1a}
body:is([data-theme=daybeau],[data-theme=ceramique],[data-theme=vellicell]) .gnb-tabs li:is(:hover,:focus-within,[data-gnb-open])>.gnb-mega{opacity:1;visibility:visible;transform:none}
body:is([data-theme=daybeau],[data-theme=ceramique],[data-theme=vellicell]) .gnb-mega-in{display:grid;grid-template-columns:repeat(var(--gnb-cols,9),minmax(0,1fr));max-width:1200px;margin:0 auto;padding:30px 24px 36px}
body:is([data-theme=daybeau],[data-theme=ceramique],[data-theme=vellicell]) .gnb-mega-col{min-width:0;padding-inline:14px;border-left:1px solid #ece8e4}
body:is([data-theme=daybeau],[data-theme=ceramique],[data-theme=vellicell]) .gnb-mega-col:first-child{padding-left:0;border-left:0}
body:is([data-theme=daybeau],[data-theme=ceramique],[data-theme=vellicell]) .gnb-mega-head{display:block;margin:0 0 16px;color:#1a1a1a;font:700 15px/1.5 var(--font-body);text-decoration:none;word-break:keep-all;white-space:nowrap}
body:is([data-theme=daybeau],[data-theme=ceramique],[data-theme=vellicell]) .gnb-mega ul{margin:0;padding:0;list-style:none}
body:is([data-theme=daybeau],[data-theme=ceramique],[data-theme=vellicell]) .gnb-mega ul a{display:block;padding-block:7px;color:#5d5550;font:400 14px/1.45 var(--font-body);text-decoration:none;word-break:keep-all;white-space:normal}
body:is([data-theme=daybeau],[data-theme=ceramique],[data-theme=vellicell]) :is(.gnb-mega-head,.gnb-mega ul a):is(:hover,:focus-visible){color:var(--accent)}
body:is([data-theme=daybeau],[data-theme=ceramique],[data-theme=vellicell]) .gnb-mega ul a:is(:hover,:focus-visible){font-weight:600}
/* 오른쪽 도구(시안 .util) — «지점 안내» 알약 + 아이콘 22px 4개 */
body:is([data-theme=daybeau],[data-theme=ceramique],[data-theme=vellicell]) .site-header .header-actions{gap:22px;margin-left:auto;color:#2a2420}
body:is([data-theme=daybeau],[data-theme=ceramique],[data-theme=vellicell]) .site-header .header-actions>:is(a,button):not(.header-branches){width:22px;height:22px}
body:is([data-theme=daybeau],[data-theme=ceramique],[data-theme=vellicell]) .site-header .header-actions svg{width:22px;height:22px;stroke-width:1.5}
body:is([data-theme=daybeau],[data-theme=ceramique],[data-theme=vellicell]) .site-header .header-actions>.header-branches{display:inline-flex;align-items:center;width:auto;height:auto;padding:7px 14px;border:1px solid #ece8e4;border-radius:999px;background:none;color:#3b3531;font:400 13.5px/22px var(--font-body);white-space:nowrap;cursor:pointer;transition:color .3s,border-color .3s}
/* 홈 배너 위(스크롤 전) — 투명·흰색 (시안 body.mtop). 큰 메뉴가 열리면 아래 :has 규칙이 흰 바탕으로 되돌린다 */
body:is([data-theme=daybeau],[data-theme=ceramique],[data-theme=vellicell]).home:not([data-design-layout=compact]):has(.hero):not([data-scrolled]):not([data-shell-ov]):not(:has(.category-dialog[open],.branch-selector[open])) .site-header:not(:has([data-gnb-tab=procedures]:is(:hover,:focus-within,[data-gnb-open]))){background:transparent;border-bottom-color:transparent;color:#fff}
body:is([data-theme=daybeau],[data-theme=ceramique],[data-theme=vellicell]).home:not([data-design-layout=compact]):has(.hero):not([data-scrolled]):not([data-shell-ov]):not(:has(.category-dialog[open],.branch-selector[open])) .site-header:not(:has([data-gnb-tab=procedures]:is(:hover,:focus-within,[data-gnb-open]))) :is(.gnb-tab,.branch-toggle,.header-actions){color:#fff}
body:is([data-theme=daybeau],[data-theme=ceramique],[data-theme=vellicell]).home:not([data-design-layout=compact]):has(.hero):not([data-scrolled]):not([data-shell-ov]):not(:has(.category-dialog[open],.branch-selector[open])) .site-header:not(:has([data-gnb-tab=procedures]:is(:hover,:focus-within,[data-gnb-open]))) .gnb-tab[aria-current=page]{border-bottom-color:transparent;font-weight:500}
body:is([data-theme=daybeau],[data-theme=ceramique],[data-theme=vellicell]).home:not([data-design-layout=compact]):has(.hero):not([data-scrolled]):not([data-shell-ov]):not(:has(.category-dialog[open],.branch-selector[open])) .site-header:not(:has([data-gnb-tab=procedures]:is(:hover,:focus-within,[data-gnb-open]))) .wordmark img{filter:brightness(0) invert(1);opacity:1}
body:is([data-theme=daybeau],[data-theme=ceramique],[data-theme=vellicell]).home:not([data-design-layout=compact]):has(.hero):not([data-scrolled]):not([data-shell-ov]):not(:has(.category-dialog[open],.branch-selector[open])) .site-header:not(:has([data-gnb-tab=procedures]:is(:hover,:focus-within,[data-gnb-open]))) .header-actions>.header-branches{color:#fff;border-color:rgba(255,255,255,.5)}
body:is([data-theme=daybeau],[data-theme=ceramique],[data-theme=vellicell]).home:not([data-design-layout=compact]):has(.hero):not([data-scrolled]):not([data-shell-ov]):not(:has(.category-dialog[open],.branch-selector[open])) .site-header:not(:has([data-gnb-tab=procedures]:is(:hover,:focus-within,[data-gnb-open]))) .gnb-tabs [data-gnb-tab=events]>.gnb-tab:is(:hover,:active){color:#E07A45}
/* 홈 맨 위에서 시술/가격 펼침판이 열리면 머리글이 흰 바탕이 된다 — 홈 투명용 흰 로고 규칙(clinic/site.css:804 · 이 파일 133줄)이 남아 로고가 사라지므로 검은 로고로 되돌린다(같은 조건 + 펼침 상태라 더 구체적) */
body:is([data-theme=daybeau],[data-theme=ceramique],[data-theme=vellicell]).home:not([data-design-layout=compact]):has(.hero) .site-header:has([data-gnb-tab=procedures]:is(:hover,:focus-within,[data-gnb-open])) .gnb-brand .wordmark img{filter:brightness(0);opacity:.88}
/* 공지 띠(시안 공지 바 — 머리글에 붙음) · 내용·노출은 어드민 top_notice 그대로(PC 는 기존대로 모든 쪽에 보임 · 홈에서만 숨기는 142줄은 모바일 구간) · 홈 배너 위 반투명, 다른 쪽 단색 */
body:is([data-theme=daybeau],[data-theme=ceramique],[data-theme=vellicell]) .top-notice{min-height:36px;padding:0 20px;background:rgba(12,12,12,.58);-webkit-backdrop-filter:blur(10px) saturate(1.2);backdrop-filter:blur(10px) saturate(1.2);color:#fff;font:500 14px/18px Pretendard,'Apple SD Gothic Neo','Malgun Gothic',system-ui,sans-serif;letter-spacing:-.01em}
body:is([data-theme=daybeau],[data-theme=ceramique],[data-theme=vellicell]):not(.home) .top-notice{background:#3b3633;-webkit-backdrop-filter:none;backdrop-filter:none}
}
/* DIR-104(세윤님 11-06 «문의수단 보이는 영역은 텍스트 조정 안해준상태가 더 나았던거같아.. 모바일과 동일한 텍스트와 아이콘으로»): PC 오른쪽 문의 떠 있는 메뉴는 PC 글자 키우기(DIR-88 · 4fcd8a05 의 clinic/site.css .consult-float a → var(--fs-12) = PC 13.5px)에서 뺀다.
   글자·아이콘만 휴대폰 값(위 @media(max-width:1279px) 의 .consult-float a · svg)과 같게 — 400 10px/1.2 · 아이콘 18 · 아이콘-글자 간격 4. 위치(오른쪽·아래 24)·폭·겹침 순서(z 21 · fab-layer 73e6ab8b)는 그대로 */
@media(min-width:1280px){
body:is([data-theme=daybeau],[data-theme=ceramique],[data-theme=vellicell]) .consult-float a{gap:4px;font:400 10px/1.2 var(--font-body)}
body:is([data-theme=daybeau],[data-theme=ceramique],[data-theme=vellicell]) .consult-float svg{width:18px;height:18px}
}
/* PC 지점 선택 = 단순 드롭다운 (renewal-v5 DIR-113 · 세윤님 11-06 «3개 다 맘에 안들고 단순 드롭다운으로 해줘» — 권역 탭·4열 단추판은 안 쓴다).
   자리: 헤더 지점명 단추 바로 아래 · 단추 왼쪽에 맞춤. 헤더 본문 왼쪽 max(24px,(100% - 1200px)/2 + 24px) 에 맞춤 (TW-65 머리글 안쪽 여백 시안값 · 계산 1280→64 · 1440→144 · 1920→384).
   목록: 지점 이름만 한 줄씩. 글은 헤더 하위 메뉴(.gnb-sub a — 400 15px/36px · 좌우 18px · #555)와 같은 값 · 지금 지점 500 주색 · 마우스 올림 옅은 바탕.
   폭은 가장 긴 이름 + 여백(최소 220 · 최대 280) · 길면 목록 안에서 굴림(60vh). 권역 탭·«전체 지점 N» 제목은 PC 에서만 숨김 — 휴대폰 창은 그대로.
   시험용 «홈» 지점(data-branch-pc-hidden — core/public/site_content.py «지점 목록»)은 PC 목록에서만 뺀다(휴대폰은 그대로 · DIR-113).
   바깥 클릭 닫힘·Esc 닫힘·«전체 시술 보기» 판과 서로 닫힘은 clinic/site.js 그대로. z 22(site.css PC 블록) 그대로 */
@media(min-width:1280px){
body:is([data-theme=daybeau],[data-theme=ceramique],[data-theme=vellicell]) .branch-selector{inset:calc(var(--gnb-bottom,92px) + 4px) auto auto max(24px,(100% - 1200px)/2 + 24px);width:max-content;min-width:220px;max-width:280px;height:auto;max-height:60vh;margin:0;padding:8px 0;overflow-y:auto;overscroll-behavior:contain;border:1px solid #e9e9e9;border-radius:6px;box-shadow:0 8px 20px rgb(0 0 0/.08);transform:none}
body:is([data-theme=daybeau],[data-theme=ceramique],[data-theme=vellicell]) .branch-selector[open]{display:block}
body:is([data-theme=daybeau],[data-theme=ceramique],[data-theme=vellicell]) .branch-selector .branch-regions,body:is([data-theme=daybeau],[data-theme=ceramique],[data-theme=vellicell]) .branch-selector .branch-options h2,body:is([data-theme=daybeau],[data-theme=ceramique],[data-theme=vellicell]) .branch-selector .branch-options a[data-branch-pc-hidden]{display:none}
body:is([data-theme=daybeau],[data-theme=ceramique],[data-theme=vellicell]) .branch-selector .branch-options{display:block;padding:0;overflow:visible}
body:is([data-theme=daybeau],[data-theme=ceramique],[data-theme=vellicell]) .branch-selector .branch-options a{display:block;height:auto;min-height:0;padding:0 18px;border:0;border-radius:0;background:none;color:#555;font:400 15px/36px var(--font-body);text-align:left;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
body:is([data-theme=daybeau],[data-theme=ceramique],[data-theme=vellicell]) .branch-selector .branch-options a:hover{background:#f7f5f3;color:#1a1a1a}
body:is([data-theme=daybeau],[data-theme=ceramique],[data-theme=vellicell]) .branch-selector .branch-options a[aria-current=location]{background:none;color:var(--accent);font-weight:500}
body:is([data-theme=daybeau],[data-theme=ceramique],[data-theme=vellicell]) .branch-selector .branch-options a[aria-current=location]:hover{background:#f7f5f3}
}
/* DIR-109(11-06): PC 맨 위로 단추를 문의 박스 맨 아래 칸으로 — «^» + «TOP», 칸 사이 구분선은 다른 칸(clinic/site.css .consult-float nav>a+a)과 같은 1px 흰 24%.
   글자·아이콘은 위 DIR-104 칸 값(400 10px/1.2 · 18px · 간격 4). 칸은 늘 보인다(굴림 조건으로 숨기면 박스 높이가 출렁임). 따로 뜨던 흰 원형 단추는 PC 에서 숨김. 휴대폰(~1279)은 칸 숨김 · 원형 단추 그대로 */
body:is([data-theme=daybeau],[data-theme=ceramique],[data-theme=vellicell]) .consult-top{display:none}
@media(min-width:1280px){
body:is([data-theme=daybeau],[data-theme=ceramique],[data-theme=vellicell]) .consult-top{display:flex;flex-direction:column;align-items:center;gap:4px;width:67px;margin:0;padding:6px 0;border:0;border-top:1px solid rgb(255 255 255/.24);border-radius:0;background:none;color:#fff;font:400 10px/1.2 var(--font-body);cursor:pointer}
body:is([data-theme=daybeau],[data-theme=ceramique],[data-theme=vellicell]) .consult-top:hover{background:rgb(255 255 255/.12)}
body:is([data-theme=daybeau],[data-theme=ceramique],[data-theme=vellicell]) .consult-top svg{width:18px;height:18px;stroke-width:2}
body:is([data-theme=daybeau],[data-theme=ceramique],[data-theme=vellicell]) .consult-float>p+.consult-top{margin-top:2px}
body:is([data-theme=daybeau],[data-theme=ceramique],[data-theme=vellicell]) [data-shell-top]{display:none}
}
/* DIR-115(세윤님 11-06 «헤더에 문의 예약 버튼 너무 혼자 튄다 빼자»): PC(1280~) 머리글 «문의·예약» 단추를 숨긴다.
   같은 곳(/reservation · links.html reservation_url)은 오른쪽 문의 박스 «홈페이지 예약» 칸이 PC 모든 쪽에서 늘 연다(DIR-18 · 언어 8개 묶음 모두 reservation 포함).
   나머지 아이콘(검색·사용자·장바구니·언어)은 clinic/site.css PC 간격 20px 그대로 · 탭 줄은 로고 오른쪽 자리 그대로. 휴대폰(~1279)은 원래 안 보이던 단추라 바뀜 없음 */
@media(min-width:1280px){
body:is([data-theme=daybeau],[data-theme=ceramique],[data-theme=vellicell]) .site-header .header-actions>.header-consult{display:none}
}
/* PC 검색 드롭다운(11-09 안내 사이트 대조 #29·30·32): PC 머리 돋보기(data-shell-search="pc")가 모바일과 같은 검색 화면을 머리 아래 드롭다운으로 연다.
   자리(--shell-search-top·--shell-search-right)는 shell.js 가 머리 아래 8px·돋보기 오른쪽 끝에 맞춰 넣는다. 머리 높이·본문 폭은 그대로, 쪽 스크롤도 막지 않는다. 모양은 위 PC 머리 검색 입력칸(#e9e2dc·포커스 #cfc6bf) 쪽 */
@media(min-width:1280px){
body:is([data-theme=daybeau],[data-theme=ceramique],[data-theme=vellicell]) .shell-search{inset:var(--shell-search-top,100px) var(--shell-search-right,24px) auto auto;width:420px;max-width:calc(100vw - 32px);max-height:min(640px,calc(100vh - var(--shell-search-top,100px) - 24px));border:1px solid #e9e2dc;border-radius:12px;box-shadow:0 12px 32px rgb(0 0 0/.12);opacity:1;transform:none;transition:opacity .2s ease,overlay .2s allow-discrete,display .2s allow-discrete}
body:is([data-theme=daybeau],[data-theme=ceramique],[data-theme=vellicell]) .shell-search:not([open]){opacity:0;transform:none}
body:is([data-theme=daybeau],[data-theme=ceramique],[data-theme=vellicell]) .shell-search-back{display:none}
body:is([data-theme=daybeau],[data-theme=ceramique],[data-theme=vellicell]) .shell-search-head{padding:12px 12px 10px;border-radius:12px 12px 0 0}
body:is([data-theme=daybeau],[data-theme=ceramique],[data-theme=vellicell]) .shell-search-sec{padding:18px 20px 4px}
body:is([data-theme=daybeau],[data-theme=ceramique],[data-theme=vellicell]) .shell-search-body{padding-bottom:12px}
html.shell-search-open{overflow:visible}
}
@starting-style{@media(min-width:1280px){body:is([data-theme=daybeau],[data-theme=ceramique],[data-theme=vellicell]) .shell-search[open]{opacity:0;transform:none}}}
/* 검색 화면 실시간 줄(DIR-122 · 11-09): 모바일 메뉴 맨 위 줄(.menu-search·.menu-roll)을 그대로 검색칸 바로 아래에 — 모바일 전체 화면·PC 드롭다운 같은 틀 */
body:is([data-theme=daybeau],[data-theme=ceramique],[data-theme=vellicell]) .shell-search .shell-search-roll{margin:14px 16px 0;width:auto}
body:is([data-theme=daybeau],[data-theme=ceramique],[data-theme=vellicell]) .shell-search .shell-search-roll .menu-roll{cursor:pointer}
body:is([data-theme=daybeau],[data-theme=ceramique],[data-theme=vellicell]) .shell-search .shell-search-roll .menu-roll>i{flex:none;color:#bbb;font-style:normal}
@media(min-width:1280px){
body:is([data-theme=daybeau],[data-theme=ceramique],[data-theme=vellicell]) .shell-search .shell-search-roll{margin:14px 20px 0}
}