/* CODEDVINYLS 공통 틀 — 머리 · 메뉴 시트 · 꼬리 · 경로 줄 (2026-10-26)
   판이 먼저 보이도록: 머리 한 줄 · 떠 있는 단추 0 · 검정 띠 0 · 노랑은 한 점.
   글자 = Pretendard 400 한 목소리(제목·첫 글의 세리프는 페이지 몫).
   마크업 = gen_pages · build_dist 가 넣는다. 동작 = cv-frame.js. */
:root{
  --cvf-gutter:clamp(24px,4vw,56px);
  --cvf-line:#d8d2c6;
  --cvf-muted:#6b655a;
  --cvf-sans:"Pretendard Variable","Pretendard","Apple SD Gothic Neo","Segoe UI",system-ui,sans-serif;
}
html{scroll-padding-top:88px}

/* ── 머리 ── */
.cvf-hd{position:sticky;top:0;z-index:900;display:flex;align-items:center;justify-content:space-between;gap:24px;
  height:72px;padding:0 var(--cvf-gutter);background:var(--paper,#f7f4ec);color:var(--ink,#1f1e1b);
  font-family:var(--cvf-sans);font-weight:400;transition:transform .28s ease}
.cvf-hd.is-stuck{box-shadow:0 1px 0 var(--cvf-line)}
.cvf-hd.is-hidden{transform:translateY(-101%)}
.cvf-mark{display:block;line-height:0;flex:none}
.cvf-mark img{display:block;width:160px;height:auto}
.cvf-nav{display:flex;align-items:center;gap:40px;font-size:15px;line-height:1}
.cvf-nav a{color:var(--ink,#1f1e1b);text-decoration:none;padding:8px 0 7px;border-bottom:1px solid transparent}
.cvf-nav a:hover{border-bottom-color:var(--cvf-line)}
.cvf-nav a[aria-current="page"]{border-bottom-color:var(--ink,#1f1e1b)}
.cvf-menu{display:none;color:var(--ink,#1f1e1b);text-decoration:none;font-size:15px;line-height:1;padding:14px 0 14px 16px}

/* ── 메뉴 시트(휴대폰) ── */
.cvf-sheet{position:fixed;inset:0;z-index:1200;display:none;flex-direction:column;overflow:auto;
  padding:0 var(--cvf-gutter) calc(28px + env(safe-area-inset-bottom,0px));
  background:var(--paper,#f7f4ec);color:var(--ink,#1f1e1b);font-family:var(--cvf-sans);font-weight:400}
.cvf-sheet:target,.cvf-sheet.is-open{display:flex}
.cvf-sheet-hd{display:flex;align-items:center;justify-content:space-between;height:56px;flex:none}
.cvf-sheet-hd .cvf-mark img{width:118px}
.cvf-close{color:var(--ink,#1f1e1b);text-decoration:none;font-size:15px;line-height:1;padding:14px 0 14px 16px}
.cvf-sheet-nav{display:flex;flex-direction:column;margin-top:12px;border-top:1px solid var(--cvf-line)}
.cvf-sheet-nav a{display:flex;align-items:center;height:64px;border-bottom:1px solid var(--cvf-line);
  color:var(--ink,#1f1e1b);text-decoration:none;font-size:22px;letter-spacing:-.01em}
.cvf-sheet-nav a[aria-current="page"]::before{content:"";flex:none;width:13px;height:2px;margin-right:12px;background:var(--yellow,#ffcd00)}
.cvf-sheet-notice{margin:24px 0 0;font-size:15px;line-height:1.6}
.cvf-sheet-notice a{display:flex;align-items:baseline;gap:12px;color:var(--ink,#1f1e1b);text-decoration:none}
.cvf-sheet-notice .cvf-k{flex:none;color:var(--cvf-muted)}
.cvf-sheet-notice a span:last-child{flex:none;margin-left:auto}
.cvf-sheet-nap{margin:auto 0 0;padding-top:40px;font-size:13px;line-height:1.7;color:var(--cvf-muted)}
html.cvf-lock,html.cvf-lock body{overflow:hidden}

/* ── 경로 줄 ── */
.cvf-on .crumb{display:flex;flex-wrap:wrap;align-items:center;background:transparent;border:0;padding:20px var(--cvf-gutter) 0;font-family:var(--cvf-sans);
  font-size:13px;letter-spacing:0;color:var(--cvf-muted);gap:8px;text-transform:none}
.cvf-on .crumb a{color:var(--cvf-muted);text-decoration:none;border:0}
.cvf-on .crumb a:hover{color:var(--ink,#1f1e1b)}
.cvf-on .crumb > span{color:var(--cvf-line)}
.cvf-on .cvf-crumb-line{margin:0}
.cvf-on .cvf-crumb-line a{color:var(--ink,#1f1e1b);border-bottom:1px solid var(--cvf-line)}

/* ── 정보 페이지(매장·온라인) ── */
body.cvf-on{margin:0;background:var(--paper,#f7f4ec);color:var(--ink,#1f1e1b)}
.cvf-serif{font-family:"Noto Serif KR","Apple SD Gothic Neo",serif;font-weight:400;letter-spacing:-.01em}
.cvf-info{box-sizing:border-box;max-width:1240px;padding:clamp(40px,6vw,88px) var(--cvf-gutter) clamp(72px,8vw,128px);
  font-family:var(--cvf-sans);font-weight:400;color:var(--ink,#1f1e1b)}
.cvf-info *{box-sizing:border-box}
.cvf-info h1{margin:0 0 clamp(36px,5vw,64px);font-size:clamp(34px,4.4vw,56px);line-height:1.2;text-wrap:balance}
.cvf-info-lead{margin:-16px 0 clamp(36px,5vw,56px);max-width:36em;font-family:"Noto Serif KR",serif;font-size:clamp(17px,1.5vw,19px);line-height:1.85;color:#3a372f}
.cvf-info-sec{margin:0 0 clamp(48px,6vw,72px)}
.cvf-sec{display:flex;justify-content:space-between;align-items:baseline;gap:16px;padding-top:16px;margin-bottom:24px;
  border-top:1px solid var(--cvf-line);font-size:14px;color:var(--cvf-muted)}
.cvf-sec h2{margin:0;font-size:inherit;font-weight:400;line-height:1.6;color:inherit}
.cvf-sec-link{color:var(--ink,#1f1e1b);text-decoration:none}
.cvf-info-body{max-width:760px;font-size:16px;line-height:1.8;min-width:0}
.cvf-info-body p{margin:0}
.cvf-info-body h3{margin:0 0 8px;font-size:18px;font-weight:400;line-height:1.5}
.cvf-info-first{margin:0 0 20px !important;color:#3a372f}
.cvf-info-list{list-style:none;margin:0;padding:0}
.cvf-info-list a{display:flex;justify-content:space-between;gap:16px;padding:10px 0;border-bottom:1px solid var(--cvf-line);
  color:var(--ink,#1f1e1b);text-decoration:none}
.cvf-info-list li:first-child a{padding-top:0}
.cvf-info-after{margin-top:24px !important;padding-top:16px;border-top:1px solid var(--cvf-line)}
.cvf-info dl{margin:0}
.cvf-info-row{display:grid;grid-template-columns:96px minmax(0,1fr);gap:16px;padding:6px 0}
.cvf-info dt{color:var(--cvf-muted)}
.cvf-info dd{margin:0;display:flex;flex-direction:column}
.cvf-info dd span + span{color:var(--cvf-muted);font-size:14px}
.cvf-info dd a{color:inherit;text-decoration:none}
.cvf-info-links{display:flex;flex-wrap:wrap;gap:8px 24px;margin:14px 0 0}
.cvf-info-links a{color:var(--ink,#1f1e1b);text-decoration:none;border-bottom:1px solid var(--cvf-line)}
.cvf-info-links a:hover{border-bottom-color:var(--ink,#1f1e1b)}

/* ── 꼬리 ── */
footer.cvf-ft{margin:0;padding:44px var(--cvf-gutter) 40px;border-top:1px solid var(--cvf-line);
  background:var(--paper,#f7f4ec);color:var(--cvf-muted);font-family:var(--cvf-sans);font-weight:400;
  font-size:13px;line-height:1.85}
.cvf-ft a{color:var(--cvf-muted);text-decoration:none}
.cvf-ft a:hover{color:var(--ink,#1f1e1b)}
.cvf-ft-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:24px}
.cvf-ft-col{display:flex;flex-direction:column;align-items:flex-start;min-width:0}
.cvf-ft-col .cvf-ft-h{font-weight:400;color:var(--ink,#1f1e1b);margin-bottom:6px}
.cvf-ft-mark{line-height:0}
.cvf-ft-store img{display:block;width:140px;height:auto;margin:5px 0 16px}
.cvf-ft-store span:first-of-type{color:var(--ink,#1f1e1b)}
.cvf-ft-store a{margin-top:10px}
.cvf-ft-base{display:flex;flex-direction:column;gap:10px;margin-top:40px;padding-top:20px;
  border-top:1px solid var(--cvf-line);font-size:12px;line-height:1.8}
.cvf-ft-biz{display:flex;flex-direction:column}
.cvf-ft-plate{font-size:11px;letter-spacing:.14em;color:var(--ink,#1f1e1b)}

@media(max-width:860px){
  html{scroll-padding-top:68px}
  .cvf-hd{height:56px}
  .cvf-mark img{width:118px}
  .cvf-nav{display:none}
  .cvf-menu{display:block}
  .cvf-on .crumb{padding-top:16px;font-size:12px}
  footer.cvf-ft{padding:32px var(--cvf-gutter) 36px;font-size:12px}
  .cvf-ft-grid{grid-template-columns:1fr;gap:18px}
  .cvf-ft-store img{width:110px;margin:2px 0 12px}
  .cvf-ft-col:not(.cvf-ft-store){flex-direction:row;flex-wrap:wrap;column-gap:14px}
  .cvf-ft-col:not(.cvf-ft-store) .cvf-ft-h{flex:0 0 100%;margin-bottom:0}
  .cvf-ft-base{margin-top:28px;font-size:11px}
  .cvf-info-body{font-size:15px}
  .cvf-info-row{grid-template-columns:72px minmax(0,1fr)}
}
@media(prefers-reduced-motion:reduce){.cvf-hd{transition:none}}
@media print{.cvf-hd,.cvf-sheet{display:none !important}}