/* SUZON : palette ivoire, taupe et beige, septembre 2026 */
:root{--cream:#f8f5ef;--paper:#fffcf7;--wine:#705044;--ink:#302a26;--muted:#685e56;--line:#d7ccbf;--sand:#eee6da;--deep-beige:#c0a88b;--on-beige:#302a26;--taupe:#875c51}
body{font-size:16px;line-height:1.75}h1,h2,h3{color:var(--ink)}h1 em,h2 em{color:var(--taupe)}p{max-width:70ch}.topline{background:var(--sand);color:var(--ink);font-size:12px;letter-spacing:.1em;padding:8px 20px}.header{padding:20px 4%;gap:22px}.header nav{gap:22px;font-size:14px}.nav-faq{display:none}.brand span{font-size:10px}.header-book{white-space:nowrap}.button{background:var(--taupe);border-color:var(--taupe);color:var(--paper);font-size:15px;min-height:48px;gap:24px}.button:hover{background:#714b40;border-color:#714b40;transform:translateY(-1px)}.button.small{font-size:14px;padding:12px 20px}.button.outline{border-color:var(--wine);color:var(--wine);background:transparent}.button.outline:hover{background:var(--sand)}.eyebrow{font-size:12px;letter-spacing:.11em;text-transform:none;font-weight:600}.hero-copy{padding-top:60px}.hero .eyebrow{letter-spacing:.04em;font-size:14px}.hero h1{font-size:clamp(52px,5.1vw,78px)}.intro{max-width:410px;font-size:17px;line-height:1.8;margin-bottom:30px}.hero-bottom{font-size:12px;padding-top:35px;gap:20px}.hero-photo figcaption{font-size:12px;letter-spacing:.13em}.photo-stamp{color:var(--ink)}.ribbon{font-size:23px;min-height:78px}.section{padding:85px 8%}.salon{gap:9%;padding-top:95px;padding-bottom:90px}.salon-image img{height:415px}.image-caption{font-size:12px;letter-spacing:.09em}.salon-copy p:not(.eyebrow){font-size:17px}.section-heading>p{font-size:16px}.services{background:var(--sand)}.service{min-height:267px;padding:26px 22px 26px 0}.service h3{font-size:27px;line-height:1.25}.service p{font-size:16px}.service-num{font-size:13px;margin-bottom:25px}.service-bottom{font-size:14px;line-height:1.5}.price-note{font-size:13px}.consultation p:not(.eyebrow){font-size:16px}.text-link{font-size:15px;white-space:normal}.gallery{background:var(--paper)}.reel-info h3{font-size:24px}.reel-info a{font-size:12px}.reel-badge{font-size:11px;background:rgba(248,245,239,.94);color:var(--ink);letter-spacing:.06em}.embed-note{font-size:13px}.pause{background:var(--taupe)}.pause>img{height:440px}.pause>div{padding:48px 12%}.pause h2{font-size:clamp(35px,3.3vw,49px);line-height:1.17}.pause p:last-child{font-size:16px;line-height:1.8}.light-link{display:block;width:fit-content;color:var(--paper);border-bottom:1px solid #ffffff88;padding:8px 0;margin-top:15px;font-size:15px}.review-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:22px;align-items:start}.review,.google-testimonial{grid-column:auto;margin:0;padding:28px;min-height:340px;background:var(--paper);border:1px solid var(--line)}.review blockquote,.google-testimonial blockquote{font-size:23px;line-height:1.5;margin-bottom:20px}.featured-review{background:var(--taupe);border-color:var(--taupe)}.featured-review blockquote,.featured-review figcaption,.featured-review small,.featured-review .quote-mark{color:var(--paper)}.quote-mark{font-size:50px}.review figcaption{padding-top:22px;font-size:14px}.review figcaption a,.google-testimonial small{font-size:12px;line-height:1.6}.review-details{margin:0 0 10px}.review-details summary{font-family:Arial,sans-serif;font-size:14px;text-decoration:underline;text-underline-offset:5px;cursor:pointer;min-height:44px;padding:9px 0}.review-details .full-review{font-size:16px;line-height:1.8;margin:14px 0 0}.when-open{display:none}details[open] .when-open{display:inline}details[open] .when-closed{display:none}.featured-review .full-review,.featured-review summary{color:var(--paper)}.google-card{grid-column:1/-1;display:grid;grid-template-columns:1fr 1fr auto;gap:16px 35px;align-items:center;padding:28px 32px;background:var(--sand)}.google-card>.eyebrow{display:none}.google-card h3{font-size:29px;margin:0}.google-card .google-rating{grid-column:1;margin:0}.google-card>p{grid-column:2;grid-row:1/3;font-size:16px;margin:0}.google-card>.button{grid-column:3;grid-row:1/3;margin:0}.google-rating strong{font-size:43px}.google-rating small,.rating small{font-size:12px}.rating a{font-size:14px}.rating strong{font-size:46px}.instagram{padding:38px 8%}.instagram h2{font-size:32px}.faq-section{display:grid;grid-template-columns:.85fr 1.15fr;gap:8%;border-bottom:1px solid var(--line)}.faq-section h2{font-size:45px}.faq-section>div>p{font-size:16px}.faq-list details{border-top:1px solid var(--line)}.faq-list details:last-child{border-bottom:1px solid var(--line)}.faq-list summary{cursor:pointer;font-size:17px;line-height:1.5;padding:20px 25px 20px 0;font-weight:500}.faq-list details>div{font-size:16px;line-height:1.8;padding:0 0 22px;color:var(--muted)}.faq-list a{text-decoration:underline;text-underline-offset:3px}.contact{gap:10%}.contact-email{margin:-6px 0 25px;font-size:16px;overflow-wrap:anywhere}.contact-email a{text-decoration:underline;text-underline-offset:4px}.hours dl div{font-size:16px;padding:9px 0}.hours p{font-size:14px}.phone{font-size:29px}footer{background:var(--sand);color:var(--ink)}.footer-logo{font-size:clamp(100px,19vw,270px);padding-top:15px}.footer-bottom{font-size:12px;color:var(--muted);gap:16px}.footer-bottom>span:first-child{letter-spacing:.06em}.source-button{font-size:13px;min-height:32px;display:inline-flex;align-items:center}dialog p{font-size:16px}dialog .eyebrow{font-size:12px}#reel-dialog>p{font-size:14px}.mobile-booking{display:none}.breadcrumb{padding:25px 8%;display:flex;align-items:center;gap:14px;font-size:13px;color:var(--muted);flex-wrap:wrap}.breadcrumb a{text-decoration:underline}.detail-hero{display:grid;grid-template-columns:1fr .85fr;gap:8%;padding:28px 8% 70px;align-items:center}.detail-hero h1{font-size:clamp(44px,4.8vw,69px);line-height:1.1}.detail-hero>div>p:not(.eyebrow){font-size:18px;max-width:490px;margin-bottom:28px}.detail-hero figure{margin:0}.detail-hero img{height:500px;object-position:center 38%}.detail-hero figcaption{font-size:12px;margin-top:12px;color:var(--muted)}.detail-copy{display:grid;grid-template-columns:.85fr 1.15fr;gap:8%;border-top:1px solid var(--line)}.detail-copy h2{font-size:43px}.detail-copy h3{font-size:29px}.detail-copy p{font-size:17px;color:var(--muted)}.explain-list article+article{padding-top:23px;margin-top:26px;border-top:1px solid var(--line)}.journey{background:var(--sand)}.journey h2{font-size:43px}.steps{display:grid;grid-template-columns:repeat(3,1fr);gap:36px;list-style:none;padding:0;margin:38px 0 0;counter-reset:step}.steps li{counter-increment:step;padding-top:22px;border-top:1px solid #b5a38d}.steps li:before{content:'0' counter(step);font-size:13px;display:block;color:var(--wine);margin-bottom:17px}.steps h3{font-size:26px}.steps p{font-size:16px;color:var(--muted)}.detail-note{font-size:14px;margin-top:28px}.detail-note a{text-decoration:underline}.service-cta{text-align:center;background:var(--paper);border-top:1px solid var(--line)}.service-cta>p{margin-left:auto;margin-right:auto}.service-cta .button{margin-top:14px}.service-cta h2{font-size:48px}.legal-page h1{font-size:52px}.legal-page .eyebrow{font-size:12px}.legal-footer{font-size:14px}
@media(max-width:1150px){.header nav{gap:14px;font-size:13px}.button.small{padding:10px 13px;font-size:13px}.header{gap:15px}.service-grid{grid-template-columns:repeat(2,1fr)}.review-grid{gap:15px}.review{padding:23px}.google-card{grid-template-columns:1fr 1fr}.google-card>p{grid-column:2;grid-row:1/3}.google-card>.button{grid-column:1/-1;grid-row:3;justify-self:start}.detail-hero h1{font-size:51px}}
@media(max-width:900px){.header-book{display:none}.hero-bottom{flex-direction:column;gap:5px}.hero h1{font-size:57px}.hero-copy{padding-top:45px;padding-bottom:26px}.review-grid{grid-template-columns:1fr 1fr}.review-grid>.review:last-of-type{grid-column:1/-1;min-height:0}.faq-section{grid-template-columns:1fr;gap:25px}.contact{gap:5%}.detail-hero{gap:5%;padding-left:6%;padding-right:6%}.detail-hero h1{font-size:43px}.detail-hero img{height:440px}.steps{gap:22px}.section{padding:70px 6%}}
@media(max-width:760px){html{scroll-padding-bottom:95px}body{padding-bottom:calc(82px + env(safe-area-inset-bottom,0px))}.topline{font-size:12px;letter-spacing:.035em;padding:8px 14px}.header{padding:18px 7%}.header nav{font-size:16px;gap:2px}.header nav a{padding:10px 0;min-height:44px}.header nav .nav-faq{display:block}.brand span{font-size:10px}.hero-copy{padding:38px 7% 25px}.hero h1{font-size:clamp(45px,11.5vw,67px)}.hero .eyebrow{font-size:13px;margin-bottom:18px}.hero .intro{font-size:16px;line-height:1.75;margin-bottom:25px}.hero-bottom{flex-direction:row;gap:14px;font-size:12px;padding-top:0;margin-top:25px;flex-wrap:wrap}.hero-photo{min-height:360px}.hero-photo figcaption{font-size:12px;letter-spacing:.04em;max-width:48%}.ribbon{font-size:17px;gap:12px;padding:18px 7%}.section{padding:56px 7%}.eyebrow{font-size:12px}.salon{gap:27px}.salon-copy p:not(.eyebrow){font-size:16px}.salon-image img{height:330px}.image-caption{font-size:12px}.section-heading{margin-bottom:30px}.section-heading h2,h2{font-size:39px}.service-grid{gap:0}.service{padding:22px 15px!important;min-height:285px}.service h3{font-size:25px}.service p{font-size:15px}.service-bottom{font-size:13px}.price-note{font-size:13px;margin-top:18px}.consultation h3{font-size:28px}.consultation p:not(.eyebrow){font-size:16px}.gallery .text-link{font-size:15px}.reel-grid{gap:22px 14px}.reel-info h3{font-size:22px}.reel-info a{font-size:12px}.reel-badge{font-size:10px;padding:5px}.reel-info{padding:13px 0}.pause>img{height:300px}.pause>div{padding:40px 7%}.pause h2{font-size:36px}.pause p:last-child{font-size:16px}.review-grid{grid-template-columns:1fr}.review,.google-testimonial{padding:26px;min-height:0}.review blockquote,.google-testimonial blockquote{font-size:23px;line-height:1.5}.review figcaption{padding-top:14px}.google-card{display:block;padding:26px}.google-card h3{margin-bottom:18px}.google-card .google-rating{margin-bottom:20px}.google-card>p{margin-bottom:20px}.review-details .full-review{font-size:16px}.rating small{font-size:12px}.instagram{padding:35px 7%;gap:22px}.instagram h2{font-size:29px}.instagram>a{font-size:25px}.faq-section h2{font-size:38px}.faq-list summary{font-size:16px;min-height:60px}.faq-list details>div{font-size:16px}.hours h3{font-size:28px}.hours dl div{font-size:16px}.footer-logo{font-size:27vw}.footer-bottom{gap:14px}.source-button{font-size:14px}.mobile-booking{display:flex;position:fixed;inset:auto 0 0;align-items:center;gap:14px;background:rgba(248,245,239,.97);backdrop-filter:blur(12px);border-top:1px solid var(--line);padding:12px 6% calc(12px + env(safe-area-inset-bottom,0px));z-index:20;box-shadow:0 -4px 20px #302a2609}.mobile-booking .button{flex:1;min-height:49px;font-size:14px;gap:13px;padding:12px 14px;white-space:nowrap}.mobile-call{font-size:14px;min-height:48px;display:flex;align-items:center;padding-right:10px}.breadcrumb{padding:22px 7%;font-size:12px;gap:10px}.detail-hero{grid-template-columns:1fr;padding:20px 7% 45px;gap:32px}.detail-hero h1{font-size:45px}.detail-hero>div>p:not(.eyebrow){font-size:17px}.detail-hero img{height:400px}.detail-copy{grid-template-columns:1fr;gap:24px}.detail-copy h2,.journey h2{font-size:37px}.detail-copy p{font-size:16px}.detail-copy h3{font-size:28px}.steps{grid-template-columns:1fr;gap:22px;margin-top:25px}.steps h3{font-size:26px}.detail-note{font-size:14px}.service-cta h2{font-size:40px}.legal-page h1{font-size:41px}.legal-page h2{font-size:29px}}
@media(max-width:360px){.service-grid{grid-template-columns:1fr}.service+.service{border-left:0;border-top:1px solid var(--line)}.service{min-height:0}.mobile-booking{padding-left:4%;padding-right:4%;gap:6px}.mobile-booking .button{font-size:13px}.hero h1{font-size:43px}.reel-grid{grid-template-columns:1fr 1fr}.reel-info h3{font-size:21px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}.button,.reel-cover img{transition:none}}
/* Pied de page compact, sans logotype */
footer.site-footer{padding:44px 6% 22px;background:#eee6da;color:var(--ink);text-align:left}
.site-footer .footer-grid{display:grid;grid-template-columns:1.2fr 1fr 1fr;gap:32px;padding-bottom:30px}
.site-footer .footer-heading{font-family:inherit;font-size:14px;font-weight:600;line-height:1.5;margin:0 0 14px;color:var(--wine)}
.site-footer .footer-note p:not(.footer-heading){font-size:14px;margin:0 0 6px;line-height:1.6}
.site-footer nav>a,.site-footer .footer-note>a{display:block;font-size:14px;line-height:1.6;padding:5px 0;width:fit-content;color:var(--ink)}
.site-footer a:hover,.site-footer button:hover{text-decoration:underline;text-underline-offset:4px}
.site-footer .footer-meta{display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;gap:12px 28px;border-top:1px solid var(--line);padding-top:18px;font-size:12px;color:var(--muted)}
.site-footer .footer-meta nav{display:flex;flex-wrap:wrap;gap:8px 24px;align-items:center}
.site-footer .footer-meta a,.site-footer .footer-meta button{font-family:inherit;font-size:13px;font-weight:400;line-height:1.6;color:var(--muted);padding:6px 0;background:none;border:0;margin:0;cursor:pointer}
.site-footer a:focus-visible,.site-footer button:focus-visible{outline:2px solid var(--taupe);outline-offset:4px}
@media(max-width:760px){footer.site-footer{padding:32px 7% 22px}.site-footer .footer-grid{grid-template-columns:1fr 1fr;gap:24px}.site-footer .footer-note{grid-column:1/-1}.site-footer .footer-meta{align-items:flex-start;flex-direction:column}.site-footer .footer-meta nav{gap:4px 18px}.site-footer nav>a{min-height:40px}}
@media(max-width:420px){.site-footer .footer-grid{grid-template-columns:1fr}.site-footer .footer-heading{margin-bottom:8px}}

/* Navigation persistante et compacte */
html{scroll-padding-top:calc(var(--sticky-header-height,110px) + 18px)}
.header{position:sticky;top:0;z-index:30;background:rgba(248,245,239,.96);backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px);transition:background .2s,box-shadow .2s}
.header.is-compact{padding-top:10px;padding-bottom:10px;background:rgba(248,245,239,.94);box-shadow:0 4px 18px #302a260a}
.header.is-compact .brand{font-size:36px;line-height:1}
.header.is-compact .brand span{font-size:9px;margin-top:6px}
.header nav a:focus-visible,.header button:focus-visible{outline:2px solid var(--taupe);outline-offset:4px}
@media(min-width:761px) and (max-width:1050px){.header{flex-wrap:wrap}.header .brand{margin-right:auto}.header .menu-toggle{display:flex;align-items:center;gap:10px;border:1px solid var(--line);background:none;color:var(--wine);padding:10px 14px;font-size:14px;min-height:44px}.header .header-book{display:inline-flex}.header #navigation{display:none;order:4;width:100%;flex-direction:column;align-items:stretch;gap:0;font-size:16px}.header #navigation.open{display:flex}.header #navigation a{padding:10px 0}.header #navigation .nav-faq{display:block}}
@media(max-width:1050px){.header #navigation.open{max-height:calc(100dvh - 190px);overflow-y:auto;overscroll-behavior:contain}}
@media(max-width:760px){.header{padding-top:12px;padding-bottom:12px}.header.is-compact{padding-top:8px;padding-bottom:8px}.header.is-compact .brand{font-size:32px}.header .menu-toggle{min-height:44px}.header #navigation.open{max-height:calc(100dvh - 180px)}}

/* Signature sous le logo */
.header .brand{flex-shrink:0}
.header .brand .brand-signature,.header.is-compact .brand .brand-signature{display:block;font-family:Arial,sans-serif;font-size:12px;line-height:1.55;letter-spacing:.055em;font-weight:400;margin-top:9px;white-space:normal}
.header.is-compact .brand .brand-signature{margin-top:5px}
@media(min-width:1051px) and (max-width:1250px){.header{gap:12px;padding-left:3%;padding-right:3%}.header nav{gap:12px}.header .button.small{padding-left:12px;padding-right:12px;gap:10px}}
@media(max-width:760px){.header{gap:12px}.header .brand .brand-signature,.header.is-compact .brand .brand-signature{font-size:12px;letter-spacing:0;line-height:1.4}.header .menu-toggle{padding:8px 10px}}

/* Menu déplié : liens regroupés et zones tactiles confortables */
@media(max-width:1050px){
 .header #navigation.open{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:0 24px;padding:12px 0 4px;margin:0;border-top:1px solid var(--line);align-items:start}
 .header #navigation.open a{display:flex;align-items:center;min-height:44px;padding:8px 0;line-height:1.5;margin:0;font-size:15px}
 .header #navigation.open .nav-faq{display:flex}
 .header #navigation.open a:hover{color:var(--taupe)}
}
@media(max-width:520px){
 .header #navigation.open{grid-template-columns:1fr;gap:0;padding-top:8px}
 .header #navigation.open a{padding:6px 0;min-height:44px}
}

/* FAQ resserrée et pied de page minimal */
.faq-list summary{padding:10px 20px 10px 0;min-height:44px;line-height:1.5}
.faq-list details>div{padding-bottom:14px}
footer.site-footer{padding:18px 6%}
.site-footer .footer-meta{border-top:0;padding-top:0}
@media(max-width:760px){.faq-list summary{padding:9px 16px 9px 0;min-height:44px}footer.site-footer{padding:18px 7%}}