/* 店舗ごとのサロンのページを /hairsalon の C 案に合わせる（2026-10-02）
   文と訳の鍵はそのまま 見た目だけ替える。印は scripts/salon_store_c.py が付ける */
body.sc{background:#F2F1EE;overflow-x:clip}
.sc header.sticky{background:rgba(242,241,238,.94)!important}
.sc .font-serif,.sc h1,.sc h2{font-family:"Shippori Mincho","Noto Serif JP",serif!important}
.sc h2{font-weight:400!important;word-break:keep-all;overflow-wrap:anywhere}
.sc .text-gold{color:#8E5F36!important}
.sc a:focus-visible{outline:2px solid #D2A57A;outline-offset:3px}

/* 写真の見出し（画面いっぱい） */
.sc-hero{position:relative;margin:28px calc(50% - 50vw) 0;padding:clamp(120px,22vw,220px) max(20px, calc(50vw - 50%)) 56px;min-height:440px;display:flex;flex-direction:column;justify-content:flex-end;overflow:hidden;color:#fff}
.sc-hero-bg,.sc-hero-bg img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}
.sc-hero::after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,rgba(14,16,19,.15) 0%,rgba(14,16,19,.55) 45%,rgba(14,16,19,.85) 100%)}
.sc-hero>*:not(.sc-hero-bg){position:relative;z-index:1}
.sc-hero h1{word-break:keep-all;margin-top:0!important;color:#fff!important;font-weight:400!important;font-size:clamp(23px,6.4vw,46px)!important;line-height:1.4!important}
.sc-hero h1 .text-gold{color:#D2A57A!important;font-family:"Cormorant Garamond",serif;letter-spacing:.24em}
.sc-hero p{color:#E3DED7!important}
.sc-hero .chips span{background:rgba(255,255,255,.12)!important;border-color:rgba(255,255,255,.35)!important;color:#fff!important}

/* 予約のボタンは銅 */
.sc a[data-track-click^="salon_reserve"]{background:#D2A57A!important;color:#0E1013!important;border-radius:0!important}
.sc a[data-track-click^="salon_reserve"]:hover{background:#E0B78F!important;opacity:1!important}

/* 落ち着いた帯（当日の流れ） */
.sc-dark{margin-inline:calc(50% - 50vw)!important;padding:72px max(20px, calc(50vw - 50%))!important;background:#15181C;color:#E9E6E1}
.sc-dark h2,.sc-dark .text-ink,.sc-dark .font-serif{color:#fff!important}
.sc-dark [class*="text-charcoal"]{color:#C9C4BC!important}
.sc-dark .text-gold{color:#D2A57A!important}
.sc-dark .bg-cream{background:#1C2025!important;border-color:#2A2D31!important}

/* 明るい帯（場所と営業時間） */
.sc-light{margin-inline:calc(50% - 50vw)!important;padding:64px max(20px, calc(50vw - 50%))!important;background:#fff}

/* 販売のみの案内 */
.sc section[style*="F6F1EA"]{background:#fff!important;border-top:1px solid #8E5F36;border-radius:0!important}
.sc .rounded-\[12px\]{border-radius:0!important}