/* 高階・左右分割：電腦上左半邊是一張固定不動的大照片（店名壓在上面），右半邊內容往下捲；手機上照片在最上面。 */
.s-split { --bg: #f7f5f1; --bg2: #efebe4; --fg: #22201c; --muted: #6f6a61; --line: #ddd7cc; --accent: #6b5a43; --on-accent: #fff; --card: #fff;
  --radius: 2px; --radius-btn: 2px; --font-head: var(--serif); --h1: clamp(2.2rem, 5vw, 3.6rem); }
.split { display: grid; }
.split-pic { position: relative; min-height: 70svh; background: #3a342b var(--hero) center / cover no-repeat; display: flex; align-items: flex-end; color: #fff; }
.split-pic::before { content: ""; position: absolute; inset: 0; background: linear-gradient(180deg, transparent 40%, rgba(0,0,0,.65)); }
.split-cap { position: relative; padding: clamp(24px, 5vw, 56px); }
.split-cap .hero-en { color: rgba(255,255,255,.8); letter-spacing: .4em; }
.split-cap h1 { font-size: var(--h1); }
.split-body { padding: clamp(28px, 5vw, 64px) clamp(20px, 5vw, 72px); }
.split-nav { position: sticky; top: 0; z-index: 5; background: var(--bg); padding: 14px 0; border-bottom: 1px solid var(--line); margin-bottom: 28px; }
.split-nav a { display: inline !important; }
.split-lede { font-size: 1.15rem; max-width: 30em; }
.split-body .wrap { width: auto; }
.split-body .sec { padding-block: clamp(44px, 6vw, 72px); border-top: 1px solid var(--line); }
.split-body .notice { margin-top: 24px; padding: 12px 16px; display: flex; gap: 12px; }
.split-body .pics { grid-template-columns: repeat(auto-fill, minmax(min(200px, 100%), 1fr)); }
@media (min-width: 960px) {
  .split { grid-template-columns: 46% 1fr; }
  .split-pic { position: sticky; top: 0; height: 100vh; min-height: 0; }
  .demo-flag + .split .split-pic { height: calc(100vh - 37px); top: 0; }
}
.s-split .sec-h { font-size: clamp(1.4rem, 2.6vw, 1.9rem); display: flex; gap: 14px; align-items: center; }
.s-split .sec-h::before { content: ""; width: 28px; height: 1px; background: var(--accent); }
.s-split .price-tb th { font-weight: 500; }
.s-split .price-tb td { color: var(--accent); }
.s-split .foot { margin-left: 0; }
@media (min-width: 960px) { .s-split .foot { margin-left: 46%; } }