/* 데이뷰만 — 시술전후(renewal-v5 시안 대조) · 이벤트 목록·상세 본문 폭 720 · 시안 주황 값. 이벤트 목록·상세 모양은 shared/events.css (세 브랜드 공용).
   site.css 뒤·ui.css 앞에 오므로 id 로 우선순위를 올린다. */

/* 이벤트 D-day 칸·강조 글: 시안 값(주황 #e07a45 선 · #c4612f 글). 다른 브랜드는 --accent */
body[data-theme=daybeau]{--event-dday-line:#e07a45;--event-dday-ink:#c4612f;--event-highlight-ink:#c4612f}

/* 알약 줄 — 시술전후 (이벤트 목록 줄은 shared/events.css) */
body:is([data-theme=daybeau],[data-theme=ceramique],[data-theme=vellicell]) #content .bna-tabs .ui-pill-tabs{gap:6px;margin:0;padding:16px 24px 4px;overflow-y:hidden;overscroll-behavior-x:contain;touch-action:pan-x pan-y;-webkit-mask-image:none;mask-image:none}
body:is([data-theme=daybeau],[data-theme=ceramique],[data-theme=vellicell]) #content .bna-tabs .ui-pill{height:30px;padding:0 13px;border:1px solid #d9d9d9;border-radius:15px;background:#fff;color:#555;font-size:var(--fs-12-5);font-weight:400}
body:is([data-theme=daybeau],[data-theme=ceramique],[data-theme=vellicell]) #content .bna-tabs .ui-pill[aria-current=page]{border-color:var(--accent);background:var(--accent-soft);color:var(--accent);font-weight:700}
body:is([data-theme=daybeau],[data-theme=ceramique],[data-theme=vellicell]) #content .bna-tabs .ui-pill-tabs.drag{cursor:grabbing}
body:is([data-theme=daybeau],[data-theme=ceramique],[data-theme=vellicell]) #content .bna-tabs .ui-pill{-webkit-user-drag:none;user-select:none}

/* 시술전후 */
body:is([data-theme=daybeau],[data-theme=ceramique],[data-theme=vellicell]) #content.bna-page{padding:0 0 48px;line-height:normal}
body:is([data-theme=daybeau],[data-theme=ceramique],[data-theme=vellicell]) #content.bna-page>h1{margin:0;padding:26px 24px 0;font-size:var(--fs-20);font-weight:700;letter-spacing:-.6px;line-height:normal}
body:is([data-theme=daybeau],[data-theme=ceramique],[data-theme=vellicell]) #content.bna-page .bna-subtitle{margin:0;padding:4px 24px 0;color:var(--text-sub);font-size:var(--fs-13);line-height:normal;white-space:normal}
body:is([data-theme=daybeau],[data-theme=ceramique],[data-theme=vellicell]) #content.bna-page .bna-search{display:flex;align-items:center;gap:8px;box-sizing:border-box;width:auto;max-width:none;height:42px;margin:16px 20px 0;padding:0 12px;border:1px solid #c8c8c8;border-radius:6px;background:none}
body:is([data-theme=daybeau],[data-theme=ceramique],[data-theme=vellicell]) #content.bna-page .bna-search button{position:static;order:-1;display:block;flex:none;width:16px;height:16px;margin:0;padding:0;border:0;background:none;color:#333}
body:is([data-theme=daybeau],[data-theme=ceramique],[data-theme=vellicell]) #content.bna-page .bna-search .mi{width:16px;height:16px;stroke:#333;stroke-width:1.8}
body:is([data-theme=daybeau],[data-theme=ceramique],[data-theme=vellicell]) #content.bna-page .bna-search input[name=q]{flex:1;width:auto;min-width:0;height:auto;margin:0;padding:0;border:0;background:none;color:var(--text);font-size:var(--fs-13);outline:0}
body:is([data-theme=daybeau],[data-theme=ceramique],[data-theme=vellicell]) #content.bna-page .bna-search input[name=q]::placeholder{color:#999}
body:is([data-theme=daybeau],[data-theme=ceramique],[data-theme=vellicell]) #content.bna-page .bna-tabs{margin:0}
body:is([data-theme=daybeau],[data-theme=ceramique],[data-theme=vellicell]) #content.bna-page .bna-tabs .ui-pill{line-height:normal}
body:is([data-theme=daybeau],[data-theme=ceramique],[data-theme=vellicell]) #content.bna-page .bna-notice{margin:14px 20px 0;padding:9px 12px;border-radius:4px;background:#f7f7f7;color:#888;font-size:var(--fs-11-5);line-height:1.5}
body:is([data-theme=daybeau],[data-theme=ceramique],[data-theme=vellicell]) #content.bna-page .bna-count{margin:0;padding:16px 24px 12px;color:#888;font-size:var(--fs-12);font-weight:400;line-height:normal}
body:is([data-theme=daybeau],[data-theme=ceramique],[data-theme=vellicell]) #content.bna-page .bna-list{gap:0;margin:6px 0 0;padding:0 20px}
body:is([data-theme=daybeau],[data-theme=ceramique],[data-theme=vellicell]) #content.bna-page .bna-item{padding:16px 0;border-bottom:1px solid #f0f0f0}
body:is([data-theme=daybeau],[data-theme=ceramique],[data-theme=vellicell]) #content.bna-page .bna-card .bna-pair,body:is([data-theme=daybeau],[data-theme=ceramique],[data-theme=vellicell]) #content.bna-page .bna-viewer .bna-pair{gap:4px;overflow:hidden;border-radius:4px}
body:is([data-theme=daybeau],[data-theme=ceramique],[data-theme=vellicell]) #content.bna-page .bna-side{border-radius:0;background:linear-gradient(135deg,#d9cfc7,#bfb2a8)}
body:is([data-theme=daybeau],[data-theme=ceramique],[data-theme=vellicell]) #content.bna-page .bna-card .bna-side{aspect-ratio:3/4}
body:is([data-theme=daybeau],[data-theme=ceramique],[data-theme=vellicell]) #content.bna-page .bna-side:last-child{background:linear-gradient(135deg,#f3e8df,#e6d6ca)}
body:is([data-theme=daybeau],[data-theme=ceramique],[data-theme=vellicell]) #content.bna-page .bna-blank{background:none}
body:is([data-theme=daybeau],[data-theme=ceramique],[data-theme=vellicell]) #content.bna-page .bna-label{top:10px;left:10px;z-index:1;padding:3px 9px;border-radius:999px;background:rgba(42,34,29,.42);color:#fff;font-family:var(--font-display);font-size:var(--fs-9-5);font-weight:600;letter-spacing:.16em;line-height:normal;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}
body:is([data-theme=daybeau],[data-theme=ceramique],[data-theme=vellicell]) #content.bna-page .bna-side:last-child .bna-label{background:rgba(255,255,255,.78);color:var(--detail-ink)}
body:is([data-theme=daybeau],[data-theme=ceramique],[data-theme=vellicell]) #content.bna-page .bna-side.is-locked::before{content:"";position:absolute;inset:0;background:rgba(40,36,33,.35);-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px)}
body:is([data-theme=daybeau],[data-theme=ceramique],[data-theme=vellicell]) #content.bna-page .bna-lock{position:absolute;inset:0;z-index:1;display:grid;place-content:center;justify-items:center;gap:6px;color:#fff;font-size:var(--fs-11-5);font-weight:400;line-height:normal;text-shadow:none}
body:is([data-theme=daybeau],[data-theme=ceramique],[data-theme=vellicell]) #content.bna-page .bna-lock .mi{width:20px;height:20px;stroke:#fff;stroke-width:1.8}
/* 목록 카드의 로그인 단추는 카드 버튼 밖 겹 — 자물쇠·글자 묶음 바로 아래에 오도록 묶음을 단추 높이만큼 올린다 */
body:is([data-theme=daybeau],[data-theme=ceramique],[data-theme=vellicell]) #content.bna-page .bna-card .bna-lock{padding-bottom:28px}
body:is([data-theme=daybeau],[data-theme=ceramique],[data-theme=vellicell]) #content.bna-page .bna-login-layer{top:16px;z-index:2;width:calc(50% - 2px);aspect-ratio:3/4}
body:is([data-theme=daybeau],[data-theme=ceramique],[data-theme=vellicell]) #content.bna-page .bna-login{top:calc(50% + 13px);height:auto;padding:3px 9px;border-radius:3px;background:#fff;color:#333;font-size:var(--fs-11);font-weight:700;line-height:normal}
/* 1280 이상 3열(pc-fullscreen R2)은 720 고정 폭에서 사진 칸이 111px — 표지를 줄이고 자물쇠 묶음을 내려 BEFORE 표지와 자물쇠가 겹치지 않게 한다 */
@media(min-width:1280px){body:is([data-theme=daybeau],[data-theme=ceramique],[data-theme=vellicell]) #content.bna-page .bna-card .bna-label{top:6px;left:6px;padding:2px 6px;font-size:8.5px;letter-spacing:.1em}body:is([data-theme=daybeau],[data-theme=ceramique],[data-theme=vellicell]) #content.bna-page .bna-card .bna-lock{padding-bottom:19px}body:is([data-theme=daybeau],[data-theme=ceramique],[data-theme=vellicell]) #content.bna-page .bna-item .bna-login{top:calc(50% + 17px)}}
body:is([data-theme=daybeau],[data-theme=ceramique],[data-theme=vellicell]) #content.bna-page .bna-title{display:block;margin:10px 0 0;overflow:visible;font-size:var(--fs-16);font-weight:600;line-height:calc(var(--fs-16) + 8px);-webkit-line-clamp:unset}
body:is([data-theme=daybeau],[data-theme=ceramique],[data-theme=vellicell]) #content.bna-page .bna-category{color:inherit;font-weight:inherit}
body:is([data-theme=daybeau],[data-theme=ceramique],[data-theme=vellicell]) #content.bna-page .bna-dates{margin:2px 0 0;color:#999;font-size:var(--fs-12);line-height:normal}
body:is([data-theme=daybeau],[data-theme=ceramique],[data-theme=vellicell]) #content.bna-page .ui-pager{gap:18px;margin:0;padding:26px 0 8px}
body:is([data-theme=daybeau],[data-theme=ceramique],[data-theme=vellicell]) #content.bna-page .ui-pager-count{color:#999;font-size:var(--fs-14);line-height:normal}
body:is([data-theme=daybeau],[data-theme=ceramique],[data-theme=vellicell]) #content.bna-page .ui-pager-count b{color:var(--text);font-weight:700}
body:is([data-theme=daybeau],[data-theme=ceramique],[data-theme=vellicell]) #content.bna-page .ui-pager-step{width:auto;height:auto;padding:0 6px;border-radius:0;color:#555;font-size:var(--fs-18);line-height:normal}
body:is([data-theme=daybeau],[data-theme=ceramique],[data-theme=vellicell]) #content.bna-page .ui-pager-step[aria-disabled=true]{color:#555}

/* 크게 보기 — 어두운 배경 위 흰 상자 */
body:is([data-theme=daybeau],[data-theme=ceramique],[data-theme=vellicell]) #content.bna-page .bna-viewer{position:fixed;inset:0;box-sizing:border-box;width:100%;max-width:none;height:100%;max-height:none;margin:0;padding:20px;border:0;overscroll-behavior:contain;background:rgba(15,15,15,.72);opacity:0;transition:opacity .25s,display .25s allow-discrete,overlay .25s allow-discrete}
body:is([data-theme=daybeau],[data-theme=ceramique],[data-theme=vellicell]) #content.bna-page .bna-viewer[open]{display:grid;place-items:center;opacity:1}
body:is([data-theme=daybeau],[data-theme=ceramique],[data-theme=vellicell]) #content.bna-page .bna-viewer::backdrop{background:none}
body:is([data-theme=daybeau],[data-theme=ceramique],[data-theme=vellicell]) #content.bna-page .bna-viewer-box{position:relative;box-sizing:border-box;width:100%;padding:18px 16px 16px;border-radius:10px;background:#fff;color:var(--text);transform:scale(.96);transition:transform .25s}
body:is([data-theme=daybeau],[data-theme=ceramique],[data-theme=vellicell]) #content.bna-page .bna-viewer[open] .bna-viewer-box{transform:none}
@starting-style{
body:is([data-theme=daybeau],[data-theme=ceramique],[data-theme=vellicell]) #content.bna-page .bna-viewer[open]{opacity:0}
body:is([data-theme=daybeau],[data-theme=ceramique],[data-theme=vellicell]) #content.bna-page .bna-viewer[open] .bna-viewer-box{transform:scale(.96)}
}
body:is([data-theme=daybeau],[data-theme=ceramique],[data-theme=vellicell]) #content.bna-page .bna-close{position:absolute;top:8px;right:8px;z-index:2;width:36px;height:36px;border-radius:0;color:#555;font-size:var(--fs-18)}
body:is([data-theme=daybeau],[data-theme=ceramique],[data-theme=vellicell]) #content.bna-page .bna-viewer-kicker{margin:0 0 10px;color:#999;font-size:var(--fs-12);line-height:normal}
body:is([data-theme=daybeau],[data-theme=ceramique],[data-theme=vellicell]) #content.bna-page .bna-viewer .bna-side{aspect-ratio:3/4;background:linear-gradient(160deg,#ebe6e1,#d8d0c9)}
body:is([data-theme=daybeau],[data-theme=ceramique],[data-theme=vellicell]) #content.bna-page .bna-viewer .bna-side:last-child{background:linear-gradient(160deg,#f1ece7,#e2dad3)}
body:is([data-theme=daybeau],[data-theme=ceramique],[data-theme=vellicell]) #content.bna-page .bna-viewer .bna-label,body:is([data-theme=daybeau],[data-theme=ceramique],[data-theme=vellicell]) #content.bna-page .bna-viewer .bna-side:last-child .bna-label{top:8px;left:8px;z-index:2;padding:2px 7px;border-radius:3px;background:rgba(0,0,0,.3);color:#fff;font-family:inherit;font-size:var(--fs-10-5);font-weight:700;letter-spacing:.04em;-webkit-backdrop-filter:none;backdrop-filter:none}
body:is([data-theme=daybeau],[data-theme=ceramique],[data-theme=vellicell]) #content.bna-page .bna-viewer .bna-side.is-locked::before{-webkit-backdrop-filter:blur(7px);backdrop-filter:blur(7px)}
body:is([data-theme=daybeau],[data-theme=ceramique],[data-theme=vellicell]) #content.bna-page .bna-viewer .bna-lock{font-size:var(--fs-12)}
body:is([data-theme=daybeau],[data-theme=ceramique],[data-theme=vellicell]) #content.bna-page .bna-viewer .bna-step{z-index:2}
body:is([data-theme=daybeau],[data-theme=ceramique],[data-theme=vellicell]) #content.bna-page .bna-viewer .bna-lock .mi{width:22px;height:22px}
body:is([data-theme=daybeau],[data-theme=ceramique],[data-theme=vellicell]) #content.bna-page .bna-viewer-box h2{margin:14px 0 0;font-size:var(--fs-16);font-weight:700;line-height:normal}
body:is([data-theme=daybeau],[data-theme=ceramique],[data-theme=vellicell]) #content.bna-page .bna-viewer-box>.bna-dates{margin:3px 0 0;color:#888;font-size:var(--fs-12)}
body:is([data-theme=daybeau],[data-theme=ceramique],[data-theme=vellicell]) #content.bna-page .bna-viewer-box>.bna-viewer-notice{position:static;margin:2px 0 0;padding:0;background:none;color:#aaa;font-size:var(--fs-11-5);line-height:normal}
body:is([data-theme=daybeau],[data-theme=ceramique],[data-theme=vellicell]) #content.bna-page .bna-viewer-box>.bna-go{display:flex;align-items:center;justify-content:center;width:100%;height:46px;margin:16px 0 0;padding:0;border:0;border-radius:6px;background:#1f1f1f;color:#fff;font-size:var(--fs-14);font-weight:500}

/* 터치 없는 화면은 시안에 없다 — 깨지지 않게 폭만 묶는다 */
@media(min-width:768px){
body[data-theme=daybeau] #content.events-page,body[data-theme=daybeau] #content.event-detail,body[data-theme=daybeau] #content.bna-page{max-width:720px;margin-inline:auto}
}
/* 넓은 화면은 공통 그리드(2·3열)를 물려받는데 위 gap:0 이라 카드끼리 붙고 3열이면 BEFORE 표시가 자물쇠에 닿는다 — 본문 폭 680 에 2열 + 칸 사이 */
@media(min-width:640px){body:is([data-theme=daybeau],[data-theme=ceramique],[data-theme=vellicell]) #content.bna-page .bna-list{grid-template-columns:repeat(2,minmax(0,1fr));column-gap:20px}}