@import url('https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;500;600;700&family=Manrope:wght@400;500;600;700;800&display=swap');
:root{--green:#166b54;--deep:#17352d;--lime:#e8f3ed;--cream:#faf9f5;--ink:#202b27;--muted:#6c7771;--line:#e4e9e4;--orange:#f2a64a;--shadow:0 18px 50px #18392b12}*{box-sizing:border-box}body{margin:0;color:var(--ink);font-family:'DM Sans',sans-serif;background:#fff;line-height:1.55}h1,h2,h3{font-family:Manrope,sans-serif;line-height:1.15;color:var(--deep);margin:0 0 14px}h1{font-size:clamp(2rem,4vw,3.6rem);letter-spacing:-.045em}h2{font-size:clamp(1.5rem,2.6vw,2.3rem);letter-spacing:-.035em}p{margin:0 0 14px}.container{width:min(1160px,calc(100% - 40px));margin:auto}.topbar{background:var(--deep);color:white;text-align:center;padding:8px 12px;font-size:.84rem}.header{border-bottom:1px solid var(--line);background:#fff;position:sticky;top:0;z-index:5}.nav{height:78px;display:flex;align-items:center;justify-content:space-between;gap:24px}.brand img{width:200px;max-width:48vw;display:block}.navlinks{display:flex;gap:22px;align-items:center}.navlinks a,.footer a{color:inherit;text-decoration:none;font-size:.92rem}.navlinks a:hover,.footer a:hover{color:var(--green)}.btn{display:inline-flex;align-items:center;justify-content:center;border:0;border-radius:999px;padding:14px 22px;background:var(--green);color:#fff;text-decoration:none;font-weight:700;cursor:pointer;transition:.2s;font-size:.96rem}.btn:hover{background:#0f5743;transform:translateY(-1px)}.btn.light{background:#fff;color:var(--deep);border:1px solid var(--line)}.hero{padding:54px 0 70px;background:radial-gradient(circle at 15% 25%,#edf7ef 0,transparent 38%),linear-gradient(120deg,#fbfaf5,#fff)}.hero-grid{display:grid;grid-template-columns:1fr 1fr;gap:54px;align-items:center}.eyebrow{display:inline-flex;padding:7px 12px;background:#e3f2e9;border-radius:999px;color:var(--green);font-size:.8rem;font-weight:800;text-transform:uppercase;letter-spacing:.08em;margin-bottom:18px}.hero p{font-size:1.08rem;color:#586760;max-width:520px}.hero-image{background:#eef4ee;border-radius:28px;padding:16px;box-shadow:var(--shadow);position:relative}.hero-image img{width:100%;display:block;max-height:510px;object-fit:contain;border-radius:18px}.trust{display:flex;flex-wrap:wrap;gap:15px;margin-top:24px;color:#4b5e54;font-size:.88rem}.trust span{display:flex;gap:7px;align-items:center}.tick{color:var(--green);font-weight:900}.price{font-size:1.9rem;font-weight:800;color:var(--green);margin:18px 0}.price small{font-size:.85rem;font-weight:500;color:var(--muted)}.section{padding:72px 0}.section.soft{background:var(--cream)}.section-head{text-align:center;max-width:650px;margin:0 auto 34px}.section-head p{color:var(--muted)}.benefits{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}.benefit{padding:26px;border:1px solid var(--line);border-radius:20px;background:white}.benefit .emoji{font-size:1.7rem;margin-bottom:14px}.benefit h3{font-size:1.15rem}.benefit p{color:var(--muted);font-size:.94rem;margin:0}.gallery{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}.gallery img{width:100%;aspect-ratio:1/1;object-fit:contain;background:#f6f7f4;border-radius:18px;padding:10px}.video-wrap{max-width:460px;margin:25px auto 0;border-radius:22px;overflow:hidden;background:#111;box-shadow:var(--shadow)}.video-wrap video{display:block;width:100%;max-height:620px}.order-section{background:var(--lime)}.order-grid{display:grid;grid-template-columns:.8fr 1.2fr;gap:40px;align-items:start}.order-intro{position:sticky;top:110px}.form-card{background:#fff;border:1px solid #dce9df;border-radius:24px;padding:30px;box-shadow:var(--shadow)}.form-grid{display:grid;grid-template-columns:1fr 1fr;gap:16px}.field{display:flex;flex-direction:column;gap:7px}.field.full{grid-column:1/-1}label{font-size:.88rem;font-weight:700;color:#31483d}input,select,textarea{font:inherit;width:100%;border:1px solid #d7e0d9;border-radius:12px;padding:12px 13px;background:#fff;color:var(--ink);outline:none}input:focus,select:focus,textarea:focus{border-color:var(--green);box-shadow:0 0 0 3px #166b5418}textarea{min-height:94px;resize:vertical}.variants{display:flex;flex-wrap:wrap;gap:9px}.variant{position:relative}.variant input{position:absolute;opacity:0;pointer-events:none}.variant span{display:inline-flex;align-items:center;gap:8px;padding:9px 13px;border:1px solid #d9e2dc;border-radius:999px;cursor:pointer;background:white;font-size:.88rem}.variant input:checked+span{border-color:var(--green);background:#e8f3ed;color:var(--green);box-shadow:inset 0 0 0 1px var(--green)}.swatch{width:17px;height:17px;border-radius:50%;display:inline-block;border:1px solid #0002}.summary{margin:20px 0;padding:16px;border-radius:14px;background:#f7faf7;display:flex;justify-content:space-between;gap:12px;font-weight:700}.summary strong{color:var(--green);font-size:1.2rem}.small{font-size:.82rem;color:var(--muted)}.legal-note{font-size:.8rem;color:var(--muted);margin-top:14px}.footer{background:#142e27;color:#e6f0e9;padding:44px 0 20px}.footer-grid{display:grid;grid-template-columns:1.4fr 1fr 1fr;gap:35px}.footer h3{color:white;font-size:1rem}.footer p{color:#bdcec4;font-size:.9rem;max-width:370px}.footer-links{display:grid;gap:9px}.copyright{border-top:1px solid #ffffff24;margin-top:30px;padding-top:18px;color:#b7c9be;font-size:.82rem;display:flex;justify-content:space-between;gap:15px;flex-wrap:wrap}.page{padding:55px 0 80px;min-height:50vh}.prose{max-width:820px}.prose h2{font-size:1.35rem;margin-top:30px}.prose p,.prose li{color:#536159}.notice{padding:16px 18px;background:#fff7e9;border:1px solid #f2dfbd;border-radius:14px;color:#684d22;margin:20px 0}.success-card{max-width:680px;margin:40px auto;text-align:center;padding:45px 30px;border:1px solid var(--line);border-radius:24px;box-shadow:var(--shadow)}.success-icon{font-size:3rem}.mobile-menu{display:none}.admin-body{background:#f5f7f4}.admin-shell{width:min(1200px,calc(100% - 32px));margin:34px auto}.admin-head{display:flex;justify-content:space-between;gap:20px;align-items:center;margin-bottom:24px}.stats{display:grid;grid-template-columns:repeat(4,1fr);gap:14px;margin-bottom:24px}.stat,.admin-card{background:#fff;border:1px solid var(--line);border-radius:16px;padding:20px;box-shadow:0 8px 24px #17352d08}.stat small{color:var(--muted)}.stat strong{display:block;font-size:1.7rem;color:var(--green)}.table-wrap{overflow:auto}table{border-collapse:collapse;width:100%;min-width:720px}th,td{text-align:left;padding:13px;border-bottom:1px solid var(--line);font-size:.9rem}th{font-size:.78rem;text-transform:uppercase;color:var(--muted)}.btn.danger{background:#a93535;padding:9px 13px;font-size:.82rem}.admin-login{max-width:420px;margin:9vh auto;background:#fff;padding:30px;border:1px solid var(--line);border-radius:22px;box-shadow:var(--shadow)}.admin-login .field{margin:16px 0}.inline-form{display:inline}.empty{padding:24px;text-align:center;color:var(--muted)}@media(max-width:800px){.container{width:min(100% - 28px,600px)}.nav{height:68px}.navlinks{gap:12px}.navlinks a:not(.btn){display:none}.navlinks .btn{padding:10px 15px;font-size:.84rem}.hero{padding:35px 0 48px}.hero-grid,.order-grid{grid-template-columns:1fr;gap:28px}.hero-image{order:-1}.hero-image img{max-height:390px}.order-intro{position:static}.section{padding:52px 0}.benefits{grid-template-columns:1fr}.gallery{grid-template-columns:repeat(2,1fr);gap:10px}.form-card{padding:20px}.footer-grid{grid-template-columns:1fr 1fr}.footer-grid>div:first-child{grid-column:1/-1}.stats{grid-template-columns:repeat(2,1fr)}}@media(max-width:460px){.form-grid{grid-template-columns:1fr}.field.full{grid-column:auto}.gallery{grid-template-columns:1fr 1fr}.footer-grid{grid-template-columns:1fr}.footer-grid>div:first-child{grid-column:auto}.trust{gap:9px}.hero h1{font-size:2.25rem}.admin-head{align-items:flex-start;flex-direction:column}.stats{grid-template-columns:1fr 1fr}.stat{padding:14px}.stat strong{font-size:1.35rem}}
/* Galerie principale photo/vidéo */
.product-media{min-width:0;background:#fff;border:1px solid var(--line);border-radius:26px;padding:12px;box-shadow:var(--shadow)}
.media-stage{background:#f2f5f0;border-radius:18px;overflow:hidden;aspect-ratio:1/1;display:flex;align-items:center;justify-content:center}
.media-stage video,.media-stage img{display:block;width:100%;height:100%;object-fit:contain;max-height:560px}
.media-thumbs{display:flex;gap:9px;overflow-x:auto;padding:12px 2px 4px;scrollbar-width:thin}
.media-thumb{position:relative;flex:0 0 68px;width:68px;height:68px;padding:3px;border:2px solid transparent;border-radius:12px;background:#f5f6f2;cursor:pointer;overflow:hidden}
.media-thumb img{width:100%;height:100%;object-fit:contain;display:block}
.media-thumb.active{border-color:var(--green);box-shadow:0 0 0 2px #166b5418}
.play-badge{position:absolute;z-index:1;inset:auto 5px 5px auto;width:24px;height:24px;border-radius:50%;background:var(--green);color:white;display:grid;place-items:center;font-size:11px;box-shadow:0 2px 8px #0002}
.media-hint{font-size:.78rem;color:var(--muted);margin:5px 4px 2px}
.size-guide{display:grid;grid-template-columns:1.2fr .8fr;gap:22px;align-items:start}
.size-steps,.size-list{background:white;border:1px solid var(--line);border-radius:20px;padding:24px}
.size-steps article{display:flex;gap:15px;padding:10px 0 17px}
.size-steps article+article{border-top:1px solid var(--line);padding-top:20px}
.size-steps article>span{flex:0 0 34px;height:34px;border-radius:50%;display:grid;place-items:center;background:var(--lime);color:var(--green);font-weight:800}
.size-steps h3,.size-list h3{font-size:1.05rem;margin-bottom:7px}
.size-steps p,.size-list p{color:var(--muted);font-size:.91rem;margin:0}
.size-pills{display:flex;flex-wrap:wrap;gap:8px;margin:18px 0}
.size-pills span{padding:8px 12px;border:1px solid #d9e2dc;border-radius:10px;background:#f8faf8;font-weight:800;color:var(--deep)}
.size-list .btn{margin-top:18px}
@media(max-width:800px){.size-guide{grid-template-columns:1fr}.product-media{order:-1}.media-thumb{flex-basis:60px;width:60px;height:60px}}
/* Refined product-first layout */
.product-hero{padding:34px 0 58px}.product-heading{text-align:center;max-width:760px;margin:0 auto 28px}.product-heading .eyebrow{margin-bottom:12px}.product-heading h1{margin-bottom:12px}.product-heading p{max-width:600px;margin:0 auto;color:var(--muted);font-size:1.04rem}.product-layout{display:grid;grid-template-columns:minmax(0,1.15fr) minmax(340px,.85fr);gap:24px;align-items:start}.product-media{padding:14px}.media-stage{aspect-ratio:1/0.88}.media-stage video,.media-stage img{max-height:600px}.media-thumbs{gap:10px;padding-top:14px}.media-thumb{flex-basis:76px;width:76px;height:76px}.quick-buy{background:#fff;border:1px solid var(--line);border-radius:24px;padding:28px;box-shadow:var(--shadow);position:sticky;top:100px}.stock-label{display:inline-flex;align-items:center;gap:8px;background:#eaf6ed;color:#226447;border-radius:999px;padding:6px 11px;font-size:.78rem;font-weight:800}.stock-label i{display:block;width:8px;height:8px;background:#29995b;border-radius:50%}.quick-buy h2{font-size:1.55rem;margin:16px 0 8px}.quick-price{font-size:2rem;line-height:1.2;font-weight:900;color:var(--green);margin:12px 0}.quick-price small{font-size:.82rem;color:var(--muted);font-weight:500}.quick-description{color:var(--muted);font-size:.93rem;margin-bottom:20px}.quick-buy .field{margin-top:17px}.quick-buy .field>label{margin-bottom:7px}.quick-sizes{gap:7px}.quick-buy .variant span{padding:8px 11px}.quick-color-field{margin-bottom:22px}.quick-order-btn{width:100%;gap:8px;min-height:52px}.size-link{display:block;text-align:center;margin-top:13px;color:var(--green);font-weight:800;text-decoration:none;font-size:.9rem}.size-link:hover{text-decoration:underline}.quick-trust{display:grid;grid-template-columns:1fr 1fr;gap:9px;margin-top:20px;padding-top:16px;border-top:1px solid var(--line);font-size:.79rem;color:#4d6658}.quick-trust span:last-child{grid-column:1/-1}.size-calculator{margin-top:20px;padding:18px;background:#f5faf6;border:1px solid #dce9df;border-radius:16px}.size-calculator>label{display:block;margin-bottom:8px}.measure-input{display:flex;gap:8px}.measure-input input{min-width:0;max-width:150px}.measure-input .btn{padding:11px 14px;border-radius:12px;white-space:nowrap;font-size:.88rem}.size-calculator .small{margin:12px 0 0}.size-table-wrap{overflow-x:auto;margin:16px 0}.size-table{width:100%;min-width:0;border-collapse:collapse}.size-table th,.size-table td{padding:11px 9px;border-bottom:1px solid var(--line);font-size:.9rem}.size-table th{background:#f5faf6;color:var(--deep);text-transform:none}.size-table td:last-child{color:var(--green)}.size-note{margin-top:12px!important}.size-list .btn{width:100%;text-align:center}
@media(max-width:850px){.product-layout{grid-template-columns:1fr;gap:16px}.quick-buy{position:static}.product-media{order:0}.product-heading{margin-bottom:22px}.media-stage{aspect-ratio:1/1}.quick-buy{padding:23px}}
@media(max-width:480px){.product-hero{padding-top:24px}.product-heading h1{font-size:2rem}.product-layout{gap:12px}.product-media{padding:9px}.media-thumb{flex-basis:58px;width:58px;height:58px}.quick-buy{padding:18px}.quick-buy h2{font-size:1.35rem}.quick-price{font-size:1.8rem}.measure-input{flex-direction:column}.measure-input input{max-width:none}.measure-input .btn{width:100%}.size-steps,.size-list{padding:18px}}

/* Achat complet à côté du produit : aucun besoin de descendre pour commander */
.quick-buy{scroll-margin-top:100px}.top-order-form{padding:0;border:0;box-shadow:none;border-radius:0;background:transparent;margin-top:18px}.top-order-form .field{margin:15px 0}.top-order-form .form-grid{grid-template-columns:1fr;gap:12px}.top-order-form input,.top-order-form select,.top-order-form textarea{padding:10px 11px}.top-order-form .variant span{padding:8px 10px}.top-order-form .summary{margin:15px 0;padding:13px}.consent-label{display:flex;gap:9px;align-items:flex-start;font-weight:400;line-height:1.45}.consent-label input{width:auto;flex:0 0 auto;margin-top:4px}.top-submit{width:100%;min-height:54px;gap:8px;font-size:1rem;box-shadow:0 8px 20px #166b5428}.top-order-form .legal-note{margin-bottom:0}.quick-buy .quick-trust{margin-top:15px}.product-heading{margin-bottom:20px}
@media(min-width:851px){.quick-buy{max-height:none}.top-order-form .form-grid{grid-template-columns:1fr 1fr}.top-order-form .field.full{grid-column:1/-1}.quick-buy{position:static}}
@media(max-width:850px){.product-layout{grid-template-columns:minmax(0,1fr)}.quick-buy{order:1}.product-media{order:0}.top-order-form .form-grid{grid-template-columns:1fr 1fr}.top-order-form .field.full{grid-column:1/-1}}
@media(max-width:480px){.top-order-form .form-grid{grid-template-columns:1fr}.top-order-form .field.full{grid-column:auto}.quick-buy .variants{gap:7px}.top-order-form .variant span{padding:8px 9px;font-size:.84rem}}
