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

/* 写真の見出し（画面いっぱい） */
html body.stc .st-hero{aspect-ratio:auto!important;height:auto!important;max-height:none!important;position:relative;margin:0 calc(50% - 50vw)!important;border:0!important;border-radius:0!important;box-shadow:none!important;min-height:520px;display:flex;align-items:flex-end}
html body.stc .st-hero picture,html body.stc .st-hero picture img{position:absolute;inset:0;width:100%!important;height:100%!important;aspect-ratio:auto!important;object-fit:cover}
html body.stc .st-hero>div.absolute{display:block!important;background:linear-gradient(180deg,rgba(14,16,19,.1) 0%,rgba(14,16,19,.55) 50%,rgba(14,16,19,.86) 100%)!important}
html body.stc .st-hero>div.stc-copy{display:block!important}
.stc-copy{position:relative;z-index:1;width:100%;padding:140px max(20px,calc((100% - 720px)/2)) 44px;color:#fff}
.stc-city{font-family:"Cormorant Garamond",serif;font-size:14px;letter-spacing:.3em;color:#D2A57A;margin:0 0 12px}
html body.stc .stc-copy h1{margin-top:0!important;color:#fff!important;font-weight:400!important;font-size:clamp(26px,5vw,42px)!important}
html body.stc .stc-copy h1 span{color:#E3DED7!important}
html body.stc .stc-copy h1 span[style*="B8945A"]{background:#D2A57A!important;color:#0E1013!important;border-radius:0!important}
html body.stc .stc-copy .st-lead{color:#E3DED7!important;margin-top:14px!important}

/* 情報と操作 */
html body.stc .st-facts{background:#fff;border-radius:0!important}
html body.stc .st-actions a{border-radius:0!important}
html body.stc .st-actions>a:first-child,html body.stc .st-actions>a:first-child:nth-last-child(3){background:#D2A57A!important;color:#0E1013!important;box-shadow:none!important}
html body.stc .st-actions a:first-child span{color:#0E1013!important}
html body.stc .rounded-full,html body.stc .rounded-\[4px\],html body.stc .rounded-\[6px\],html body.stc .rounded-\[10px\]{border-radius:0!important}

/* 髪格診断の案内 → 落ち着いた帯 */
html body.stc .st-finder{margin-inline:calc(50% - 50vw)!important;padding:72px max(20px,calc(50vw - 50%))!important;background:#15181C!important;border:0!important;border-radius:0!important;color:#E9E6E1}
html body.stc .st-finder .text-ink,html body.stc .st-finder h2,html body.stc .st-finder h3,html body.stc .st-finder .font-serif{color:#fff!important}
html body.stc .st-finder [class*="text-charcoal"],html body.stc .st-finder h3+p{color:#C9C4BC!important}
html body.stc .st-finder a{border-radius:0!important}
html body.stc .st-finder a{background:#D2A57A!important;color:#0E1013!important}
html body.stc .stc-copy h1 .rounded-full{border-bottom:0!important;padding:2px 8px!important}
html body.stc .stc-copy .st-name>span:last-child{color:#E3DED7!important}