@font-face {
  font-family: 'Caveat';
  font-style: normal;
  font-weight: 600;
  font-display: swap;
  src: url(/fonts/caveat-600-latin-ext.woff2) format('woff2');
  unicode-range: U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C4, U+2113, U+2C60-2C7F, U+A720-A7FF;
}
@font-face {
  font-family: 'Caveat';
  font-style: normal;
  font-weight: 600;
  font-display: swap;
  src: url(/fonts/caveat-600-latin.woff2) format('woff2');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}
@font-face {
  font-family: 'Fraunces';
  font-style: normal;
  font-weight: 600;
  font-display: swap;
  src: url(/fonts/fraunces-600-latin-ext.woff2) format('woff2');
  unicode-range: U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C4, U+2113, U+2C60-2C7F, U+A720-A7FF;
}
@font-face {
  font-family: 'Fraunces';
  font-style: normal;
  font-weight: 600;
  font-display: swap;
  src: url(/fonts/fraunces-600-latin.woff2) format('woff2');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}
@font-face {
  font-family: 'Inter';
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: url(/fonts/inter-400-latin-ext.woff2) format('woff2');
  unicode-range: U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C4, U+2113, U+2C60-2C7F, U+A720-A7FF;
}
@font-face {
  font-family: 'Inter';
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: url(/fonts/inter-400-latin.woff2) format('woff2');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}
@font-face {
  font-family: 'Inter';
  font-style: normal;
  font-weight: 500;
  font-display: swap;
  src: url(/fonts/inter-500-latin-ext.woff2) format('woff2');
  unicode-range: U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C4, U+2113, U+2C60-2C7F, U+A720-A7FF;
}
@font-face {
  font-family: 'Inter';
  font-style: normal;
  font-weight: 500;
  font-display: swap;
  src: url(/fonts/inter-500-latin.woff2) format('woff2');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}
@font-face {
  font-family: 'Inter';
  font-style: normal;
  font-weight: 600;
  font-display: swap;
  src: url(/fonts/inter-600-latin-ext.woff2) format('woff2');
  unicode-range: U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C4, U+2113, U+2C60-2C7F, U+A720-A7FF;
}
@font-face {
  font-family: 'Inter';
  font-style: normal;
  font-weight: 600;
  font-display: swap;
  src: url(/fonts/inter-600-latin.woff2) format('woff2');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}
:root{--creme:#FBF7F0;--sable:#F3EBDD;--encre:#2F3A33;--gris:#5E594F;--ligne:#E3DACB;--sauge:#5F8468;--sauge-f:#456A50;--terra:#C9785D;--terra-f:#A9553A;--ocre:#B98A35;--blanc:#fff;--ombre:0 1px 2px rgba(47,58,51,.05),0 18px 40px -14px rgba(47,58,51,.22);--ombre-s:0 1px 2px rgba(47,58,51,.06),0 8px 18px -8px rgba(47,58,51,.16)}
*{box-sizing:border-box;margin:0;padding:0}
html{scroll-behavior:smooth;scroll-padding-top:84px;-webkit-text-size-adjust:100%}
body{background:var(--creme);color:var(--encre);font:400 17px/1.65 Inter,system-ui,sans-serif;-webkit-font-smoothing:antialiased}
img{max-width:100%;display:block;height:auto}picture{display:block}
a{color:inherit}
h1,h2,h3{font-family:Fraunces,Georgia,serif;font-weight:600;line-height:1.14;letter-spacing:-.012em}
h1{font-size:clamp(36px,5.4vw,62px)}h2{font-size:clamp(29px,3.7vw,42px);margin-bottom:14px}h3{font-size:22px;margin-bottom:6px}
:focus-visible{outline:3px solid var(--terra-f);outline-offset:3px;border-radius:6px}
.skip{position:absolute;left:-999px;top:8px;background:#fff;padding:10px 16px;border-radius:10px;z-index:100;font-weight:600}.skip:focus{left:8px}
.wrap{max-width:1160px;margin:0 auto;padding:0 20px}
.kick{font-size:13px;letter-spacing:.16em;text-transform:uppercase;font-weight:600;color:var(--terra-f);margin-bottom:12px}
.sec{padding:84px 0}.sec.alt{background:var(--sable)}.sec.dark{background:var(--encre);color:#fff}
.sec.dark h2,.sec.dark h3{color:#fff}.sec.dark .kick{color:#E8B9A6}.sec.dark p{color:#D5D9D3}
.head{max-width:700px;margin-bottom:38px}.head.c{text-align:center;margin-left:auto;margin-right:auto}
.head p{color:var(--gris);font-size:18px}.sec.dark .head p{color:#D5D9D3}
@media(max-width:700px){.sec{padding:60px 0}.head{margin-bottom:28px}}
/* en-tête */
header.top{position:sticky;top:0;z-index:30;background:rgba(251,247,240,.94);-webkit-backdrop-filter:saturate(1.4) blur(10px);backdrop-filter:saturate(1.4) blur(10px);border-bottom:1px solid var(--ligne)}
header.top .wrap{display:flex;align-items:center;justify-content:space-between;height:68px;gap:16px}
.logo{display:flex;align-items:center;text-decoration:none}
.logo svg{height:26px;width:auto;flex:none;display:block}
.dnav{display:none;align-items:center;gap:4px}.dnav a{padding:10px 14px;border-radius:99px;text-decoration:none;font-weight:500;font-size:15.5px;color:var(--gris)}.dnav a:hover{color:var(--encre);background:var(--sable)}.dnav .btn{margin-left:10px;color:#fff}.dnav .btn:hover{background:#8F452D;color:#fff}
.mnav summary{list-style:none;display:flex;align-items:center;gap:8px;min-height:44px;padding:0 16px;border:1.5px solid var(--ligne);border-radius:99px;font-weight:600;font-size:15px;cursor:pointer;background:#fff}
.mnav summary::-webkit-details-marker{display:none}.mnav .ic-x{display:none}.mnav[open] .ic-x{display:block}.mnav[open] .ic-m{display:none}
.mpanel{position:fixed;left:0;right:0;top:68px;max-height:calc(100dvh - 68px);overflow:auto;background:var(--creme);border-bottom:1px solid var(--ligne);box-shadow:0 24px 30px -12px rgba(47,58,51,.25);padding:6px 20px 22px;display:flex;flex-direction:column}
.mpanel a{padding:15px 2px;border-bottom:1px solid var(--ligne);text-decoration:none;font-weight:500;font-size:18px}.mpanel a.btn{margin-top:16px;border:0;color:#fff;font-size:17px;padding:15px 26px}
@media(min-width:900px){.dnav{display:flex}.mnav{display:none}}
/* boutons */
.btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;background:var(--terra-f);color:#fff;text-decoration:none;border:0;border-radius:999px;padding:15px 28px;min-height:52px;font:600 16.5px/1.2 Inter,sans-serif;cursor:pointer;box-shadow:0 6px 16px -6px rgba(169,85,58,.55);transition:transform .15s,background .15s,box-shadow .15s}
.btn:hover{transform:translateY(-1px);background:#8F452D}.btn:active{transform:none}
.btn.sec{background:transparent;color:var(--encre);border:1.5px solid var(--encre);box-shadow:none}.btn.sec:hover{background:var(--encre);color:#fff}
.btn.dark{background:var(--encre);box-shadow:none}.btn.dark:hover{background:#1f2823}
.btn.light{background:#fff;color:var(--encre);box-shadow:none}.btn.light:hover{background:var(--sable)}
.btn.sm{min-height:44px;padding:10px 20px;font-size:15px}.btn.full{width:100%}.btn[disabled]{opacity:.45;cursor:not-allowed;transform:none;box-shadow:none}
.link{font-weight:600;text-decoration:none;color:var(--terra-f);display:inline-flex;align-items:center;gap:6px}.link:hover{text-decoration:underline}
/* accueil : hero */
.hero{padding:44px 0 72px;background:radial-gradient(900px 420px at 88% -8%,#F3E2C6 0,rgba(243,226,198,0) 70%)}
.hero .wrap{display:grid;grid-template-columns:1fr 1.1fr;gap:56px;align-items:center}
.hero h1{margin:4px 0 20px}.hero .lead{font-size:19.5px;color:var(--gris);max-width:540px}
.hero .ctas{display:flex;gap:12px;flex-wrap:wrap;margin:28px 0 14px}
.from{font-size:14.5px;color:var(--gris);margin-bottom:22px}
.trust{list-style:none;display:flex;flex-wrap:wrap;gap:10px 22px;font-size:14.5px;color:var(--gris)}.trust li{display:flex;gap:8px;align-items:center}.trust svg{color:var(--sauge-f);flex:0 0 auto}
.hero figure img{border-radius:28px;box-shadow:var(--ombre);width:100%}.hero figcaption{font-size:12.5px;color:var(--gris);margin-top:10px;text-align:center}
@media(max-width:899px){.hero .wrap{grid-template-columns:1fr;gap:30px}.hero{padding:28px 0 52px}.hero .lead{font-size:18px}.hero .ctas .btn{flex:1 1 200px}}
/* cartes des kits */
.cards{display:grid;grid-template-columns:repeat(3,1fr);gap:24px}
.card{position:relative;background:#fff;border:1px solid var(--ligne);border-radius:24px;overflow:hidden;display:flex;flex-direction:column;box-shadow:var(--ombre-s);transition:transform .2s,box-shadow .2s}
.card:hover{transform:translateY(-4px);box-shadow:var(--ombre)}
.card .im{display:block;overflow:hidden;aspect-ratio:3/2;background:var(--sable)}.card .im picture,.card .im img{width:100%;height:100%}.card .im img{object-fit:cover;transition:transform .5s}.card:hover .im img{transform:scale(1.03)}
.card .body{padding:22px 24px 26px;display:flex;flex-direction:column;flex:1}.card .body>.tag{align-self:flex-start}
.card h3{margin:12px 0 8px;font-size:24px}.card h3 a{text-decoration:none}.card h3 a::after{content:"";position:absolute;inset:0;z-index:1}
.card p{color:var(--gris);font-size:15.5px;flex:1;margin-bottom:16px}
.card .row{display:flex;align-items:baseline;justify-content:space-between;gap:12px;margin-bottom:16px;flex-wrap:wrap}
.card .act{display:flex;gap:10px;position:relative;z-index:2;flex-wrap:wrap}.card .act .btn{flex:1 1 130px}
.card.pack{grid-column:1/-1;flex-direction:row;border:2px solid var(--encre)}.card.pack .im{flex:1.15;aspect-ratio:auto;min-height:340px}.card.pack .body{flex:1;justify-content:center;padding:40px}.card.pack h3{font-size:30px}
.tag{display:inline-block;white-space:nowrap;font-size:12px;font-weight:600;letter-spacing:.05em;text-transform:uppercase;padding:5px 11px;border-radius:99px}
.chips{list-style:none;display:flex;flex-wrap:wrap;gap:6px 8px;margin-bottom:12px}.chips li{font-size:13px;font-weight:500;color:var(--gris);background:var(--sable);border-radius:99px;padding:3px 11px}
.price{font-family:Fraunces,serif;font-size:30px;font-weight:600;white-space:nowrap;line-height:1.1}.price s{font-family:Inter,sans-serif;font-size:16px;color:var(--gris);font-weight:400;margin-left:8px}
.eco{display:inline-block;font-size:13.5px;font-weight:600;color:#7D5B14;background:#F5EAD3;border-radius:99px;padding:4px 12px}
@media(max-width:899px){.cards{grid-template-columns:1fr}.card.pack{flex-direction:column}.card.pack .im{aspect-ratio:3/2;min-height:0}.card.pack .body{padding:22px 24px 26px}.card.pack h3{font-size:26px}}
/* chiffres */
.ctabs{display:flex;gap:8px;flex-wrap:wrap;margin:0 0 28px}.ctabs button{font:inherit;font-weight:600;font-size:16px;color:#fff;background:rgba(255,255,255,.08);border:1px solid rgba(255,255,255,.18);border-radius:99px;padding:10px 20px;cursor:pointer;display:flex;align-items:baseline;gap:8px;transition:background .15s}
.ctabs button small{font-weight:400;font-size:13.5px;color:#BFC6BF}.ctabs button:hover{background:rgba(255,255,255,.16)}.ctabs button[aria-selected=true]{background:#F1D9B0;border-color:#F1D9B0;color:#2F3A33}.ctabs button[aria-selected=true] small{color:#5d5850}
.ctabs button:focus-visible,.ctp:focus-visible{outline:2px solid #F1D9B0;outline-offset:3px}
.ctp{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.15fr);gap:44px;align-items:start;border-radius:24px}.ctp[hidden]{display:none}
.ctl h3{font-family:Fraunces,serif;font-size:30px;font-weight:600;line-height:1.1;color:#fff;margin-bottom:8px}.ctl .acc{color:#D5D9D3;font-size:17px;margin-bottom:26px}
.stats{display:grid;grid-template-columns:1fr 1fr;gap:22px;margin:0 0 30px}.stats.s3{grid-template-columns:repeat(3,1fr)}
@media(min-width:900px){.ctl{position:sticky;top:110px}}
.stat{border-top:1px solid rgba(255,255,255,.25);padding-top:14px}.stat b{display:block;font-family:Fraunces,serif;font-weight:600;font-size:clamp(40px,5vw,56px);line-height:1;color:#F1D9B0;white-space:nowrap}.stat span{display:block;margin-top:8px;color:#D5D9D3;font-size:15px;line-height:1.4}
.ctb{display:flex;align-items:center;gap:12px;flex-wrap:wrap}.ctb .price{color:#fff;margin-right:6px}.ctb .price s{color:#BFC6BF}
.ctf{list-style:none;display:flex;flex-direction:column;gap:10px}.ctf li{display:flex;gap:14px;background:rgba(255,255,255,.07);border-radius:16px;padding:16px 18px}.ctf li>svg{flex:0 0 auto;color:#F1D9B0;margin-top:2px}
.ctf b{font-size:16px;font-weight:600;color:#fff;margin-right:8px}.ctf small{display:inline-block;font-size:13px;color:#BFC6BF}.ctf p{margin-top:4px;color:#D5D9D3;font-size:14.5px;line-height:1.45}
.ctf li.bn{background:rgba(241,217,176,.14);border:1px solid rgba(241,217,176,.35)}
@media(max-width:899px){.ctp{grid-template-columns:1fr;gap:28px}.ctabs{display:grid;grid-template-columns:1fr 1fr;margin-bottom:24px}.ctabs button{justify-content:center;padding:10px 12px}.ctl h3{font-size:25px}}
.note-s{margin-top:22px;font-size:14px;color:#BFC6BF}
/* feuilleter */
.strip{list-style:none;display:flex;gap:16px;overflow-x:auto;scroll-snap-type:x proximity;scroll-padding:0 20px;padding:6px 20px 24px;margin:0 -20px;scrollbar-width:thin}
.strip>li{flex:0 0 auto;width:176px;scroll-snap-align:start}@media(min-width:900px){.strip{overflow:visible;display:grid;grid-template-columns:repeat(6,1fr);padding:6px 0 0;margin:0}.strip>li{width:auto}}
.pg{display:block;width:100%;border:1px solid var(--ligne);background:#fff;border-radius:12px;overflow:hidden;cursor:zoom-in;box-shadow:var(--ombre-s);aspect-ratio:3/4;padding:0;transition:transform .15s,box-shadow .15s}.pg:hover{transform:translateY(-3px);box-shadow:var(--ombre)}
.pg img{width:100%;height:100%;object-fit:contain}.pgcap{font-size:13px;color:var(--gris);margin-top:8px;line-height:1.35}
.pgrid{list-style:none;display:grid;grid-template-columns:repeat(3,1fr);gap:14px}@media(min-width:700px){.pgrid{grid-template-columns:repeat(auto-fill,minmax(150px,1fr))}}
.grp{margin-bottom:34px}.grp h3{font-size:19px;margin-bottom:14px;display:flex;flex-wrap:wrap;gap:4px 12px;align-items:baseline}.grp h3 small{font-family:Inter,sans-serif;font-size:14px;font-weight:500;color:var(--gris)}
/* étapes, split, engagements */
.steps{display:grid;grid-template-columns:repeat(3,1fr);gap:22px}.step{background:#fff;border:1px solid var(--ligne);border-radius:22px;padding:28px;box-shadow:var(--ombre-s)}
.step .n{width:46px;height:46px;border-radius:50%;background:var(--sauge-f);color:#fff;display:flex;align-items:center;justify-content:center;font-family:Fraunces,serif;font-size:21px;margin-bottom:16px}.step h3{font-size:21px}.step p{color:var(--gris);font-size:16px}
.steps.col{grid-template-columns:1fr;gap:14px}.steps.col .step{display:grid;grid-template-columns:46px 1fr;column-gap:16px;padding:20px 22px}.steps.col .n{grid-row:1/3;margin:0}.steps.col h3{font-size:19px;margin:0 0 4px}.steps.col p{margin:0}
.split{display:grid;grid-template-columns:1fr 1fr;gap:56px;align-items:center}.split.top{align-items:start}
.split .ph img{border-radius:28px;box-shadow:var(--ombre);width:100%;aspect-ratio:5/4;object-fit:cover;object-position:50% 45%}.split .ph figcaption{font-size:12.5px;color:var(--gris);margin-top:10px}
.ticks{list-style:none;margin:18px 0 0}.ticks li{display:flex;gap:12px;margin-bottom:14px;color:var(--encre);font-size:16.5px}.ticks svg{flex:0 0 22px;color:var(--sauge-f);margin-top:2px}.ticks span b{font-weight:600}
.eng{display:grid;grid-template-columns:repeat(3,1fr);gap:20px}.eng>div{background:#fff;border:1px solid var(--ligne);border-radius:22px;padding:26px}
.eng .ico{width:48px;height:48px;border-radius:14px;background:#E3ECE4;color:var(--sauge-f);display:flex;align-items:center;justify-content:center;margin-bottom:14px}.eng h3{font-size:20px}.eng p{color:var(--gris);font-size:15.5px}
@media(max-width:899px){.steps,.eng{grid-template-columns:1fr}.split{grid-template-columns:1fr;gap:30px}}
@media(min-width:600px) and (max-width:899px){.eng{grid-template-columns:1fr 1fr}}
@media(max-width:599px){.eng{gap:14px}.eng>div{display:grid;grid-template-columns:48px 1fr;column-gap:16px;padding:20px}.eng .ico{grid-row:span 2;margin:0}.eng h3{margin-bottom:2px}}
/* bloc gratuit */
.free{background:var(--encre);color:#fff;border-radius:32px;padding:52px;display:grid;grid-template-columns:1.1fr 1fr;gap:40px;align-items:center}.free h2{color:#fff}.free p{color:#D5D9D3}.free .kick{color:#E8B9A6}
.fp{display:flex;gap:10px;justify-content:center;padding:6px 0}.fp img{width:100%;border-radius:8px;background:#fff;box-shadow:0 10px 24px rgba(0,0,0,.35)}.fp>*{flex:1;min-width:0;max-width:150px}.fp>*:nth-child(1){transform:rotate(-4deg)}.fp>*:nth-child(3){transform:rotate(4deg)}.fp>*:nth-child(2){margin-top:-10px}
@media(max-width:899px){.free{grid-template-columns:1fr;padding:34px 24px;border-radius:26px}}
/* faq */
.faq{max-width:820px}.faq details{border-bottom:1px solid var(--ligne)}.faq summary{cursor:pointer;font-weight:600;font-size:17.5px;list-style:none;display:flex;justify-content:space-between;align-items:center;gap:16px;padding:20px 0;min-height:60px}
.faq summary::-webkit-details-marker{display:none}.faq summary::after{content:"+";font-family:Fraunces,serif;font-size:28px;line-height:1;color:var(--terra-f);flex:0 0 auto}.faq details[open] summary::after{content:"–"}.faq details p{padding:0 0 20px;color:var(--gris);font-size:16.5px;max-width:700px}
.cta{text-align:center}.cta .btns{display:flex;gap:12px;justify-content:center;flex-wrap:wrap;margin-top:26px}.cta p{max-width:560px;margin:0 auto}
/* pied de page */
footer{background:var(--sable);border-top:1px solid var(--ligne);padding:56px 0 40px;font-size:15px;color:var(--gris)}
footer .cols{display:grid;grid-template-columns:1.4fr 1fr 1fr 1fr;gap:34px}footer h4{font-family:Inter,sans-serif;font-size:13px;letter-spacing:.14em;text-transform:uppercase;color:var(--encre);margin-bottom:12px}
footer ul{list-style:none}footer li{margin-bottom:8px}footer a{text-decoration:none}footer a:hover{text-decoration:underline;color:var(--encre)}
footer .bas{margin-top:34px;padding-top:22px;border-top:1px solid var(--ligne);font-size:13.5px;display:flex;flex-direction:column;gap:6px}
@media(max-width:899px){footer .cols{grid-template-columns:1fr 1fr}footer .cols>div:first-child{grid-column:1/-1}}
/* pages produit */
.prod .wrap>*,.split>*,.hero .wrap>*,.free>*{min-width:0}
.crumbs{padding:20px 0 0;font-size:14px;color:var(--gris)}.crumbs ol{list-style:none;display:flex;flex-wrap:wrap;gap:4px 8px}.crumbs li+li::before{content:"›";margin-right:8px}.crumbs a{text-decoration:none}.crumbs a:hover{text-decoration:underline}
.prod{padding:18px 0 64px}.prod .wrap{display:grid;grid-template-columns:1.2fr 1fr;gap:56px;align-items:start}
.gal .main{border-radius:24px;overflow:hidden;border:1px solid var(--ligne);box-shadow:var(--ombre);aspect-ratio:3/2;background:var(--sable)}.gal .main picture,.gal .main img{width:100%;height:100%}.gal .main img{object-fit:cover}.gal .main.contain img{object-fit:contain;background:#FBF7F0}
.thumbs{list-style:none;display:flex;gap:10px;margin-top:12px;overflow-x:auto;padding:4px 2px 8px}.thumbs li{flex:0 0 auto}
.thumbs button{display:block;border:2px solid transparent;border-radius:12px;overflow:hidden;background:var(--sable);cursor:pointer;width:88px;height:62px;padding:0;box-shadow:var(--ombre-s)}.thumbs button[aria-current=true]{border-color:var(--encre)}.thumbs img{width:100%;height:100%;object-fit:cover;object-position:top}.thumbs button.ct img{object-fit:contain}
.buy{background:#fff;border:1px solid var(--ligne);border-radius:26px;padding:30px;box-shadow:var(--ombre);position:sticky;top:88px}
.buy h1{font-size:clamp(30px,3.6vw,40px);margin:12px 0 10px}.buy .lead{font-size:17.5px;color:var(--gris);margin-bottom:18px}
.buy .pr{display:flex;align-items:baseline;gap:12px;flex-wrap:wrap;margin-bottom:16px}.buy .price{font-size:42px}
.buy ul.inc{list-style:none;margin:20px 0 0;padding:18px 0 0;border-top:1px solid var(--ligne)}.buy ul.inc li{display:flex;gap:10px;margin-bottom:8px;font-size:15.5px;line-height:1.45}.buy ul.inc li:last-child{margin-bottom:0}.buy li svg{flex:0 0 20px;color:var(--sauge-f);margin-top:2px}.buy li small{color:var(--gris);font-size:14px;white-space:nowrap}
.reass{list-style:none;display:grid;grid-template-columns:1fr 1fr;gap:8px 14px;font-size:14px;color:var(--gris);margin-top:16px}.reass li{display:flex;gap:8px;align-items:center}.reass svg{color:var(--sauge-f);flex:0 0 auto}
@media(max-width:899px){.prod .wrap{grid-template-columns:1fr;gap:28px}.buy{position:static;padding:24px 22px}.buy .price{font-size:38px}}
.files{display:grid;grid-template-columns:1fr 1fr;gap:16px}.files article{background:#fff;border:1px solid var(--ligne);border-radius:20px;padding:22px 24px;display:flex;flex-direction:column;gap:6px}
.files .top{display:flex;justify-content:space-between;align-items:flex-start;gap:12px}.files h3{font-size:19px;margin:0}.files .nb{flex:0 0 auto;font-size:12.5px;font-weight:600;color:var(--sauge-f);background:#E3ECE4;border-radius:99px;padding:3px 11px;white-space:nowrap}.files p{color:var(--gris);font-size:15.5px}
.files .bonus{background:#F5EAD3;border-color:#E8D6AB}.files .bonus .nb{background:#fff;color:#7D5B14}
@media(max-width:899px){.files{grid-template-columns:1fr}}
.kitfiles{margin-bottom:14px;background:#fff;border:1px solid var(--ligne);border-radius:20px;padding:4px 24px}.kitfiles summary{cursor:pointer;list-style:none;display:flex;justify-content:space-between;align-items:center;gap:12px;padding:18px 0;font-family:Fraunces,serif;font-weight:600;font-size:21px;min-height:60px}.kitfiles summary::-webkit-details-marker{display:none}.kitfiles summary::after{content:"+";font-size:28px;color:var(--terra-f)}.kitfiles[open] summary::after{content:"–"}
.kitfiles ul{list-style:none;padding:0 0 14px}.kitfiles li{padding:12px 0;border-top:1px solid var(--ligne)}.kitfiles li b{font-weight:600}.kitfiles li span{display:block;font-size:15px;color:var(--gris)}
.panel{background:var(--sable);border-radius:28px;padding:28px;display:flex;justify-content:center;align-items:center}.panel img{border-radius:12px;box-shadow:var(--ombre);background:#fff;max-height:560px;width:auto;max-width:100%}.panel.tall{padding:24px}
.packkits{display:grid;grid-template-columns:repeat(4,1fr);gap:20px}.packkits .card h3{font-size:20px}.packkits .card .body{padding:18px 20px 22px}.packkits .bonus{background:#F5EAD3;border:1px solid #E8D6AB;border-radius:24px;padding:24px;display:flex;flex-direction:column;gap:8px}
@media(max-width:1000px){.packkits{grid-template-columns:1fr 1fr}}@media(max-width:600px){.packkits{grid-template-columns:1fr}}
.cross{display:grid;grid-template-columns:1fr 1.2fr;gap:0;background:#fff;border:2px solid var(--encre);border-radius:28px;overflow:hidden;box-shadow:var(--ombre)}.cross .ph{min-height:260px}.cross .ph picture,.cross .ph img{width:100%;height:100%}.cross .ph img{object-fit:cover}.cross .tx{padding:36px}.cross p{color:var(--gris);margin-bottom:18px}
@media(max-width:899px){.cross{grid-template-columns:1fr}.cross .ph{min-height:0;aspect-ratio:3/2}.cross .tx{padding:24px}}
.more{display:grid;grid-template-columns:1fr 1fr;gap:20px}.more a.mc{background:#fff;border:1px solid var(--ligne);border-radius:22px;padding:24px;text-decoration:none;display:flex;flex-direction:column;gap:8px;box-shadow:var(--ombre-s)}.more a.mc:hover{box-shadow:var(--ombre)}.more .mc b{font-family:Fraunces,serif;font-size:20px;font-weight:600;line-height:1.25}.more .mc span{color:var(--gris);font-size:15.5px}.more .mc em{font-style:normal;font-weight:600;color:var(--terra-f);font-size:15px}
@media(max-width:700px){.more{grid-template-columns:1fr}}
/* barre d'achat mobile */
.sbar{position:fixed;left:0;right:0;bottom:0;z-index:25;background:rgba(255,255,255,.97);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);border-top:1px solid var(--ligne);box-shadow:0 -10px 30px rgba(47,58,51,.12);padding:10px 16px calc(10px + env(safe-area-inset-bottom));display:flex;align-items:center;gap:14px;transform:translateY(110%);visibility:hidden;transition:transform .25s,visibility .25s}
.sbar.on{transform:none;visibility:visible}.sbar .i{flex:1;min-width:0;line-height:1.25}.sbar .i b{display:block;font-size:14px;font-weight:600;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.sbar .price{font-size:22px}.sbar .btn{flex:0 0 auto;padding:12px 24px;min-height:48px}
@media(min-width:900px){.sbar{display:none}}@media(max-width:899px){body.kit{padding-bottom:78px}}
/* visionneuse */
dialog.viewer{border:0;background:transparent;max-width:none;max-height:none;width:100%;height:100%;padding:0;margin:0;color:#fff}dialog.viewer::backdrop{background:rgba(24,30,26,.88)}
.viewer .vw{height:100%;display:flex;align-items:center;justify-content:center;gap:8px;padding:56px 8px 20px}.viewer figure{display:flex;flex-direction:column;align-items:center;gap:12px;min-width:0}
.viewer figure img{max-height:calc(100dvh - 130px);max-width:min(100%,640px);width:auto;height:auto;background:#fff;border-radius:6px;box-shadow:0 20px 60px rgba(0,0,0,.5)}.viewer figcaption{font-size:14.5px;text-align:center;color:#E8EBE7;max-width:520px}
.viewer button{width:48px;height:48px;border-radius:50%;border:0;background:rgba(255,255,255,.14);color:#fff;cursor:pointer;display:flex;align-items:center;justify-content:center;flex:0 0 auto}.viewer button:hover{background:rgba(255,255,255,.28)}.viewer .vx{position:absolute;right:14px;top:10px}
@media(max-width:600px){.viewer .vp,.viewer .vn{position:absolute;bottom:14px;z-index:2}.viewer .vp{left:14px}.viewer .vn{right:14px}.viewer .vw{padding:56px 8px 78px}}
/* dialogue d'achat */
dialog#achat{border:0;border-radius:24px;padding:30px;max-width:500px;width:calc(100% - 32px);max-height:calc(100dvh - 32px);overflow:auto;margin:auto;box-shadow:0 30px 80px rgba(0,0,0,.3);background:var(--creme);color:var(--encre)}
dialog#achat::backdrop{background:rgba(30,35,32,.6)}dialog#achat h3{font-size:25px;margin-bottom:4px;padding-right:30px}dialog#achat .sub{color:var(--gris);font-size:15px;margin-bottom:18px}
dialog#achat .x{position:absolute;right:12px;top:10px;background:none;border:0;font-size:30px;line-height:1;cursor:pointer;color:var(--gris);width:44px;height:44px}
form.fm{display:flex;flex-direction:column;gap:14px}form.fm label.ck{display:flex;gap:12px;font-size:14.5px;line-height:1.5;align-items:flex-start;cursor:pointer}form.fm label.ck input{margin-top:3px;width:20px;height:20px;flex:0 0 20px;accent-color:var(--sauge-f)}
form.fm input[type=email],form.fm select{font:16px Inter,sans-serif;padding:14px 16px;border-radius:14px;border:1.5px solid var(--ligne);background:#fff;color:var(--encre);width:100%}
.err{color:#B3261E;font-size:14px;min-height:20px}.okmsg{background:#E3ECE4;border-radius:14px;padding:16px 18px;font-size:15.5px;line-height:1.55;color:var(--encre)}.pay-note{font-size:13px;color:var(--gris);text-align:center}
/* gratuit, merci, légal, articles */
.fiches{display:grid;grid-template-columns:repeat(3,1fr);gap:24px}.fiche{background:#fff;border:1px solid var(--ligne);border-radius:26px;overflow:hidden;box-shadow:var(--ombre-s);display:flex;flex-direction:column}
.fiche .pv{background:var(--sable);padding:26px;display:flex;justify-content:center;gap:12px}.fiche .pv img{width:100%;max-width:200px;border-radius:6px;box-shadow:var(--ombre);background:#fff}.fiche .pv img+img{display:none}@media(min-width:900px){.fiche .pv img+img{display:block;margin-top:14px}.fiche .pv.un img{margin-top:0}}
.fiche .body{padding:24px;display:flex;flex-direction:column;flex:1;gap:8px}.fiche h3{font-size:21px;margin:0}.fiche p{color:var(--gris);font-size:15.5px;flex:1}.fiche .btn{margin-top:10px}.fiche .meta{font-size:13.5px;color:var(--gris)}
@media(max-width:899px){.fiches{grid-template-columns:1fr}}
.narrow{max-width:760px;margin:0 auto;padding:44px 20px 80px}.narrow h1{font-size:clamp(34px,5vw,48px);margin-bottom:18px}
.dl{background:#fff;border:1px solid var(--ligne);border-radius:18px;padding:18px 22px;display:flex;justify-content:space-between;align-items:center;gap:14px;margin-bottom:12px;flex-wrap:wrap;box-shadow:var(--ombre-s)}.dl b{font-weight:600}
.box{background:#fff;border:1px solid var(--ligne);border-radius:22px;padding:24px 26px}.box.ok{background:#E3ECE4;border-color:#CFE0D2}.tips{display:grid;gap:14px;margin:26px 0}.tips .box{display:flex;gap:16px}.tips .n{flex:0 0 40px;height:40px;border-radius:50%;background:var(--sauge-f);color:#fff;display:flex;align-items:center;justify-content:center;font-family:Fraunces,serif;font-size:19px}.tips h3{font-size:19px;margin-bottom:4px}.tips p{color:var(--gris);font-size:15.5px}
.legal{max-width:760px;padding:44px 20px 80px;margin:0 auto}.legal h1{font-size:clamp(34px,5vw,44px);margin-bottom:18px}.legal h2{font-size:24px;margin:30px 0 10px}.legal p,.legal li{margin-bottom:10px;color:#3b4540}.legal ul{padding-left:22px}
.arthead{padding:20px 0 0}.art{max-width:740px;margin:0 auto;padding:0 20px 40px}.art .meta{font-size:14.5px;color:var(--gris);margin:14px 0 26px;display:flex;flex-wrap:wrap;gap:4px 14px}
.art h1{font-size:clamp(32px,4.8vw,46px);margin-top:22px}.art .hero-img img{border-radius:22px;box-shadow:var(--ombre);width:100%}.art .hero-img{margin-bottom:30px}
.art h2{font-size:clamp(25px,3vw,31px);margin:44px 0 14px}.art p,.art li{font-size:18px;line-height:1.72}.art p{margin-bottom:16px}.art ul,.art ol{padding-left:24px;margin:0 0 20px}.art li{margin-bottom:10px;padding-left:4px}.art a{color:var(--terra-f);text-underline-offset:3px}
.art .intro p:first-child{font-size:19px;color:var(--encre)}
.toc{background:var(--sable);border-radius:20px;padding:20px 26px;margin:28px 0}.toc b{font-family:Fraunces,serif;font-size:18px;font-weight:600}.toc ol{margin:10px 0 0;padding-left:22px}.toc li{font-size:16px;margin-bottom:6px;line-height:1.45}.toc a{color:var(--encre);text-decoration:none}.toc a:hover{text-decoration:underline}
.abox{display:grid;grid-template-columns:140px 1fr;gap:22px;align-items:center;background:#fff;border:1px solid var(--ligne);border-left:5px solid var(--sauge);border-radius:22px;padding:22px;margin:34px 0;box-shadow:var(--ombre-s)}.abox.k{border-left-color:var(--terra)}.abox img{border-radius:10px;box-shadow:var(--ombre-s);width:100%;aspect-ratio:3/4;object-fit:cover;object-position:top;background:var(--sable)}.abox.k img{aspect-ratio:3/2;object-position:center}
.abox h3{font-size:20px;margin-bottom:6px}.abox p{font-size:16.5px;margin-bottom:14px;color:var(--gris)}.abox .kick{margin-bottom:6px;font-size:12px}
@media(max-width:600px){.abox,.abox.k{grid-template-columns:1fr}.abox img{max-width:160px}.abox.k img{max-width:none}}
.sources{font-size:15px;color:var(--gris);border-top:1px solid var(--ligne);margin-top:34px;padding-top:18px}.sources h2{font-size:20px;margin:0 0 8px}.sources li{font-size:15px;margin-bottom:4px}
.artcards{display:grid;grid-template-columns:repeat(3,1fr);gap:24px}.artcards .card h3{font-size:21px}.artcards .card .d{font-size:13.5px;color:var(--gris)}
@media(max-width:899px){.artcards{grid-template-columns:1fr}}