/* 1164: Facial massage course. Reuses the Seishin/SEDEB visual design. */
/* Scoped to the facial massage page; member/API screens are unchanged. */
body.face-1164-page{--sc27-accent:#876324;--sc27-header-height:130px;background:#faf8f2}
.sf1164-main{padding-top:24px}.sf1164-breadcrumb{display:flex;align-items:center;gap:12px;flex-wrap:wrap;margin:0 0 24px;font:14px/1.6 Arial,Helvetica,sans-serif;color:#65716b}.sf1164-breadcrumb a{text-underline-offset:4px}
.sf1164-description{min-width:0}.sf1164-description section[id],#sf1164-instructors{scroll-margin-top:150px}
.sf1164-description h1,.sf1164-description h2,.sf1164-ending h2{font-family:Georgia,'Times New Roman',serif;font-weight:400;letter-spacing:-.025em}
.sf1164-description h3{font-family:Arial,Helvetica,sans-serif;letter-spacing:0}
.sf1164-description [style*="display:grid"]>*,.sf1164-description article{min-width:0;overflow-wrap:break-word}
.sf1164-description a:focus-visible,.sf1164-ending a:focus-visible,.sf1164-faq summary:focus-visible{outline:3px solid #b88939;outline-offset:4px}
.sf1164-photo picture{display:block}.sf1164 .sf1164-photo img{object-fit:contain;object-position:center;width:100%;height:auto}
.sf1164-ending{padding-bottom:48px}.sf1164-faq details{border-bottom:1px solid #d9e1d7}.sf1164-faq summary{cursor:pointer;position:relative;padding:20px 30px 20px 0;font-weight:700;font-size:17px;line-height:1.5;color:#193e35;list-style:none}.sf1164-faq summary::-webkit-details-marker{display:none}.sf1164-faq summary::after{content:'+';position:absolute;right:4px;font-size:24px;top:15px}.sf1164-faq details[open] summary::after{content:'\2212'}.sf1164-faq details>p{font-size:17px;line-height:1.75;padding:0 26px 12px 0;color:#465d56}
.sf1164-mobile-call{display:none}.sf1164-language-notice{padding:48px 0}
@media(max-width:760px){.sf1164-main{padding-top:16px}.sf1164-breadcrumb{font-size:12px;margin-bottom:18px}.sf1164-description .sf1164-hero{padding:24px!important;border-radius:18px!important}.sf1164-description h1{font-size:34px!important}.sf1164-description .sf1164-hero>p:nth-of-type(1){font-size:24px!important}.sf1164-description .sf1164-hero>p{font-size:16px!important}.sf1164-description .sf1164-hero>p:first-child{font-size:11px!important}.sf1164-description .sf1164-hero>div:not(.sf1164-brand){display:grid!important;grid-template-columns:1fr}.sf1164-description .sf1164-hero a{text-align:center;font-size:15px!important;padding:15px 16px!important}.sf1164-description section{margin-top:36px!important}.sf1164-badges{grid-template-columns:1fr 1fr!important;gap:8px!important}.sf1164-badges>p{font-size:13px!important;padding:12px 10px!important}.sf1164 .sc27-instructor-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.sf1164-mobile-call{display:block;position:fixed;left:0;right:0;bottom:0;z-index:55;background:#faf8f2f5;padding:9px 18px calc(9px + env(safe-area-inset-bottom));border-top:1px solid #d9e1d7}.sf1164-mobile-call a{display:flex;justify-content:space-between;align-items:center;gap:12px;min-height:46px;padding:10px 14px;background:#193e35;color:#ffffff;border-radius:8px;text-decoration:none;font-size:13px;font-weight:700;line-height:1.4}.sf1164-mobile-call a span{white-space:nowrap}.face-1164-page{padding-bottom:calc(70px + env(safe-area-inset-bottom))}.sf1164-faq summary{font-size:16px}.sf1164-ending{padding-bottom:30px}}
@media(max-width:380px){.sf1164 .shell{width:calc(100% - 28px)}.sf1164-description .sf1164-hero{padding:20px!important}.sf1164-description h1{font-size:30px!important}.sf1164 .sc27-instructor-grid{grid-template-columns:1fr}.sf1164-mobile-call a{font-size:12px;gap:8px;padding-inline:10px}}
@media(prefers-reduced-motion:reduce){.sf1164 *{scroll-behavior:auto!important;transition:none!important}}
@media print{.sf1164-mobile-call,.site-header,.site-footer{display:none!important}.sf1164 details>p{display:block}.sf1164 .shell{width:100%}.face-1164-page{padding-bottom:0}.sf1164 article,.sc27-instructor-card{break-inside:avoid}}

/* 1166: Keep all reference people visible in a portrait beside the course offer. */
.sf1164-hero-layout{display:grid;grid-template-columns:minmax(0,1.12fr) minmax(0,.88fr);gap:24px;align-items:start}
.sf1164-hero-layout>*{min-width:0}.sf1164-hero-layout .sf1164-hero{padding:32px!important}
.sf1164-hero-layout .sf1164-hero h1,.sf1164-hero-layout .sf1164-hero h2{font-size:clamp(32px,3.5vw,46px)!important}
.sf1164-hero-layout .sf1164-hero>p:nth-of-type(1){font-size:clamp(22px,2.2vw,28px)!important;line-height:1.35}
.sf1164-brand{display:flex;align-items:center;justify-content:space-between;gap:16px;margin-bottom:22px}
.sf1164-logo-tile{display:block;flex:0 0 72px;padding:5px;background:#fffaf4;border-radius:12px}
.sf1164-logo-tile img{display:block;width:100%;height:auto}.sf1164-phone-line{display:block;margin-top:4px;font-size:14px;font-weight:400}
.sf1164-description .sf1164-photo img{width:100%;height:auto;aspect-ratio:1122/1402;object-fit:contain}
.sf1164-mid-cta{display:flex;align-items:center;justify-content:space-between;gap:24px}.sf1164-mid-cta>a{flex-shrink:0;text-align:center}
.sf1164-description a[href^="tel:"]{overflow-wrap:anywhere}
.sf1164 .sc27-instructor-card{display:flex;min-width:0}.sf1164 .sc27-instructor-card>div{min-width:0}.sf1164 .sc27-instructor-card h3,.sf1164 .sc27-instructor-card p,.sf1164 .sc27-instructor-card span{overflow-wrap:anywhere;max-width:100%}
@media(min-width:961px) and (max-width:1360px){.face-1164-page .site-header .header-inner{gap:12px!important}.face-1164-page .site-header .site-nav{display:flex!important;flex:1 1 auto!important;min-width:0!important;flex-wrap:wrap!important;justify-content:center!important;white-space:normal!important}.face-1164-page .site-header .header-cta{flex:0 0 auto!important}.sf1164-description section[id],#sf1164-instructors{scroll-margin-top:250px}}
@media(max-width:1000px){.sf1164-hero-layout{grid-template-columns:minmax(0,1fr) minmax(0,.85fr);gap:18px}.sf1164-hero-layout .sf1164-hero{padding:24px!important}.sf1164-hero-layout .sf1164-hero h1{font-size:34px!important}}
@media(max-width:760px){.sf1164-hero-layout{grid-template-columns:1fr}.sf1164-brand{display:flex!important;flex-direction:row!important;grid-template-columns:none!important}.sf1164-brand p{font-size:11px}.sf1164-logo-tile{flex-basis:60px}.sf1164-hero-layout .sf1164-hero>p:nth-of-type(1){font-size:24px!important}.sf1164-hero-layout .sf1164-hero>p{font-size:16px!important}.sf1164-mid-cta{display:block}.sf1164-mid-cta>a{display:block!important;margin-top:20px}.sf1164-mobile-call a{flex-wrap:wrap}.sf1164-description .sf1164-photo{max-width:520px;margin-inline:auto!important}}
@media(max-width:380px){.sf1164-hero-layout .sf1164-hero{padding:20px!important}.sf1164-hero-layout .sf1164-hero h1{font-size:30px!important}.sf1164-brand{gap:10px}}
