/* Pages Ads : composants de site.css, adaptations limitées au gabarit réponse. */
.reponse-page{background:#fbf6ee}
.reponse-page .hero-header{top:0}
.skip-link{position:absolute;top:-80px;left:16px;z-index:10000;background:#fff4e4;padding:12px 20px;border-radius:30px}
.skip-link:focus{top:12px}
.answer-hero{position:relative;isolation:isolate;overflow:hidden;background:#25160d;color:#fff7e8;min-height:680px;display:flex;align-items:flex-end}
.answer-hero-image{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:center 38%;z-index:-2}
.answer-hero:after{content:"";position:absolute;inset:0;z-index:-1;background:linear-gradient(0deg,#160c06 0%,#160c06ed 28%,#160c0670 64%,#160c0620 78%,#160c0650)}
.reponse-page .answer-hero-copy{margin:0;padding:260px 24px 34px;max-width:none;width:100%}
.reponse-page .answer-hero h1{font-size:34px;line-height:1.09;letter-spacing:-1.2px;font-weight:500;margin:0 0 24px;max-width:22ch;text-wrap:balance}
.reponse-page .answer-hero .eyebrow{font-size:10px;letter-spacing:1.7px;text-transform:uppercase;margin:0 0 14px;color:#ead3b4}
.reponse-page .answer-hero .cta{font-size:14px;min-height:54px;max-width:390px}
.reponse-page .answer-hero .cta-note{font-size:12px;text-align:center;margin:10px 0 0;max-width:390px;color:#edddc7}
.reponse-page .answer-hero .google-rating{font-size:12px;gap:6px;margin:18px 0 0;justify-content:center;max-width:390px;width:100%}
.reponse-page .answer-hero h1:has(+.hero-sous-titre){margin-bottom:16px}
.hero-sous-titre{font-size:16px;line-height:1.5;color:#f1e2cc;max-width:40ch;margin:0 0 20px}
.garanties{list-style:none;display:flex;flex-wrap:wrap;gap:8px;padding:0;margin:0 0 22px}
.garanties li{font-size:13px;font-weight:500;padding:7px 14px;border-radius:30px;background:#fff4e41f;border:1px solid #ead3b480;color:#fff7e8}
.encart{margin:30px 0 0;padding:22px 22px 18px;background:#f0e5d5;border:1px solid #e6d7c2;border-left:4px solid #9a6139;border-radius:12px;max-width:940px;font-size:15px;line-height:1.6}
.encart ul{margin:0 0 14px;padding-left:18px;display:grid;gap:8px}
.encart-titre{font-weight:500;margin:0 0 12px}
.encart-source{font-size:12px;color:#71573f;margin:0}
.encart a{text-underline-offset:3px}
mark.a-valider{background:#ffe08a;color:#2c190e;padding:0 3px;border-radius:3px;box-decoration-break:clone;-webkit-box-decoration-break:clone}
.clients-label{text-align:center;font-size:11px;letter-spacing:2px;text-transform:uppercase;color:#745338;margin:0 0 16px}
.reponse-page .client-track{animation:none}
.reponse-page .client-set[aria-hidden="true"],.reponse-page .client-pause{display:none}
.reponse-page .client-window{overflow-x:auto;scrollbar-width:thin;scrollbar-color:#cbb79d transparent;padding-bottom:8px}
.reponse-page .client-window:focus-visible{outline:2px solid #9a6139;outline-offset:-2px}
.answer-content{max-width:1160px;margin:0 auto;padding:28px 24px 0}
.fil{font-size:11px;color:#71573f;margin-bottom:28px}
.fil ol{list-style:none;display:flex;flex-wrap:wrap;gap:4px 8px;padding:0;margin:0}
.fil li+li:before{content:"›";margin-right:8px}
.reponse-directe{font-size:20px;line-height:1.55;letter-spacing:-.25px;max-width:940px}
.reponse-directe p+p{font-size:16px;color:#71573f;letter-spacing:0;margin-top:18px}
.signature{font-size:11px;color:#71573f;margin:24px 0 36px;padding-bottom:30px;border-bottom:1px solid #dac8af}
.answer-section{padding:0 0 38px;margin-bottom:34px;border-bottom:1px solid #dac8af}
.section-number{display:block;font-size:12px;letter-spacing:2px;color:#977453;margin-bottom:12px}
.reponse-page .answer-section h2{font-size:30px;line-height:1.13;font-weight:500;letter-spacing:-.8px;max-width:22ch;margin:0 0 24px;text-wrap:balance}
.section-body{font-size:16px;line-height:1.7;min-width:0}
.section-body p+p,.section-body p+ul,.section-body ul+p,.section-body ol+p{margin-top:18px}
.section-body a,.related a{text-underline-offset:4px}
.faits{list-style:none;padding:0;margin:0;display:grid;gap:12px}
.faits li{padding:20px 22px;background:#f0e5d5;border:1px solid #e6d7c2;border-radius:12px}
.faits strong{font-weight:600}
.photo{margin:28px 0 0}
.photo img{width:100%;height:auto;max-height:530px;object-fit:cover;border-radius:14px}
.photo figcaption{font-size:12px;color:#71573f;margin-top:10px;line-height:1.5}
.etapes{counter-reset:etape;list-style:none;padding:0;margin:0}
.etapes li{position:relative;padding:0 0 24px 48px;counter-increment:etape}
.etapes li:before{content:counter(etape,decimal-leading-zero);position:absolute;left:0;top:0;color:#94714d;font-size:13px;padding-top:3px}
.fondateurs{display:grid;gap:16px;margin:24px 0}
.fondateur{display:grid;grid-template-columns:82px minmax(0,1fr);gap:18px;align-items:start;background:#f0e5d5;padding:18px;border-radius:12px}
.fondateur img{width:82px;height:110px;object-fit:cover;border-radius:7px}
.fondateur p{font-size:14px;line-height:1.6}
.fondateur strong{display:block;font-size:17px;margin-bottom:6px}
.faq-section{border-bottom:0;margin-bottom:0}
.faq details{border-bottom:1px solid #d4c4b0}
.faq summary{cursor:pointer;font-weight:500;min-height:54px;padding:18px 30px 18px 0;position:relative;list-style:none;line-height:1.5}
.faq summary::-webkit-details-marker{display:none}
.faq summary:after{content:"+";position:absolute;right:4px;top:16px;font-size:23px;font-weight:400;color:#977453}
.faq details[open] summary:after{content:"−"}
.faq details p{padding-bottom:20px;font-size:16px;color:#71573f}
.related{background:#f0e5d5;padding:8px 0 38px}
.reponse-page .related h2{font-size:28px;max-width:none;font-weight:500}
.related .liens{list-style:none;padding:0;margin:0;display:grid;gap:0 32px}
.related li{border-bottom:1px solid #d9c7ae}
.related a{display:block;padding:15px 22px 15px 0;text-decoration:none;font-size:14px;position:relative;line-height:1.5}
.related a:after{content:"↗";position:absolute;right:0;top:15px;color:#977453}
.related a:hover{text-decoration:underline}
.bloc-cta{background:#2c190e;color:#fff4e5;padding:54px 24px 50px;text-align:center}
.reponse-page .bloc-cta h2{font-size:42px;line-height:1.07;font-weight:500;max-width:none;max-width:650px;margin:0 auto 20px;letter-spacing:-1.5px}
.bloc-cta p{color:#dfc9aa;font-size:16px;margin:0 0 26px}
.bloc-cta .cta{background:linear-gradient(150deg,#fff0d4,#eac895);color:#291b10;max-width:390px;margin:auto;box-shadow:inset 0 2px 2px #fff9eccc,0 9px 24px #09050233;font-size:14px}
.bloc-cta small{display:block;margin-top:20px;font-size:13px;color:#dfc9aa}
.bloc-cta small a{color:inherit;white-space:nowrap}
.barre-cta{position:fixed;left:0;right:0;bottom:0;z-index:10;padding:10px 16px calc(10px + env(safe-area-inset-bottom));background:#fbf6eef2;backdrop-filter:blur(10px);border-top:1px solid #e3d3bd}
.barre-cta .cta{font-size:14px;min-height:50px}
/* La bannière de consentement garde la priorité ; le CTA du hero reste accessible. */
body:has(.astral-consent:not([hidden])) .barre-cta{visibility:hidden}
@media(min-width:800px){
 .hero-sous-titre{font-size:19px;margin-bottom:26px}
  .encart{padding:28px 32px 22px;font-size:16px}
 .answer-hero{min-height:730px;align-items:center}
 .answer-hero-image{left:30%;width:70%;object-position:center 48%;mask-image:linear-gradient(to right,transparent,#000 20%)}
 .answer-hero:after{background:linear-gradient(90deg,#25160df5,#25160d9c 42%,#25160d08 75%),linear-gradient(0deg,#160c0650,transparent 35%,transparent 70%,#160c0640)}
 .reponse-page .answer-hero-copy{padding:175px 7.2% 70px}
 .reponse-page .answer-hero h1{font-size:clamp(44px,4.1vw,62px);max-width:19ch;letter-spacing:-2px;margin-bottom:32px}
 .reponse-page .answer-hero .eyebrow{font-size:12px;margin-bottom:20px}
 .reponse-page .answer-hero .cta{font-size:16px}
 .reponse-page .answer-hero .google-rating{justify-content:flex-start;font-size:13px}
 .reponse-page .answer-hero .cta-note{text-align:left}
 .answer-content{padding:42px 40px 0}
 .fil{font-size:12px;margin-bottom:38px}
 .reponse-directe{font-size:27px;line-height:1.5}
 .reponse-directe p+p{font-size:18px}
 .signature{margin-bottom:60px;padding-bottom:42px}
 .answer-section{display:grid;grid-template-columns:1fr 1.6fr;gap:65px;padding-bottom:56px;margin-bottom:56px}
 .reponse-page .answer-section h2{font-size:35px;max-width:18ch}
 .section-body{font-size:17px}
 .section-number{margin-bottom:20px}
 .related{padding-bottom:56px}
 .related .liens{grid-template-columns:1fr 1fr}
 .bloc-cta{padding:80px 40px}
 .reponse-page .bloc-cta h2{font-size:60px}
 .barre-cta{display:none}
}
@media(max-width:359px){.reponse-page .answer-hero h1{font-size:30px}.reponse-page .answer-hero-copy{padding-inline:20px}}
@media(prefers-reduced-motion:reduce){.reponse-page *{scroll-behavior:auto!important;transition:none!important}}
/* Téléphones peu hauts : la dégustation reste au-dessus du consentement. */
@media(max-width:799px) and (max-height:700px){
 .answer-hero{min-height:620px}
 .reponse-page .answer-hero-copy{padding-top:200px}
}
.garanties-mention{font-size:12px;line-height:1.4;margin:-14px 0 20px;color:#fff7e8d9}
.colis-photos{display:grid;gap:0 18px;align-items:start}@media(min-width:600px){.colis-photos{grid-template-columns:1fr 1fr}}
@media(min-width:600px){.paliers-photos{grid-template-columns:4fr 9fr;align-items:end}}.section-body .colis-photos+p{margin-top:18px}