/* 多言語ページ（/en/・/zh-tw/・/ko/）専用。home.css の後に読む（トークンは site-2026.css / home.css）
   2026-09-11: トップと同じ見た目・演出に作り直し（home.css ＋ home.js）。
   トップに無い部品（価格表・定義表・地図・FAQ回答・理念の帯）は page-2026.css から移植した */

/* ========= 言語切替（外国語ページのヘッダー: PC=ピル。スマホのメニュー内 .v-nav-lang は site-2026.css） ========= */
.v-lang{display:flex;gap:2px;padding:3px;border-radius:999px;background:var(--cream);border:1px solid var(--line);font-size:.78rem;font-weight:700}
.v-lang a{padding:5px 11px;border-radius:999px;color:var(--sub)!important;white-space:nowrap}
.v-lang a:hover{color:var(--ink)!important}
.v-lang a[aria-current="true"]{background:var(--ink);color:var(--cream)!important}
@media(max-width:900px){.v-lang{display:none}}

/* ========= 中国語・韓国語のフォント =========
   見出しの Zen Maru Gothic と本文既定のヒラギノ等では、繁体字の一部やハングルが欠ける／日本語字形になるため、
   各言語の端末標準書体に切り替える（html:lang() は home.css の :root より詳細度が高いので勝つ） */
html:lang(zh-Hant){--f-head:"PingFang TC","Microsoft JhengHei","Noto Sans TC",system-ui,sans-serif;--f-body:"PingFang TC","Microsoft JhengHei","Noto Sans TC",system-ui,sans-serif}
html:lang(ko){--f-head:"Apple SD Gothic Neo","Malgun Gothic","Noto Sans KR",system-ui,sans-serif;--f-body:"Apple SD Gothic Neo","Malgun Gothic","Noto Sans KR",system-ui,sans-serif}
html:lang(ko) .intl{word-break:keep-all}
/* 料理名の下などの日本語（注文時にスタッフへ見せる用）は日本語書体で */
.intl [lang="ja"]{font-family:"Hiragino Sans","Hiragino Kaku Gothic ProN","Yu Gothic UI","Yu Gothic","Meiryo",sans-serif}

/* ========= トップと同じ部品の調整 ========= */
/* 見出しは日本語より長いので、折り返しを許可して少し小さく（.ln ごとのせり上がり演出はそのまま） */
.intl .hero h1{white-space:normal;font-size:clamp(2rem,4vw,3.6rem)}
.intl .sec-h h2{font-size:clamp(1.8rem,3.8vw,3.2rem)}
.intl .stmt p{font-size:clamp(1.4rem,3.2vw,2.7rem);max-width:24em}
.intl .stmt em{font-style:normal}
.intl .dish .en[lang="ja"]{font-style:normal;font-size:.82rem}
.intl .scene-wrap{padding-top:clamp(56px,8vw,110px)}
.intl ul{list-style:none}
.intl .info-list small{display:block;color:var(--sub);font-size:.84rem;font-weight:400;margin-top:4px}

/* ========= 多言語ページ独自のレイアウト ========= */
.intl-grid2{display:grid;grid-template-columns:1fr 1fr;gap:16px}
.intl-stack{display:grid;gap:16px}
.intl-gap{margin-top:16px}
.intl-menu-top{margin-bottom:16px}
.intl-menu-top .card,.intl-stack .card{min-height:auto}
.intl-more{margin-top:18px}
.intl-more a{color:var(--red);font-weight:700}
@media(max-width:900px){.intl-grid2{grid-template-columns:1fr}}

/* ========= 以下 page-2026.css から移植 ========= */
.dots li{position:relative;padding-left:16px;margin:5px 0;color:var(--sub);font-size:.93rem}
.dots li::before{content:"";position:absolute;left:0;top:.8em;width:6px;height:6px;border-radius:50%;background:var(--red)}
.card.brand .dots li,.card.brand p strong{color:#fff}

/* 価格表 */
.plist{display:grid;gap:12px}
.pl{background:var(--paper);border-radius:20px;padding:4px 26px}
.pl summary{list-style:none;cursor:pointer;display:flex;align-items:center;gap:12px;padding:18px 0;font-family:var(--f-head);font-weight:900;font-size:1.12rem}
.pl summary::-webkit-details-marker{display:none}
.pl summary::after{content:"+";margin-left:auto;font-family:var(--f-latin);font-size:1.5rem;color:var(--red);transition:transform .3s}
.pl[open] summary::after{transform:rotate(45deg)}
.pl .count{font-family:var(--f-body);font-size:.76rem;font-weight:700;background:var(--wood-l);color:var(--sub);padding:3px 10px;border-radius:999px}
.pl ul{display:grid;grid-template-columns:1fr 1fr;column-gap:40px;padding-bottom:16px}
.pl li{display:flex;justify-content:space-between;align-items:flex-start;gap:12px;padding:10px 0;border-top:1px dashed var(--line);font-size:.94rem}
.pl .price{font-family:var(--f-latin);font-weight:700;white-space:nowrap}
.pl .unit{font-family:var(--f-body);font-size:.74rem;font-weight:500;color:var(--sub);margin-right:4px}
.pl .name small{display:block;font-size:.8rem;font-weight:500;color:var(--sub);margin-top:1px}
.pl .name .d{display:block;font-size:.8rem;color:var(--sub)}
@media(max-width:700px){.pl ul{grid-template-columns:1fr}}

/* 定義表（営業時間・支払い） */
.dtable>div{display:grid;grid-template-columns:8.5em 1fr;gap:18px;padding:15px 0;border-top:1px dashed var(--line)}
.dtable>div:first-child{border-top:0;padding-top:2px}
.dtable dt{color:var(--sub);font-size:.86rem;font-weight:700}
.dtable dd{font-size:.95rem;color:var(--ink)}
.dtable dd small{display:block;color:var(--sub);font-size:.84rem;margin-top:2px}
@media(max-width:560px){.dtable>div{grid-template-columns:1fr;gap:2px}}

/* 地図 */
.map{border-radius:var(--r);overflow:hidden;background:var(--wood-l);border:1px solid var(--line);min-height:320px}
.map iframe{display:block;width:100%;height:100%;min-height:clamp(320px,40vw,460px);border:0}

/* FAQ の回答（home.css の .faq に足す） */
.faq summary h3{font:inherit;margin:0}
.faq .faq-a{color:var(--sub);padding-bottom:18px}
.faq .faq-a>*+*{margin-top:8px}
.faq .faq-a p{padding-bottom:0}
.faq .faq-a strong{color:var(--ink)}
.faq .faq-a a{color:var(--red);font-weight:700}
.faq .faq-a li{position:relative;padding-left:16px;margin:4px 0}
.faq .faq-a li::before{content:"";position:absolute;left:0;top:.8em;width:6px;height:6px;border-radius:50%;background:var(--red)}

/* 理念の帯 */
.mission{background:var(--brand);color:var(--cream);text-align:center;padding-block:clamp(64px,9vw,120px)}
.mission .eyebrow{color:#f3d7d3}
.mission h2{font-family:var(--f-head);font-weight:900;font-size:clamp(1.3rem,2.2vw,1.6rem);margin-top:10px;color:#fff}
.mission .m-text{font-family:var(--f-head);font-weight:700;font-size:clamp(1.2rem,2.5vw,1.9rem);line-height:1.85;max-width:26em;margin:20px auto 0;color:#fff}
.mission .m-sub{margin-top:20px;color:#f3d7d3;font-size:.95rem}