/* ============================================================
   sections.css: 소식, 후기, 자주 묻는 질문, 갤러리, 홈의 새 섹션
   ============================================================ */
.sec.tight{padding-block:clamp(48px,6vw,92px)}
.lp-head{display:flex;flex-direction:column;gap:16px;max-width:64ch}
.lp-head p{font:400 16px/1.8 var(--f-ko);color:var(--warm)}
.lp{background:var(--stone)}
.lp-alt{background:var(--hanji)}
.lp-body{margin-top:clamp(24px,3.5vw,44px)}
.sec-h{display:flex;flex-wrap:wrap;align-items:flex-end;justify-content:space-between;gap:12px 24px;margin-bottom:clamp(22px,3vw,38px)}
.sec-h .title{margin-top:12px}
.sec-more{font:700 14px/1 var(--f-ko);color:var(--ink);text-decoration:none;border-bottom:1.5px solid var(--salmon);padding-bottom:4px;white-space:nowrap}
.sec-more:hover{color:var(--salmon)}
.list-note{border:1px dashed var(--line);border-radius:18px;padding:16px 18px;font:500 13.5px/1.7 var(--f-ko);color:var(--warm);background:rgba(255,255,255,.5)}
.list-empty{padding:34px 24px;border-radius:24px;background:var(--white);text-align:center;font:500 15px/1.8 var(--f-ko);color:var(--warm)}
.lp-alt .list-empty{background:var(--stone)}

/* 분류 칩 */
.fchips{display:flex;flex-wrap:wrap;gap:8px;margin-bottom:22px}
.fchip{border:1px solid var(--line);background:transparent;border-radius:999px;padding:9px 16px;font:600 13.5px/1 var(--f-ko);color:var(--warm);transition:background .2s,color .2s,border-color .2s}
.fchip:hover{border-color:var(--ink);color:var(--ink)}
.fchip[aria-pressed="true"]{background:var(--ink);border-color:var(--ink);color:var(--hanji)}

/* 이벤트 */
.ev-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(min(100%,300px),1fr));gap:18px}
.ev-card{display:flex;flex-direction:column;gap:16px;padding:10px 10px 24px;border-radius:28px;background:var(--white);color:var(--ink);text-decoration:none;min-width:0;transition:transform .3s,box-shadow .3s}
.lp-alt .ev-card{background:var(--stone)}
a.ev-card:hover{transform:translateY(-4px);box-shadow:0 26px 46px -32px rgba(39,39,36,.5)}
.ev-img{position:relative;aspect-ratio:4/3;border-radius:20px;overflow:hidden;background:linear-gradient(165deg,#F6D2B5 0%,#E98A5B 100%)}
.ev-img img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}
.ev-meta{display:flex;flex-direction:column;gap:8px;padding-inline:14px}
.ev-meta h3{margin:0;font:700 clamp(18px,1.8vw,21px)/1.4 var(--f-ko-serif);letter-spacing:-.02em}
.ev-chip{align-self:flex-start;font:700 12px/1 var(--f-ko);padding:6px 10px;border-radius:999px;background:var(--salmon);color:var(--ink)}
.ev-card.st-soon .ev-chip{background:var(--ink);color:var(--hanji)}
.ev-card.st-end{opacity:.6}
.ev-card.st-end .ev-chip{background:rgba(39,39,36,.12);color:var(--warm)}
.ev-per{margin:0;font:500 13.5px/1.5 var(--f-display);color:var(--warm);font-variant-numeric:tabular-nums}
.ev-body{margin:0;font:400 15px/1.75 var(--f-ko);color:var(--warm)}

/* 공지 */
.nl-list{display:flex;flex-direction:column;gap:10px}
.nl-item{background:var(--white);border-radius:20px;overflow:hidden}
.nl-item summary{list-style:none;cursor:pointer;display:flex;flex-wrap:wrap;align-items:baseline;justify-content:space-between;gap:6px 16px;padding:18px 22px}
.nl-item summary::-webkit-details-marker{display:none}
.nl-t{font:700 16px/1.5 var(--f-ko);display:flex;align-items:center;gap:8px}
.nl-d{font:500 13px/1.4 var(--f-display);color:var(--mute);font-variant-numeric:tabular-nums}
.nl-b{padding:0 22px 22px;font:400 15px/1.85 var(--f-ko);color:var(--warm)}
.pin{font:700 11px/1 var(--f-ko);font-style:normal;padding:4px 8px;border-radius:999px;background:var(--salmon);color:var(--ink);margin-right:8px}
.nl-teaser{list-style:none;margin:0;padding:0;display:flex;flex-direction:column}
.nl-teaser a{display:flex;flex-wrap:wrap;gap:4px 16px;align-items:baseline;padding:14px 4px;border-bottom:1px solid var(--line);text-decoration:none;color:var(--ink)}
.nl-teaser b{font:600 15.5px/1.5 var(--f-ko)}
.nl-teaser a:hover b{color:var(--salmon)}

/* 후기 */
.rv-sum{display:flex;flex-wrap:wrap;align-items:baseline;gap:6px 14px;margin-bottom:22px;font:500 14px/1.4 var(--f-ko);color:var(--warm)}
.rv-sum b{font:850 48px/1 var(--f-display);letter-spacing:-.03em;color:var(--ink)}
.rv-st{color:var(--salmon);letter-spacing:2px;font-size:16px;white-space:nowrap}
.rv-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(min(100%,300px),1fr));gap:16px}
.rv-card{margin:0;display:flex;flex-direction:column;gap:14px;padding:24px;border-radius:24px;background:var(--white);min-width:0}
.lp .rv-card{background:var(--white)}
.rv-top{display:flex;justify-content:space-between;align-items:center;gap:10px}
.rv-src{font:600 12px/1 var(--f-ko);padding:6px 10px;border-radius:999px;background:var(--stone);color:var(--warm)}
.rv-card blockquote{margin:0}
.rv-card blockquote p{margin:0;font:400 15.5px/1.85 var(--f-ko);color:var(--ink)}
.rv-card figcaption{display:flex;flex-wrap:wrap;gap:4px 12px;align-items:baseline;font:400 13px/1.5 var(--f-ko);color:var(--mute);margin-top:auto}
.rv-card figcaption b{color:var(--ink);font-weight:700}
.rv-card figcaption a{color:var(--ink);text-decoration:underline;text-underline-offset:3px}
.rv-cta{margin-top:clamp(28px,4vw,48px);display:flex;flex-direction:column;gap:14px;padding:clamp(22px,3vw,32px);border-radius:24px;background:var(--white)}
.rv-cta p{margin:0;font:500 16px/1.7 var(--f-ko)}

/* 자주 묻는 질문 */
.fq-list{display:flex;flex-direction:column;gap:10px}
.fq-item{background:var(--white);border-radius:20px;overflow:hidden}
.lp-alt .fq-item{background:var(--stone)}
.fq-item[hidden]{display:none}
.fq-item summary{list-style:none;cursor:pointer;display:flex;align-items:center;justify-content:space-between;gap:16px;padding:20px 24px;font:700 16.5px/1.5 var(--f-ko)}
.fq-item summary::-webkit-details-marker{display:none}
.fq-item summary::after{content:"+";flex:none;font:300 26px/1 var(--f-display);color:var(--salmon);transition:transform .25s}
.fq-item[open] summary::after{transform:rotate(45deg)}
.fq-a{padding:0 24px 22px;font:400 15.5px/1.85 var(--f-ko);color:var(--warm)}
.fq-more{margin-top:clamp(24px,3vw,36px);display:flex;flex-wrap:wrap;align-items:center;gap:12px 20px}
.fq-more p{margin:0;font:500 15.5px/1.7 var(--f-ko)}
.fq-more .btn,.rv-cta .btn{text-decoration:none;color:var(--ink)}

/* 갤러리 */
.gl-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(min(100%,240px),1fr));gap:14px}
.gl-item{position:relative;display:block;padding:0;border:0;border-radius:22px;overflow:hidden;aspect-ratio:4/3;background:linear-gradient(165deg,#DEDAD3,#BDB09A);cursor:zoom-in}
.gl-item[hidden]{display:none}
.gl-item img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;transition:transform .5s cubic-bezier(.2,.8,.2,1)}
.gl-item:hover img{transform:scale(1.04)}
.gl-cap{position:absolute;left:0;right:0;bottom:0;padding:28px 14px 12px;text-align:left;font:500 13px/1.4 var(--f-ko);color:#fff;background:linear-gradient(transparent,rgba(39,39,36,.65))}
.gl-grid.is-teaser{grid-template-columns:repeat(6,minmax(0,1fr));gap:10px}
.gl-grid.is-teaser .gl-item{aspect-ratio:1;border-radius:18px}
.gl-grid.is-teaser .gl-cap{display:none}
@media (max-width:900px){.gl-grid.is-teaser{grid-template-columns:repeat(3,minmax(0,1fr))}}
.lb{position:fixed;z-index:300;inset:0;display:flex;align-items:center;justify-content:center;gap:12px;padding:56px 12px 24px;background:rgba(27,25,23,.92)}
.lb[hidden]{display:none}
.lb figure{margin:0;display:flex;flex-direction:column;align-items:center;gap:12px;min-width:0;max-width:min(1100px,92vw)}
.lb img{max-width:100%;max-height:78svh;object-fit:contain;border-radius:12px;background:#222}
.lb figcaption{color:#FAF9F6;font:500 14px/1.5 var(--f-ko);text-align:center}
.lb-x,.lb-n{border:1px solid rgba(250,249,246,.35);background:rgba(27,25,23,.6);color:#FAF9F6;border-radius:50%;width:44px;height:44px;font:300 26px/1 var(--f-display);display:grid;place-items:center;flex:none}
.lb-x{position:absolute;right:16px;top:calc(12px + env(safe-area-inset-top,0px))}
.lb-x:hover,.lb-n:hover{background:#FAF9F6;color:#272724}
@media (max-width:640px){.lb-n{position:absolute;bottom:20px}.lb-p{left:16px}.lb-nx{right:16px}}

/* 홈: 한눈에 보기 */
.glance{background:var(--stone)}
.glance-grid{display:grid;grid-template-columns:minmax(0,6fr) minmax(0,5fr);gap:clamp(24px,4vw,64px);align-items:start}
.glance-sum{margin:18px 0 0;font:400 16.5px/1.9 var(--f-ko);color:var(--warm);max-width:46ch}
.glance-card{background:var(--white);border-radius:28px;padding:clamp(22px,3vw,34px);box-shadow:0 22px 50px -34px rgba(39,39,36,.45)}
.glance-card dl{margin:0;display:flex;flex-direction:column}
.glance-card dl>div{display:grid;grid-template-columns:88px minmax(0,1fr);gap:4px 16px;padding:14px 0;border-top:1px solid var(--line)}
.glance-card dl>div:first-child{border-top:0;padding-top:0}
.glance-card dt{font:600 12.5px/1.7 var(--f-ko);color:var(--warm)}
.glance-card dd{margin:0;font:500 15.5px/1.65 var(--f-ko)}
.teaser2{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:clamp(20px,3vw,40px);align-items:start}
.teaser2 h3{margin:0 0 14px;font:700 17px/1.4 var(--f-ko)}
.teaser-bg{background:var(--hanji)}
@media (max-width:900px){.glance-grid,.teaser2{grid-template-columns:1fr}}
@media (max-width:620px){.glance-card dl>div{grid-template-columns:1fr}}
.sns-follow+*{}

/* 네이버 지도 */
.naver-map{width:100%;height:clamp(300px,42vw,420px);border-radius:20px;overflow:hidden;background:#E6E3DC}
.naver-map[hidden]{display:none}

/* ===== 홈: 한 페이지 흐름 (한 끼 · 매장 안내 · 메뉴 · 오시는 길 · 가이드 · FAQ · 마무리) ===== */
.hs-head{display:flex;flex-direction:column;margin-bottom:clamp(22px,3vw,36px)}
.hs-alt{background:var(--stone)}
.hs-sub{margin:clamp(28px,4vw,44px) 0 14px;font:700 clamp(17px,1.6vw,20px)/1.4 var(--f-ko-serif);letter-spacing:-.02em;color:var(--ink)}
.hs-note{margin:18px 0 0;font:400 13.5px/1.7 var(--f-ko);color:var(--warm);text-wrap:pretty}
.hs-note a{color:var(--ink);font-weight:700;text-decoration:none;border-bottom:1.5px solid var(--salmon);padding-bottom:2px}
#story,#menu,#location,#facts,#guide,#faq,#visit{scroll-margin-top:72px}

.hs-two{display:grid;grid-template-columns:1fr 1fr;gap:16px}
.hs-card{display:flex;flex-direction:column;align-items:flex-start;gap:10px;padding:clamp(22px,3vw,34px);border-radius:28px;background:var(--stone);min-width:0}
.hs-no{font:600 12px/1.4 var(--f-display);letter-spacing:.16em;text-transform:uppercase;color:var(--salmon)}
.hs-card h3{margin:0;font:700 clamp(20px,2vw,24px)/1.35 var(--f-ko-serif);letter-spacing:-.02em;word-break:keep-all}
.hs-card p{margin:0;max-width:34em}

.qa-grid{display:grid;grid-template-columns:1fr 1fr;gap:14px}
.qa{background:var(--white);border-radius:24px;padding:clamp(20px,2.6vw,30px);display:flex;flex-direction:column;gap:8px;min-width:0}
.qa h3{margin:0;font:700 clamp(16px,1.5vw,18px)/1.45 var(--f-ko);color:var(--ink);word-break:keep-all}
.qa h3::before{content:"Q";display:inline-block;margin-right:8px;font:700 13px/1 var(--f-display);color:var(--salmon)}
.qa p{margin:0;font:400 15px/1.8 var(--f-ko);color:var(--warm);word-break:keep-all}
.qa-note{margin:18px 4px 0;font:400 13.5px/1.7 var(--f-ko);color:var(--warm)}
.qa-note a{margin-left:6px;color:var(--ink);font-weight:700;text-decoration:none;border-bottom:1.5px solid var(--salmon)}

.mn-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(min(100%,250px),1fr));gap:16px}
.mn-card{display:flex;flex-direction:column;background:var(--stone);border-radius:26px;overflow:hidden;min-width:0}
.mn-img{aspect-ratio:1/1;background:#EAE8E2;display:grid;place-items:center;overflow:hidden}
.mn-img img{width:100%;height:100%;object-fit:cover;display:block}
.mn-img.is-art{padding:8%}
.mn-img.is-art svg{width:100%;height:100%}
.mn-body{display:flex;flex-direction:column;align-items:flex-start;gap:6px;padding:18px 20px 22px}
.mn-cat{font:600 11.5px/1.4 var(--f-ko);letter-spacing:.04em;color:var(--salmon)}
.mn-body h3{margin:0;font:700 18px/1.4 var(--f-ko-serif);letter-spacing:-.02em;word-break:keep-all}
.mn-desc{margin:0;font:400 14px/1.7 var(--f-ko);color:var(--warm);word-break:keep-all;text-wrap:pretty}
.mn-ing{margin:0;font:400 12.5px/1.6 var(--f-ko);color:var(--mute,#8A7F70)}
.mn-price{margin:4px 0 0;font:700 16px/1.3 var(--f-display);font-variant-numeric:tabular-nums;color:var(--ink)}
.ds-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(min(100%,300px),1fr));gap:12px}
.ds-card{display:flex;gap:14px;align-items:center;background:var(--stone);border-radius:20px;padding:12px;min-width:0}
.ds-img{flex:none;width:76px;height:76px;border-radius:14px;overflow:hidden;background:#EAE8E2}
.ds-img img{width:100%;height:100%;object-fit:cover;display:block}
.ds-body{display:flex;flex-direction:column;align-items:flex-start;gap:3px;min-width:0;padding:4px 6px}
.ds-body h3{margin:0;font:700 16px/1.4 var(--f-ko);word-break:keep-all}
.ds-body p{margin:0;font:400 13.5px/1.6 var(--f-ko);color:var(--warm);word-break:keep-all}
.ds-body .mn-price{font-size:15px;margin:2px 0 0}
.ds-more{margin:18px auto 0;display:block;padding:12px 22px;border-radius:999px;border:1px solid var(--line);background:transparent;font:700 14px/1 var(--f-ko);color:var(--ink);cursor:pointer}
.ds-more:hover{background:var(--ink);color:var(--hanji);border-color:var(--ink)}

.loc-grid{display:grid;grid-template-columns:minmax(0,6fr) minmax(0,5fr);gap:16px;align-items:stretch}
.loc-info{background:var(--white);border-radius:28px;padding:clamp(22px,3vw,34px);display:flex;flex-direction:column;gap:18px;min-width:0}
.loc-dl{margin:0;display:flex;flex-direction:column}
.loc-dl>div{display:grid;grid-template-columns:84px minmax(0,1fr);gap:4px 16px;padding:14px 0;border-top:1px solid var(--line)}
.loc-dl>div:first-child{border-top:0;padding-top:0}
.loc-dl dt{font:600 12.5px/1.7 var(--f-ko);color:var(--warm)}
.loc-dl dd{margin:0;font:500 15.5px/1.65 var(--f-ko);color:var(--ink);min-width:0}
.loc-dl small{display:block;font:400 13.5px/1.6 var(--f-ko);color:var(--warm)}
.loc-dl small b{color:var(--ink)}
.loc-tel{color:var(--ink);font:700 20px/1.3 var(--f-display);letter-spacing:.02em;text-decoration:none}
.loc-act{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin-top:auto}
.loc-act .btn{justify-content:center;text-align:center;white-space:nowrap;padding-inline:12px;text-decoration:none}
.hs-alt .mapcard{padding-inline:10px}

.plat-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,200px),1fr));gap:12px}
.plat-card{display:flex;flex-direction:column;gap:4px;padding:18px 20px;border-radius:20px;background:var(--white);text-decoration:none;color:var(--ink);min-width:0;transition:transform .25s}
.plat-card:hover{transform:translateY(-2px)}
.plat-card b{font:700 15px/1.4 var(--f-ko)}
.plat-card span{font:400 13px/1.5 var(--f-ko);color:var(--warm)}
.plat:not(:has(.plat-card:not([hidden]))){display:none}
.near-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,220px),1fr));gap:12px}
.near-card{display:flex;flex-direction:column;gap:4px;padding:18px 20px;border-radius:20px;background:var(--white);min-width:0}
.near-card b{font:700 15px/1.4 var(--f-ko)}
.near-card span{font:400 13.5px/1.6 var(--f-ko);color:var(--warm)}
.near-card:has(b[hidden]){display:none}

.guide-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px}
.guide-card{display:flex;flex-direction:column;gap:6px;padding:clamp(18px,2.4vw,26px);border-radius:24px;background:var(--stone);text-decoration:none;color:var(--ink);min-width:0;transition:transform .3s,background .3s}
.guide-card:hover{transform:translateY(-3px);background:#E6E3DC}
.guide-card span{font:600 11.5px/1.4 var(--f-display);letter-spacing:.16em;text-transform:uppercase;color:var(--salmon)}
.guide-card b{font:700 clamp(17px,1.6vw,20px)/1.4 var(--f-ko-serif);letter-spacing:-.02em;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.guide-card small{font:400 13.5px/1.6 var(--f-ko);color:var(--warm);text-wrap:pretty}

.hs-cta .cta-box{display:flex;flex-direction:column;align-items:center;text-align:center;gap:0;padding:clamp(32px,5vw,56px) clamp(20px,4vw,48px);border-radius:32px;background:var(--stone)}
.cta-box .title{margin-top:12px}
.cta-btns{display:flex;flex-wrap:wrap;justify-content:center;gap:10px;margin-top:22px}
.cta-btns .btn{text-decoration:none}
.biz{margin:clamp(24px,4vw,40px) 0 0;width:100%;max-width:560px;display:flex;flex-direction:column;text-align:left}
.biz>div{display:grid;grid-template-columns:104px minmax(0,1fr);gap:4px 16px;padding:12px 0;border-top:1px solid var(--line)}
.biz dt{font:600 12.5px/1.7 var(--f-ko);color:var(--warm)}
.biz dd{margin:0;font:500 14.5px/1.7 var(--f-ko);color:var(--ink);min-width:0}
.biz dd a{color:inherit;text-decoration:none}
.biz>div:has(dd[hidden]){display:none}

@media (max-width:900px){
  .loc-grid,.hs-two,.qa-grid{grid-template-columns:1fr}
  .guide-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
}
@media (max-width:520px){
  .mn-grid{grid-template-columns:1fr 1fr;gap:12px}
  .mn-body{padding:14px 14px 18px}
  .mn-body h3{font-size:16px}
  .mn-desc{font-size:13px}
  .loc-dl>div,.biz>div{grid-template-columns:1fr}
  .guide-grid{grid-template-columns:1fr}
}
.hs-w{background:var(--hanji)}
.hs-card p,.qa p{font-size:var(--fs-body,15.5px);line-height:var(--lh-body,1.85)}
.plat,.near{margin-top:clamp(28px,4vw,44px)}
.plat .hs-sub,.near .hs-sub,.hs-head+.hs-sub{margin-top:0}
/* .site h3 / .site p 의 margin:0 보다 앞서도록 */
.site .hs-sub{margin:clamp(28px,4vw,44px) 0 14px}
.site .hs-head+.hs-sub,.site .plat .hs-sub,.site .near .hs-sub{margin-top:0}
.site .hs-note{margin:18px 0 0}
.site .qa-note{margin:18px 4px 0}
.site .mn-price{margin:4px 0 0}
.site .ds-body .mn-price{margin:2px 0 0}
.site .biz{margin:clamp(24px,4vw,40px) 0 0}

/* 대표 메뉴: 넓은 화면에서는 사진 왼쪽 · 글 오른쪽 두 줄 배치 (글 줄 길이를 충분히 확보) */
@media (min-width:760px){
  .mn-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:18px}
  .mn-card{flex-direction:row;align-items:stretch}
  .mn-card .mn-img{flex:0 0 42%;aspect-ratio:auto;min-height:100%}
  .mn-card .mn-body{flex:1;min-width:0;justify-content:center;gap:8px;padding:24px 26px 24px 24px}
  .mn-body h3{font-size:20px}
  .mn-desc{font-size:14.5px;line-height:1.8}
  .mn-ing{font-size:13px}
}
.mn-desc,.mn-ing{text-wrap:balance}
@media (max-width:759px){
  .mn-grid{grid-template-columns:1fr;gap:12px}
  .mn-card{flex-direction:row;align-items:stretch}
  .mn-card .mn-img{flex:0 0 36%;aspect-ratio:auto;min-height:100%}
  .mn-card .mn-body{flex:1;min-width:0;justify-content:center;padding:16px 16px 16px 14px}
  .mn-body h3{font-size:17px}
  .mn-desc{font-size:13.5px}
}

/* 전체 메뉴 펼침 버튼 */
.ds-toggle{display:flex;align-items:center;justify-content:center;gap:10px;margin:clamp(24px,3vw,36px) auto 0;padding:15px 30px;border:1px solid var(--ink);border-radius:999px;background:transparent;color:var(--ink);font:700 15px/1 var(--f-ko);cursor:pointer;transition:background .2s,color .2s}
.ds-toggle:hover{background:var(--ink);color:var(--hanji)}
.ds-toggle i{width:8px;height:8px;border-right:1.5px solid currentColor;border-bottom:1.5px solid currentColor;transform:translateY(-2px) rotate(45deg);transition:transform .25s}
.ds-toggle[aria-expanded="true"] i{transform:translateY(2px) rotate(-135deg)}
[data-hide-box] .hs-sub[hidden],[data-hide-box] [data-list][hidden]{display:none}
[data-hide-box] .hs-sub:not([hidden]){margin-top:clamp(28px,4vw,44px)}

/* 대표 메뉴 사진: 원본 비율과 상관없이 모두 같은 정사각형 칸에 꽉 채워 넣는다 (카드 높이가 제각각 되지 않게) */
.mn-card .mn-img{position:relative;aspect-ratio:1/1}
.mn-card .mn-img img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}

/* 지도 · 플랫폼 연결 */
.ch-panel{background:var(--stone);border-radius:32px;padding:clamp(24px,4vw,48px);display:flex;flex-direction:column;min-width:0}
.ch-panel .kicker{text-transform:uppercase}
.site .ch-title{margin:12px 0 0}
.site .ch-sum{margin:14px 0 0;font:400 var(--fs-body,15.5px)/1.8 var(--f-ko);color:var(--warm);max-width:40em}
.ch-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px;margin-top:clamp(22px,3vw,34px)}
.ch-card{display:flex;align-items:center;gap:16px;padding:18px 20px;border-radius:20px;background:var(--white);border:1px solid var(--line);text-decoration:none;color:var(--ink);min-width:0;transition:transform .25s,border-color .25s}
.ch-card:hover{transform:translateY(-2px);border-color:var(--ink)}
.ch-card[hidden]{display:none}
.ch-ic{flex:none;display:grid;place-items:center;width:44px;height:44px;border-radius:12px;background:var(--hanji);border:1px solid var(--line);font:800 20px/1 var(--f-display)}
.ch-ic svg{width:24px;height:24px}
.ic-naver,.ic-nmap{color:#03C75A}
.ic-google{color:#4285F4}
.ic-daangn{color:#FF6F0F}
.ic-tmap{color:#00B7A8}
.ic-kakao{background:#FEE500;color:#191600;border-color:#FEE500}
.ch-tx{display:flex;flex-direction:column;gap:3px;min-width:0}
.ch-tx b{font:700 16px/1.35 var(--f-ko);word-break:keep-all}
.ch-tx small{font:400 13px/1.5 var(--f-ko);color:var(--warm);word-break:keep-all}
.site .ch-note{margin:clamp(18px,2.4vw,26px) 0 0;font:400 13px/1.7 var(--f-ko);color:var(--warm)}
.ch-panel:not(:has(.ch-card:not([hidden]))) .ch-grid{display:none}
@media (max-width:900px){.ch-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media (max-width:560px){.ch-grid{grid-template-columns:1fr}}

/* 대표 메뉴 카드: 가볍게 (작은 사진 + 이름·설명·가격만, 재료는 히어로에서) */
.site .mn-card{border-radius:22px}
.site .mn-card .mn-img{flex:0 0 clamp(120px,32%,168px);min-height:0;aspect-ratio:1/1;align-self:center;margin:12px;border-radius:16px}
.site .mn-card .mn-body{justify-content:center;gap:5px;padding:14px 20px 14px 4px}
.site .mn-card .mn-ing{display:none}
.site .mn-card .mn-body h3{font-size:18px}
.site .mn-card .mn-desc{font-size:14px;line-height:1.7;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;text-wrap:pretty}
.site .mn-card .mn-price{margin:2px 0 0;font-size:15px}
@media (max-width:759px){
  .site .mn-card .mn-img{flex-basis:96px;margin:10px;border-radius:14px}
  .site .mn-card .mn-body{padding:12px 14px 12px 2px}
  .site .mn-card .mn-body h3{font-size:16px}
  .site .mn-card .mn-desc{font-size:13px;-webkit-line-clamp:2}
}