:root{--green:#163e31;--ink:#263a30;--cream:#f8f6f0;--gold:#a77b43;--line:#deded0}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:100px}body{margin:0;background:var(--cream);color:var(--ink);font-family:Arial,Helvetica,sans-serif;font-size:15px;line-height:1.6}button,input,textarea,select{font:inherit}button,a{-webkit-tap-highlight-color:transparent}a{color:inherit;text-decoration:none}button{cursor:pointer}button:focus-visible,a:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible{outline:3px solid var(--gold);outline-offset:4px}button{color:inherit}h1,h2,h3,p{margin:0}h1,h2,h3{font-family:Georgia,serif;font-weight:400;line-height:1.07}h1{font-size:clamp(60px,7vw,108px);letter-spacing:-4px}h2{font-size:clamp(38px,4.5vw,66px);letter-spacing:-2px}h3{font-size:27px;letter-spacing:-.4px}.topbar{padding:9px 5%;background:var(--green);color:white;font-size:10px;letter-spacing:2px;text-align:center}.topbar span{margin-left:25px;letter-spacing:1px}header{background:var(--cream);display:flex;align-items:center;justify-content:space-between;padding:20px 5%;gap:25px;border-bottom:1px solid var(--line)}.brand img{width:155px;height:65px;object-fit:contain}nav{display:flex;gap:28px;font-size:13px}.cart-button{background:none;border:1px solid var(--line);padding:12px 17px;font-size:12px}.cart-button span{margin-left:12px;background:var(--green);color:white;border-radius:50%;padding:4px 8px}.hero{display:grid;grid-template-columns:1fr 1fr;min-height:670px}.hero-copy{padding:80px 10% 55px}.eyebrow{font-size:10px;letter-spacing:2px;margin-bottom:25px;font-weight:600}.intro{max-width:420px;font-size:16px;margin:28px 0 32px;color:#667265}.actions{display:flex;gap:22px;align-items:center;flex-wrap:wrap}.button{display:inline-flex;justify-content:center;align-items:center;gap:22px;border:0;padding:16px 22px;font-size:12px;letter-spacing:.4px;min-height:48px}.primary{background:var(--green);color:white}.primary:hover{background:#285a46}.ivory{background:var(--cream);color:var(--green)}.text-link{border:0;border-bottom:1px solid var(--gold);padding:4px 0;background:none;font-size:12px}.hero-note{display:flex;gap:20px;margin-top:60px;font-size:10px;text-transform:uppercase;letter-spacing:1px;color:var(--gold)}.hero-visual{position:relative;background:#eee0c5;min-height:650px;overflow:hidden}.hero-visual>img{width:100%;height:100%;position:absolute;object-fit:cover}.visual-caption{position:absolute;bottom:24px;left:30px;color:#503c23;font-family:Georgia,serif;font-style:italic}.statement{display:flex;align-items:center;justify-content:space-between;padding:45px 6%;border-bottom:1px solid var(--line)}.statement span{font-size:10px;letter-spacing:2px}.statement p{font-family:Georgia,serif;font-size:31px;text-align:right;line-height:1.2}.section{padding:90px 6%}.section-heading{display:flex;align-items:end;justify-content:space-between;gap:30px;margin-bottom:40px}.section-heading>p{color:#677164;font-size:14px}.tools{display:flex;justify-content:space-between;align-items:center;gap:20px;margin-bottom:32px}.filters{display:flex;gap:10px;flex-wrap:wrap}.filter{padding:9px 15px;background:none;border:1px solid var(--line);border-radius:30px;font-size:12px}.filter.active{background:var(--green);color:white;border-color:var(--green)}.search{font-size:10px;color:#697167}.search input{padding:8px 12px;width:170px;margin-left:10px;border:0;border-bottom:1px solid var(--line);background:transparent;font-size:12px}.products{display:grid;grid-template-columns:repeat(3,1fr);gap:40px 25px}.product-image{width:100%;aspect-ratio:1;background:#f1f2ed;border:0;padding:0;overflow:hidden;position:relative;display:block}.product-image img{width:100%;height:100%;object-fit:contain;transition:transform .5s}.product-image:hover img{transform:scale(1.04)}.product-meta{font-size:10px;letter-spacing:1.5px;margin:19px 0 7px;color:var(--gold)}.product-title{background:none;border:0;padding:0;font:26px Georgia,serif;text-align:left}.product-copy{font-size:13px;color:#6d736a;margin:10px 0;min-height:42px}.prices{display:flex;justify-content:space-between;align-items:end;margin:13px 0}.price{font-size:20px}.retail{font-size:10px;color:#667164;text-align:right}.add-button{width:100%;background:none;border:1px solid var(--green);padding:12px;font-size:12px}.add-button:hover{background:var(--green);color:white}.price-note{font-size:11px;color:#737b70;max-width:850px;margin-top:30px}.rituals{background:#f1efe8}.ritual-grid{display:grid;grid-template-columns:1fr 1fr;gap:35px}.ritual{display:grid;grid-template-columns:42% 58%;background:var(--cream);min-height:300px}.ritual>img{width:100%;height:100%;max-height:340px;object-fit:contain}.ritual>div{padding:30px 25px}.ritual span{font-size:9px;letter-spacing:1.3px;color:var(--gold)}.ritual h3{margin:20px 0}.ritual p{font-size:13px;color:#667164;margin-bottom:20px}.partner{background:var(--green);color:var(--cream);display:grid;grid-template-columns:1fr 1fr;gap:90px}.partner-intro>p:not(.eyebrow){margin:30px 0;max-width:420px;color:#ced7c9;font-size:14px}.partner-list article{display:flex;gap:24px;padding:22px 0;border-bottom:1px solid #4a6758}.partner-list article:first-child{padding-top:0}.partner-list article>span{color:#d6b580;font:28px Georgia,serif}.partner-list h3{font-size:23px}.partner-list p{font-size:12px;color:#d1dacd;margin-top:12px}.contact{display:grid;grid-template-columns:1fr 1fr;gap:100px}.contact>div>p:not(.eyebrow){color:#6e766b;margin:25px 0;max-width:400px}.phone{font-size:12px}.phone a{font-size:20px;color:var(--green)}form label{display:block;font-size:12px;margin-bottom:18px}form input,form select,form textarea{display:block;width:100%;margin-top:6px;background:transparent;border:1px solid #cccfc3;border-radius:0;padding:11px;font-size:14px;color:var(--green)}.form-row{display:grid;grid-template-columns:1fr 1fr;gap:15px}.small{font-size:11px;color:#6b7469;margin:14px 0}.faq{padding-top:20px;max-width:1000px;margin:auto}.faq h2{margin-bottom:30px}details{border-bottom:1px solid var(--line);padding:19px 0}summary{cursor:pointer;font-size:14px}details p{font-size:13px;color:#6d756b;margin:15px 0 0;max-width:750px}footer{padding:45px 6%;border-top:1px solid var(--line);display:flex;gap:40px;align-items:center;justify-content:space-between;font-size:12px}footer>img{width:145px}footer p span{font-size:10px;color:#6d756b}footer div{display:flex;gap:15px}footer button{border:0;background:none;padding:0;font-size:12px}footer small{font-size:10px}dialog{border:0;background:var(--cream);color:var(--ink);padding:35px;max-width:760px;width:calc(100% - 28px);max-height:90vh;overflow:auto;box-shadow:0 20px 120px #0005}dialog::backdrop{background:#132b2599}.close{background:none;border:0;font-size:28px;position:absolute;right:15px;top:10px}.product-detail{display:grid;grid-template-columns:1fr 1fr;gap:25px}.product-detail img{width:100%;height:400px;object-fit:contain}.product-detail h2{font-size:36px;margin:18px 0}.product-detail p,.product-detail li{font-size:13px}.product-detail ul{padding-left:20px}.product-detail .price{margin-top:20px}.product-dialog .add-button{margin-top:15px}.cart-dialog{max-width:520px}.dialog-header{position:relative;padding-right:40px}.dialog-header .close{top:-8px;right:-10px}.dialog-header h2{font-size:36px}.cart-row{display:grid;grid-template-columns:60px 1fr;gap:15px;border-bottom:1px solid var(--line);padding:16px 0}.cart-row img{width:60px;height:90px;object-fit:contain}.cart-row strong{font-size:13px}.quantity{display:flex;align-items:center;gap:12px;margin-top:8px}.quantity button{padding:4px 10px;border:1px solid var(--line);background:none}.quantity .remove{margin-left:auto;border:0;font-size:10px;padding:4px}.total{display:flex;justify-content:space-between;margin:20px 0}.cart-dialog form .button{width:100%}#cart-clear{margin-top:20px}#toast{position:fixed;bottom:25px;left:50%;transform:translateX(-50%);background:var(--green);color:white;padding:12px 25px;font-size:12px;opacity:0;pointer-events:none;transition:opacity .2s;z-index:20}#toast.show{opacity:1}@media(max-width:1000px){nav{gap:15px}.hero-copy{padding:55px 8%}.hero-note{margin-top:40px;gap:10px}.hero,.hero-visual{min-height:580px}.partner,.contact{gap:45px}.ritual{grid-template-columns:1fr}.ritual img{height:220px}.ritual-grid{gap:20px}footer{flex-wrap:wrap}}@media(max-width:700px){.topbar span{display:none}header{flex-wrap:wrap;padding:13px 5%;gap:10px}.brand img{width:125px;height:50px}nav{order:3;width:100%;justify-content:space-between;font-size:11px;padding:10px 0 0}.cart-button{padding:9px}.hero{grid-template-columns:1fr}.hero-copy{padding:45px 6%}.hero-visual{min-height:390px}.hero-visual img{object-position:center 65%}h1{letter-spacing:-2px}.hero-note{margin-top:28px}.section{padding:55px 6%}.statement{padding:28px 6%}.statement p{font-size:25px}.statement span{max-width:100px}.section-heading{display:block}.section-heading>p{margin-top:20px}.tools{display:block}.search{display:block;margin:20px 0}.search input{width:70%}.products{grid-template-columns:1fr 1fr;gap:30px 15px}.product-title{font-size:22px}.product-copy{font-size:11px;min-height:52px}.prices{display:block}.retail{text-align:left;margin-top:5px}.price{font-size:19px}.product-meta{font-size:8px}.add-button{font-size:11px}.ritual-grid{grid-template-columns:1fr}.ritual{grid-template-columns:40% 60%}.ritual img{height:100%;max-height:none}.ritual>div{padding:25px 20px}.partner,.contact{grid-template-columns:1fr;gap:35px}.partner-list h3{font-size:22px}.contact .form-row{grid-template-columns:1fr}.product-detail{grid-template-columns:1fr}.product-detail img{height:260px}dialog{padding:27px 20px}footer{gap:25px}footer>img{width:120px}footer small{width:100%}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*{transition:none!important}}

/* Direction sobre bio et luxe : photographies et textes dans des zones distinctes */
:root{--cream:#fbfaf7;--green:#263e33;--ink:#28372e;--gold:#8a795a;--line:#e5e4dc}
.topbar{background:#eeefe9;color:#56614e;font-size:9px;letter-spacing:1.6px;padding:10px}
header{padding:18px 7%;border-bottom:0;gap:25px}
.brand img{width:145px;height:54px}
nav{font-size:12px;gap:32px}
.cart-button{border-color:#d9ddd2;font-size:11px;padding:10px 16px}
.cart-button span{background:transparent;color:var(--green);border-left:1px solid #c8cebf;border-radius:0;padding:0 0 0 12px}
.hero{grid-template-columns:1fr 1fr;max-width:1450px;min-height:590px;margin:0 auto;padding:35px 7% 70px;gap:50px;align-items:center}
.hero-copy{padding:40px 0}
h1{font-size:clamp(50px,5.5vw,82px);letter-spacing:-2.4px;line-height:1.1}
.eyebrow{font-size:9px;letter-spacing:2.4px;color:#7c826f;margin-bottom:27px}
.intro{font-size:14px;line-height:1.9;max-width:380px;margin:30px 0;color:#6f796b}
.button{font-size:11px;padding:16px 23px;letter-spacing:.5px}
.actions{gap:24px}
.text-link{border-bottom-color:#b8bfaf;font-size:11px}
.hero-note{font-size:8px;letter-spacing:1.3px;gap:18px;margin-top:40px;color:#78816d}
.hero-visual{position:relative;background:#fff;min-height:0;aspect-ratio:1;overflow:hidden;max-width:500px;width:100%;justify-self:center}
.hero-visual>img{position:static;display:block;width:100%;height:100%;object-fit:contain;padding:16px;mix-blend-mode:multiply}
.visual-caption{display:none}
.statement{max-width:1250px;margin:0 auto;border-top:1px solid var(--line);padding:34px 5%;border-bottom:1px solid var(--line)}
.statement span{font-size:9px;color:#7c826f;letter-spacing:1.8px}
.statement p{font-size:26px;color:#5c6858}
.section{max-width:1450px;margin:0 auto;padding:85px 7%}
h2{font-size:clamp(34px,3.6vw,52px);line-height:1.15;letter-spacing:-1.1px}
.section-heading{margin-bottom:45px}
.section-heading>p{font-size:12px;line-height:1.9}
.tools{align-items:center;margin-bottom:35px}
.filter{border:0;border-radius:0;font-size:10px;padding:10px 14px;border-bottom:1px solid transparent}
.filter.active{background:transparent;color:var(--green);border-bottom-color:var(--green)}
.filters{gap:12px}
.products{grid-template-columns:repeat(3,minmax(0,1fr));gap:50px 30px}
.product{min-width:0}
.product-image{aspect-ratio:1;background:#fff;display:flex;align-items:center;justify-content:center;padding:18px}
.product-image img{width:100%;height:100%;object-fit:contain;display:block}
.product-image:hover img{transform:none}
.product-meta{font-size:8px;letter-spacing:1.8px;color:#8a8c7c;margin:23px 0 10px}
.product-title{font-size:25px;line-height:1.2;display:block;max-width:100%}
.product-copy{font-size:12px;line-height:1.8;min-height:44px;color:#73806d}
.price{font-size:17px;font-weight:400}
.retail{font-size:9px;color:#89917f}
.prices{gap:10px}
.add-button{font-size:10px;border-color:#cdd4c6;padding:13px}
.price-note{margin-top:40px;font-size:10px;line-height:1.9;color:#88917e}
.rituals{background:transparent;border-top:1px solid var(--line)}
.ritual-grid{gap:30px}
.ritual{background:#f1f2eb;grid-template-columns:40% 60%;align-items:center;min-height:300px}
.ritual>img{display:block;object-fit:contain;max-height:300px;height:300px;background:#fff;padding:15px}
.ritual>div{padding:25px}
.ritual span{font-size:8px;letter-spacing:1.7px}
.ritual h3{font-size:27px;line-height:1.2}
.ritual p{font-size:12px;line-height:1.9}
.partner{max-width:none;background:#e9eee5;color:var(--green);padding:85px max(7%,calc((100vw - 1245px)/2));gap:90px}
.partner-intro>p:not(.eyebrow){color:#65745d;font-size:13px;line-height:1.9}
.partner .ivory{background:var(--green);color:#fff}
.partner-list article{border-bottom-color:#cbd4c3;padding:24px 0}
.partner-list article>span{font-size:21px;color:#94a287}
.partner-list h3{font-size:23px}
.partner-list p{font-size:12px;color:#69785f;line-height:1.8}
.contact{gap:80px}
.contact>div>p:not(.eyebrow){font-size:13px;line-height:1.9}
.contact form{padding-top:10px}
form input,form select,form textarea{background:#fff;border-color:#d9ded1;font-size:13px;padding:12px}
form label{font-size:11px;color:#5b6753}
.faq{padding-top:15px;max-width:1100px}
.faq h2{font-size:40px}
summary{font-size:13px}
footer{padding:45px 7%;font-size:11px;gap:30px;background:#f2f3ed}
footer>img{width:130px}
.product-detail>img{background:#fff;object-fit:contain;padding:18px}
@media(max-width:1000px){.hero{gap:25px;padding:25px 6% 45px;min-height:500px}.hero-visual{min-height:0}.partner,.contact{gap:40px}.ritual{grid-template-columns:1fr}.ritual>img{height:230px;max-height:230px;width:100%}}
@media(max-width:700px){header{padding:15px 6%;gap:12px}nav{gap:10px;font-size:10px}.brand img{width:120px;height:45px}.hero{grid-template-columns:1fr;padding:18px 6% 40px;gap:25px}.hero-copy{padding:25px 0 5px}h1{font-size:56px;line-height:1.13}.intro{margin:24px 0}.hero-visual{max-width:350px;aspect-ratio:1;min-height:0}.hero-visual>img{padding:15px}.hero-note{margin-top:25px}.statement{padding:28px 6%}.statement p{font-size:23px}.section{padding:55px 6%}.section-heading{margin-bottom:30px}.products{gap:35px 16px;grid-template-columns:repeat(2,minmax(0,1fr))}.product-image{padding:8px;aspect-ratio:1}.product-title{font-size:21px}.product-meta{font-size:7px;line-height:1.7}.product-copy{font-size:11px;min-height:58px}.price{font-size:16px}.retail{font-size:8px}.ritual-grid{gap:20px}.ritual{grid-template-columns:1fr}.ritual>img{height:260px;max-height:260px}.partner{padding:55px 6%;gap:35px}.contact{gap:30px}.faq h2{font-size:34px}footer{padding:30px 6%}.filters{gap:3px}.filter{padding:9px;font-size:9px}.search input{margin-left:10px}}

/* Appels à l’action visibles et fonds photographiques intégrés */
.hero .primary,.add-button,.partner .ivory{background:#263e33;color:#fff;border:1px solid #263e33;font-size:13px;font-weight:600;min-height:52px;padding:16px 25px;box-shadow:0 5px 14px #263e331a}
.hero .primary{min-width:245px;font-size:14px}
.hero .primary:hover,.add-button:hover,.partner .ivory:hover{background:#365743;border-color:#365743}
.product-image,.hero-visual,.ritual>img,.product-detail>img{background:transparent;border:0;box-shadow:none}
.product-image img,.hero-visual>img,.ritual>img,.product-detail>img,.cart-row img{mix-blend-mode:multiply}
.product-image img{transition:none}
@media(max-width:700px){.hero .primary{width:100%;min-height:56px}.add-button{font-size:11px;padding:13px 8px}}

/* Mise à jour demandée : accents marron clair, portrait naturel et carrousel produits */
:root{--gold:#ad8a65;--soft-brown:#b59a7c;--brown-ink:#79624d}
nav a,.eyebrow,.hero-note,.statement span,.product-meta,.ritual span,.partner-list article>span{color:var(--brown-ink)}
.filter.active{color:var(--brown-ink);border-bottom-color:var(--soft-brown)}
.text-link{border-bottom-color:var(--soft-brown)}
.hero-visual{background:#eee6da;aspect-ratio:1/1;max-width:560px;border-radius:2px;overflow:hidden}
.hero-visual>img{padding:0;mix-blend-mode:normal;object-fit:cover;object-position:62% center}
.ritual-carousel{display:grid;grid-template-columns:44px minmax(0,1fr) 44px;align-items:center;gap:14px;position:relative}
.ritual-track{display:flex;gap:24px;overflow-x:auto;scroll-snap-type:x mandatory;scroll-behavior:smooth;scrollbar-width:none;padding:5px 2px 18px}
.ritual-track::-webkit-scrollbar{display:none}
.ritual-card{flex:0 0 calc((100% - 48px)/3);min-width:0;background:#f1eee7;scroll-snap-align:start;border:1px solid #e4dbce}
.ritual-product-image{width:100%;height:255px;border:0;background:#fff;padding:14px;display:flex;align-items:center;justify-content:center}
.ritual-product-image img{width:100%;height:100%;object-fit:contain;mix-blend-mode:multiply}
.ritual-card-copy{padding:22px 23px 25px}
.ritual-card-copy>span{font-size:8px;line-height:1.6;letter-spacing:1.3px;color:#8b745d}
.ritual-card-copy h3{font-size:24px;margin:14px 0 10px}
.ritual-card-copy p{font-size:12px;line-height:1.8;color:#6d7368;min-height:44px;margin-bottom:15px}
.ritual-arrow{height:42px;width:42px;border:1px solid #c9b59f;background:#fbfaf7;color:#80664e;font-size:24px;display:flex;align-items:center;justify-content:center}
.ritual-arrow:hover{background:#e9dfd2}
.email-contact{font-size:12px;color:#6e766b;margin-top:18px}
.email-contact a{display:inline-block;margin-top:4px;color:#79624d;text-decoration:underline;text-underline-offset:3px;overflow-wrap:anywhere}
@media(max-width:1000px){.ritual-card{flex-basis:calc((100% - 24px)/2)}.ritual-product-image{height:230px}}
@media(max-width:700px){.hero-visual{max-width:100%;aspect-ratio:4/3}.hero-visual>img{object-position:62% center}.ritual-carousel{grid-template-columns:30px minmax(0,1fr) 30px;gap:7px}.ritual-arrow{width:30px;height:36px;font-size:20px}.ritual-card{flex-basis:100%}.ritual-product-image{height:260px}.ritual-card-copy{padding:20px}.email-contact a{font-size:12px}}


/* Version éditoriale beige : hero photo plein écran et rubriques marron */
:root {
  --cream: #f5ecdc;
  --ink: #4c2b17;
  --green: #7a4a25;
  --gold: #b58a55;
  --line: #dfcdb5;
}
body {
  background-color: #f4ead9;
  background-image: linear-gradient(135deg, rgba(255,250,240,.52), rgba(233,214,185,.32));
  color: #4c2b17;
}
header {
  position: sticky;
  top: 0;
  z-index: 30;
  background: rgba(248, 239, 222, .84);
  backdrop-filter: blur(14px);
  border-bottom: 1px solid rgba(145, 103, 61, .18);
}
nav a {
  color: #6b3f22;
  font-family: Georgia, 'Times New Roman', serif;
  font-size: 15px;
  font-weight: 700;
}
nav a:hover { color: #a06a35; }
.cart-button {
  display: inline-flex;
  align-items: center;
  gap: 8px;
  border-color: #c8aa83;
  background: rgba(255, 250, 240, .45);
  color: #6b3f22;
  border-radius: 24px;
  font-weight: 700;
}
.cart-icon { font-size: 19px; line-height: 1; }
.cart-button span#cart-count {
  background: #9a6735;
  color: white;
  border-radius: 50%;
  padding: 3px 7px;
}
.hero-full {
  position: relative;
  isolation: isolate;
  display: flex;
  align-items: center;
  width: 100%;
  max-width: none;
  min-height: min(790px, calc(100vh - 90px));
  margin: 0;
  padding: clamp(45px, 7vw, 100px) 7%;
  overflow: hidden;
  background: #e9d8bd url("assets/hero-femme-nature.png") center 38% / cover no-repeat;
}
.hero-full::before {
  content: "";
  position: absolute;
  inset: 0;
  z-index: -1;
  background: linear-gradient(90deg,
    rgba(248, 239, 221, .96) 0%,
    rgba(248, 239, 221, .88) 36%,
    rgba(248, 239, 221, .48) 57%,
    rgba(248, 239, 221, .06) 100%);
}
.hero-full .hero-copy {
  width: min(650px, 58%);
  padding: 25px 0;
}
.hero-full h1 {
  max-width: 650px;
  color: #633716;
  font-family: Georgia, 'Times New Roman', serif;
  font-size: clamp(48px, 5.7vw, 84px);
  font-weight: 700;
  letter-spacing: -2px;
  line-height: 1.03;
}
.hero-full .intro {
  max-width: 540px;
  color: #514335;
  font-size: clamp(15px, 1.3vw, 19px);
  line-height: 1.65;
}
.hero-full .eyebrow { color: #82562f; font-weight: 700; }
.hero-full .hero-note { color: #754a28; font-size: 11px; font-weight: 700; }
.hero-full .primary {
  background: #98632f;
  border: 1px solid #98632f;
  border-radius: 6px;
}
.hero-full .text-link { color: #633716; font-weight: 700; border-bottom-color: #a57b4b; }
.hero-contact {
  margin-top: 28px;
  color: #593719;
  font-size: 13px;
  font-weight: 600;
}
.hero-contact p { margin: 7px 0; }
.hero-contact p > span:first-child { color: #98632f; margin-right: 8px; }
.hero-contact a { font-weight: 700; }
.hero-contact a:hover, .phone a:hover, .email-contact a:hover { text-decoration: underline; }
.contact-separator { margin: 0 8px; color: #a77b43; }
.section-heading h2,
.rituals h2,
.partner h2,
.contact h2,
.faq h2 {
  color: #754321;
  font-family: Georgia, 'Times New Roman', serif;
  font-size: clamp(38px, 4.2vw, 58px);
  font-weight: 700;
  letter-spacing: -1px;
}
.eyebrow { color: #926a43; font-weight: 700; }
.section, .rituals, .faq {
  background: rgba(248, 241, 229, .48);
}
.rituals {
  position: relative;
  overflow: hidden;
  border-top: 1px solid rgba(145,103,61,.18);
}
.ritual-card {
  flex: 0 0 clamp(220px, 23vw, 300px);
  overflow: hidden;
  background: rgba(255, 251, 243, .58);
  border: 1px solid rgba(159, 119, 74, .2);
  border-radius: 12px;
  box-shadow: 0 12px 30px rgba(98, 62, 28, .07);
}
.ritual-carousel { display: flex; align-items: center; gap: 16px; }
.ritual-track {
  display: flex;
  gap: 18px;
  overflow-x: auto;
  scroll-behavior: smooth;
  scrollbar-width: none;
  padding: 8px 2px 18px;
  flex: 1;
}
.ritual-track::-webkit-scrollbar { display: none; }
.ritual-product-image {
  width: 100%;
  height: 220px;
  padding: 12px;
  border: 0;
  background: rgba(255,255,255,.72);
}
.ritual-product-image img { width: 100%; height: 100%; object-fit: contain; }
.ritual-card-copy { padding: 18px 20px 22px; }
.ritual-card-copy span { color: #9b7953; font-size: 9px; letter-spacing: 1px; }
.ritual-card-copy h3 { margin: 12px 0 8px; color: #603919; font-weight: 700; font-size: 23px; }
.ritual-card-copy p { min-height: 58px; color: #75634f; font-size: 12px; line-height: 1.7; }
.ritual-arrow {
  flex: 0 0 42px;
  width: 42px;
  height: 42px;
  border: 1px solid #d6b78e;
  border-radius: 50%;
  background: rgba(250, 241, 225, .82);
  color: #76451f;
  font-size: 25px;
  line-height: 1;
}
.ritual-arrow:hover { background: #9a6735; color: white; }
.partner {
  background: rgba(225, 207, 180, .76);
  color: #58371f;
}
.partner-intro>p:not(.eyebrow), .partner-list p { color: #6c5743; }
.partner-list h3 { color: #633d20; font-weight: 700; }
.partner-list article { border-bottom-color: rgba(132, 94, 56, .22); }
form input, form select, form textarea {
  background: rgba(255, 252, 246, .76);
  border-color: #d5bea0;
}
footer { background: rgba(237, 224, 204, .8); color: #654326; }
@media (max-width: 700px) {
  .hero-full { min-height: 760px; padding: 36px 6%; background-position: 62% center; align-items: flex-start; }
  .hero-full::before {
    background: linear-gradient(180deg, rgba(248,239,221,.96) 0%, rgba(248,239,221,.89) 45%, rgba(248,239,221,.22) 100%);
  }
  .hero-full .hero-copy { width: 100%; padding: 20px 0; }
  .hero-full h1 { font-size: clamp(43px, 12vw, 60px); }
  .hero-contact { font-size: 11px; }
  .hero-contact p { overflow-wrap: anywhere; }
  .ritual-carousel { gap: 6px; }
  .ritual-arrow { flex-basis: 32px; width: 32px; height: 32px; font-size: 20px; }
  .ritual-card { flex-basis: 78vw; }
  nav a { font-size: 10px; }
}


/* Version 3 — navigation et contact enrichis */
header {
  display: grid;
  grid-template-columns: auto minmax(190px, 260px) 1fr auto;
  align-items: center;
  gap: 20px;
}
.header-search {
  display: flex;
  align-items: center;
  gap: 9px;
  min-width: 0;
  padding: 9px 14px;
  border: 1px solid #d9c6ac;
  border-radius: 28px;
  background: rgba(255, 252, 246, .8);
  color: #754321;
}
.header-search label { font-size: 24px; line-height: 1; cursor: text; }
.header-search input {
  width: 100%;
  min-width: 0;
  border: 0;
  outline: 0;
  background: transparent;
  color: #4c2b17;
  font-size: 12px;
}
.header-search input:focus-visible { outline: none; }
.header-search input::placeholder { color: #8a8176; }
.tools { justify-content: flex-start; }
.filters {
  display: flex;
  flex-direction: row;
  flex-wrap: nowrap;
  overflow-x: auto;
  gap: 7px;
  max-width: 100%;
  padding-bottom: 4px;
  scrollbar-width: thin;
}
.filter { white-space: nowrap; }
.contact-line { display: inline-flex; align-items: center; gap: 7px; }
.contact-line > span:first-child { color: #9a6735; font-size: 15px; }
.instagram-link { display: inline-flex; align-items: center; gap: 8px; }
.instagram-link span { display: inline-flex; align-items: center; justify-content: center; width: 22px; height: 22px; border: 1.5px solid #9a6735; border-radius: 6px; color: #9a6735; font-size: 20px; line-height: 1; }
.contact-actions { display: flex; gap: 12px; flex-wrap: wrap; margin-top: 12px; }
.contact-actions .button { flex: 1 1 190px; gap: 9px; border-radius: 5px; }
.email-button {
  border: 1px solid #98704b;
  color: #76451f;
  background: rgba(255, 251, 243, .72);
}
.email-button:hover { background: #ead8bd; }
.contact h2, .section-heading h2, .partner h2, .faq h2 { color: #754321; }
.contact p:not(.eyebrow), .section-heading > p, .product-copy, .small, .price-note, .ritual p, .partner-list p, details p { color: #858078; }
.contact label, .product-title, .ritual-card-copy h3, .partner-list h3, summary { color: #4b2b18; }
.contact label { font-size: 12px; }
@media(max-width:1000px) {
  header { grid-template-columns: auto minmax(150px, 1fr) auto; }
  header nav { grid-column: 1 / -1; grid-row: 2; }
  .header-search { grid-column: 2; grid-row: 1; }
}
@media(max-width:700px) {
  header { display:flex; flex-wrap:wrap; }
  .header-search { order: 3; width: 100%; }
  nav { order: 4; }
  .cart-button { order: 2; margin-left: auto; }
  .filters { flex-wrap: nowrap; }
  .contact-actions { flex-direction: column; }
  .contact-actions .button { width: 100%; }
}


/* V4 : deux rituels de navigation et actions de contact distinctes */
.ritual-grid { display: grid; grid-template-columns: 1fr 1fr; gap: 28px; }
.ritual-feature {
  display: grid;
  grid-template-columns: 43% 57%;
  align-items: center;
  min-height: 300px;
  background: rgba(255, 250, 240, .64);
  border-radius: 12px;
  overflow: hidden;
  border: 1px solid rgba(159,119,74,.18);
}
.ritual-feature > img {
  width: 100%; height: 100%; min-height: 300px; max-height: 360px;
  object-fit: contain; background: rgba(255,255,255,.65); padding: 8px;
}
.ritual-feature > div { padding: 24px; }
.ritual-feature span { color: #754321; font-size: 10px; font-weight: 700; letter-spacing: 2px; }
.ritual-feature h3 { color: #4b2b18; font-size: clamp(22px, 2vw, 29px); font-weight: 700; margin: 16px 0 10px; }
.ritual-feature p { color: #858078; font-size: 12px; line-height: 1.8; margin-bottom: 18px; }
.ritual-feature .text-link { color: #754321; font-weight: 700; font-size: 13px; }
.whatsapp-button {
  background: rgba(255,251,243,.78);
  color: #087d53;
  border: 1px solid #13865f;
  border-radius: 5px;
}
.whatsapp-button:hover { background: #e8f5ed; }
.whatsapp-icon {
  display: inline-flex; align-items: center; justify-content: center;
  width: 23px; height: 23px; border: 2px solid currentColor; border-radius: 50%;
  font-size: 16px; line-height: 1; font-weight: 700;
}
.contact-actions { display: flex; flex-direction: column; gap: 10px; }
.contact-actions .button { width: 100%; justify-content: center; }
.filters { justify-content: flex-start; }
@media(max-width:850px) {
  .ritual-grid { grid-template-columns: 1fr; }
}
@media(max-width:700px) {
  .ritual-feature { grid-template-columns: 1fr; }
  .ritual-feature > img { min-height: 220px; height: 220px; }
  .ritual-feature > div { padding: 22px; }
}


/* V5 : icônes SVG propres et boutons plus compacts */
.contact-icon, .social-icon {
  width: 17px; height: 17px; flex: 0 0 17px;
  display: inline-block; fill: none; stroke: currentColor;
  stroke-width: 1.7; stroke-linecap: round; stroke-linejoin: round;
  vertical-align: middle;
}
.social-icon { width: 19px; height: 19px; flex-basis: 19px; }
.social-icon .icon-fill { fill: currentColor; stroke: none; }
.hero-contact-line { display: flex; align-items: center; gap: 8px; flex-wrap: wrap; }
.hero-contact-line strong, .contact-line strong { color: #754321; }
.contact-line { display: inline-flex; align-items: center; gap: 8px; }
.instagram-link { gap: 8px; }
.instagram-link .social-icon { color: #98632f; }
.contact-actions { gap: 8px; }
.contact-actions .button, #order-form > .button {
  flex: initial;
  width: auto;
  min-height: 38px;
  padding: 9px 16px;
  font-size: 12px;
  gap: 8px;
  box-shadow: none;
}
.whatsapp-icon { font-size: 0; position: relative; width: 19px; height: 19px; }
.whatsapp-icon::after { content: "↗"; font-size: 11px; position: absolute; right: -3px; bottom: -4px; background: #fffaf2; }
#order-form label { margin-bottom: 12px; }
#order-form .button { margin-top: 6px; }
#order-send { min-width: 130px; }


/* V6 : navigation horizontale des filtres avec flèches gauche/droite */
.filters-nav {
  display: flex;
  align-items: center;
  gap: 8px;
  min-width: 0;
  max-width: 100%;
}
.filters-nav .filters {
  flex: 1 1 auto;
  min-width: 0;
  overflow-x: auto;
  scroll-behavior: smooth;
  scrollbar-width: none;
}
.filters-nav .filters::-webkit-scrollbar { display: none; }
.filters-arrow {
  display: inline-flex;
  flex: 0 0 32px;
  width: 32px;
  height: 32px;
  align-items: center;
  justify-content: center;
  border: 1px solid #d6b78e;
  border-radius: 50%;
  background: rgba(250,241,225,.88);
  color: #754321;
  font-size: 24px;
  line-height: 1;
  padding: 0;
}
.filters-arrow:hover { background: #98632f; color: #fff; }
@media(max-width:700px) {
  .filters-nav { width: 100%; }
  .filters-arrow { flex-basis: 28px; width: 28px; height: 28px; }
  .filters-nav .filter { flex: 0 0 auto; }
}


/* V7 : produits dans une seule ligne, navigation par flèches produit par produit */
.product-carousel {
  display: grid;
  grid-template-columns: 38px minmax(0, 1fr) 38px;
  align-items: center;
  gap: 10px;
  width: 100%;
}
.product-track {
  display: flex !important;
  flex-wrap: nowrap !important;
  gap: 16px;
  overflow-x: auto;
  overflow-y: hidden;
  scroll-behavior: smooth;
  scrollbar-width: none;
  scroll-snap-type: x mandatory;
  min-width: 0;
  padding: 8px 2px 18px;
}
.product-track::-webkit-scrollbar { display: none; }
.product-track > * {
  flex: 0 0 clamp(205px, 23%, 270px);
  min-width: 0;
  scroll-snap-align: start;
}
.product-carousel-arrow {
  display: inline-flex;
  width: 38px;
  height: 38px;
  align-items: center;
  justify-content: center;
  border: 1px solid #d6b78e;
  border-radius: 50%;
  background: rgba(250,241,225,.92);
  color: #754321;
  font-size: 27px;
  line-height: 1;
  cursor: pointer;
}
.product-carousel-arrow:hover { background: #98632f; color: #fff; }
@media(max-width:700px) {
  .product-carousel { grid-template-columns: 28px minmax(0, 1fr) 28px; gap: 5px; }
  .product-carousel-arrow { width: 28px; height: 28px; font-size: 21px; }
  .product-track > * { flex-basis: 78%; }
}


/* V8 : pas de flèches pour les filtres "Tous les soins" */
.filters-arrow, .filters-nav .filters-prev, .filters-nav .filters-next { display: none !important; }
.filters-nav { display: block; }
.filters-nav .filters { overflow-x: auto; }

/* Trois produits visibles sur une ligne dans le carrousel */
.product-carousel {
  display: grid;
  grid-template-columns: 38px minmax(0, 1fr) 38px;
  align-items: center;
  gap: 10px;
}
.product-track {
  display: flex !important;
  flex-wrap: nowrap !important;
  overflow-x: auto;
  overflow-y: hidden;
  scroll-snap-type: x mandatory;
  scroll-behavior: smooth;
  scrollbar-width: none;
}
.product-track::-webkit-scrollbar { display: none; }
.product-track > * {
  flex: 0 0 calc((100% - 32px) / 3) !important;
  min-width: 0;
  scroll-snap-align: start;
}
@media(max-width:700px) {
  .product-track > * { flex-basis: 100% !important; }
}