@import url('https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;500;600;700&family=Playfair+Display:ital,wght@0,500;0,600;0,700;1,500&display=swap');:root{--ink:#31231e;--muted:#817168;--bg:#f9f6f1;--accent:#a6472e;--line:#e9ded5}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--bg);color:var(--ink);font-family:'DM Sans',sans-serif}button,input,textarea{font:inherit}button{cursor:pointer}a{color:inherit;text-decoration:none}.header{height:86px;background:#fffaf6;display:flex;align-items:center;justify-content:space-between;padding:0 max(30px,calc((100vw - 1280px)/2));gap:25px;border-bottom:1px solid var(--line);position:sticky;top:0;z-index:20}.identity img{width:208px;max-width:100%;display:block}.header nav{display:flex;gap:32px;font-size:14px;font-weight:600}.header nav a:hover{color:var(--accent)}.cart-toggle,.mobile-cart{background:var(--ink);color:white;border:0;border-radius:99px;padding:13px 20px;font-weight:700;white-space:nowrap}.cart-toggle span{display:inline-flex;align-items:center;justify-content:center;min-width:24px;height:24px;border-radius:50%;background:#fff;color:var(--ink);margin-left:7px}.hero{max-width:1440px;min-height:580px;margin:auto;display:grid;grid-template-columns:1.05fr .95fr;align-items:stretch;background:#f5ece2}.hero-content{padding:85px max(36px,calc((100vw - 1280px)/2)) 75px max(36px,calc((100vw - 1280px)/2));padding-right:45px;display:flex;flex-direction:column;align-items:flex-start;justify-content:center}.eyebrow{letter-spacing:.17em;color:var(--accent);font-size:11px;font-weight:800}.hero h1,h2,.how h2{font-family:'Playfair Display',Georgia,serif;letter-spacing:-.035em}.hero h1{font-size:clamp(47px,5vw,78px);line-height:1.1;margin:24px 0}.hero h1 em{color:var(--accent);font-weight:500}.hero p{max-width:470px;font-size:17px;line-height:1.75;color:#6b5950}.hero-photo{width:100%;height:100%;max-height:650px;object-fit:cover}.hero-actions{display:flex;gap:12px;flex-wrap:wrap;margin-top:24px}.btn{border-radius:99px;border:1px solid transparent;padding:16px 25px;display:inline-flex;gap:30px;align-items:center;justify-content:center;font-weight:700;font-size:14px}.btn.primary{color:white;background:var(--accent)}.btn.primary:hover{background:#84341f}.btn.subtle{background:#fff;border-color:#e6d4c6}.hero-notes{display:flex;flex-wrap:wrap;gap:21px;margin-top:44px;color:#66544a;font-size:12px}.catalog{max-width:1280px;margin:auto;padding:90px 30px}.section-heading{display:flex;justify-content:space-between;gap:30px;align-items:end}.section-heading h2{font-size:clamp(32px,4vw,51px);margin:10px 0}.section-heading p{color:var(--muted);margin:0}.search-wrap{min-width:280px}.search-wrap label{font-size:12px;display:block;color:var(--muted);margin-bottom:8px}.search-wrap input{width:100%;border:1px solid var(--line);background:#fff;border-radius:12px;padding:14px 17px;outline-color:var(--accent)}.filters{display:flex;gap:8px;overflow-x:auto;padding:27px 0 24px;scrollbar-width:thin}.filter{border:1px solid var(--line);background:#fff;color:#6f5c50;border-radius:99px;padding:11px 17px;white-space:nowrap;font-size:13px;font-weight:600}.filter.active{background:var(--ink);color:#fff}.products{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:19px}.product{background:#fff;border:1px solid #eee6de;border-radius:19px;overflow:hidden;display:flex;flex-direction:column;box-shadow:0 6px 20px #35261c08}.product-image{height:170px;background:linear-gradient(135deg,#e7d1bd,#faf0e6);display:flex;align-items:center;justify-content:center;font-family:Georgia,serif;font-size:49px;color:#a37657}.product-image img{width:100%;height:100%;object-fit:cover}.product-info{padding:18px;display:flex;flex-direction:column;gap:10px;flex:1}.product-info h3{margin:0;font-size:16px}.product-info p{font-size:12px;line-height:1.5;color:var(--muted);margin:0;min-height:35px}.product-bottom{display:flex;align-items:center;justify-content:space-between;margin-top:auto;gap:8px}.product-bottom strong{font-size:17px}.add{border:0;background:var(--accent);color:white;border-radius:11px;font-weight:700;width:37px;height:37px;font-size:24px}.empty{padding:30px;text-align:center}.how{background:#f0e3d6;text-align:center;padding:75px 25px}.how h2{font-size:40px}.steps{display:grid;grid-template-columns:repeat(3,1fr);max-width:1050px;margin:40px auto 0;gap:22px}.steps article{background:#fff9f2;padding:26px;border-radius:18px;text-align:left}.steps b{color:var(--accent);font-size:24px}.steps h3{font-size:19px}.steps p{color:var(--muted);font-size:14px;line-height:1.7}footer{padding:55px 24px;text-align:center;background:#30231e;color:#f6eee7}footer img{width:190px;background:#fffaf6;padding:8px;border-radius:9px}footer p{font-size:13px;color:#d7c9bd}footer a{font-size:13px;text-decoration:underline}.scrim{position:fixed;inset:0;background:#1e161299;z-index:29}.scrim[hidden]{display:none}.cart{position:fixed;right:0;top:0;bottom:0;width:min(460px,100vw);background:#fffbf7;z-index:30;box-shadow:-14px 0 70px #0002;transform:translateX(105%);transition:transform .22s;display:flex;flex-direction:column}.cart.open{transform:translateX(0)}.cart-top{padding:23px 27px;border-bottom:1px solid var(--line);display:flex;justify-content:space-between}.cart-top h2{margin:7px 0 0;font-family:Georgia,serif}.close{border:0;background:transparent;font-size:22px}.cart-lines{padding:18px 26px;overflow-y:auto;flex:1;min-height:100px}.cart-line{display:grid;grid-template-columns:1fr auto;gap:10px;border-bottom:1px solid var(--line);padding:14px 0}.cart-line strong{display:block;font-size:14px;margin-bottom:7px}.cart-line small{color:var(--muted)}.qty{display:flex;align-items:center;gap:9px;margin-top:10px}.qty button{height:27px;width:27px;background:#f5e9df;border:0;border-radius:8px}.cart-bottom{padding:20px 26px 28px;border-top:1px solid var(--line);overflow-y:auto;max-height:65vh}.sum{display:flex;justify-content:space-between;align-items:center;font-size:16px}.sum strong{font-size:22px}.hint{font-size:12px;color:var(--muted)}#checkoutForm{display:grid;gap:11px}#checkoutForm h3{font-family:Georgia,serif;margin:6px 0}#checkoutForm label{font-size:12px;font-weight:700;display:grid;gap:6px}#checkoutForm input,#checkoutForm textarea{border:1px solid #ded0c4;border-radius:9px;padding:11px;background:white;width:100%;outline-color:var(--accent)}.place-order{width:100%;margin-top:6px}#checkoutMessage{font-size:13px;line-height:1.5}#checkoutMessage.error{color:#ac2525}#checkoutMessage.success{color:#22754d}.mobile-cart{display:none}@media(max-width:1050px){.products{grid-template-columns:repeat(3,1fr)}.hero-content{padding:70px 36px}}@media(max-width:720px){.header{height:70px;padding:0 17px}.identity img{width:160px}.header nav{display:none}.cart-toggle{padding:10px 13px;font-size:12px}.hero{grid-template-columns:1fr}.hero-content{padding:52px 23px}.hero h1{font-size:48px}.hero-photo{height:260px;order:-1}.hero-notes{margin-top:28px}.catalog{padding:55px 16px}.section-heading{display:block}.search-wrap{margin-top:24px}.products{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.product-image{height:120px}.product-info{padding:12px}.product-info h3{font-size:14px}.product-info p{font-size:11px}.product-bottom strong{font-size:14px}.how h2{font-size:30px}.steps{grid-template-columns:1fr}.mobile-cart{display:flex;position:fixed;bottom:14px;left:16px;right:16px;z-index:18;justify-content:space-between;box-shadow:0 7px 25px #0002}.cart{bottom:0}.cart-bottom{max-height:63vh}}

/* Boutique La Vanilla — refonte commerciale */
:root{--ink:#30221b;--muted:#796c61;--bg:#fcfaf5;--accent:#9d4b35;--line:#ebdfd5}
.header{box-shadow:0 8px 30px #36271c0a}.header nav a{position:relative}.header nav a:hover:after{content:'';position:absolute;bottom:-9px;left:0;right:0;height:2px;background:var(--accent)}
.hero{background:linear-gradient(110deg,#f7ebdb 0%,#f1e5d6 55%,#ede0d0 100%)}.hero-photo{filter:saturate(.91)}.hero-content{position:relative}.hero-content:before{content:'✦  Commande en ligne';background:#fff8eec9;padding:10px 15px;border-radius:40px;color:#8d4b37;font-size:11px;font-weight:800;letter-spacing:.08em}.hero h1{letter-spacing:-.05em}.hero-notes span{background:#fff9f2a8;border:1px solid #e6d6c9;padding:9px 12px;border-radius:30px}
.catalog{padding-top:72px}.filters{position:sticky;top:86px;z-index:10;background:var(--bg);border-bottom:1px solid var(--line);margin-bottom:20px}.filter{transition:.2s}.filter:hover{border-color:var(--accent)}.product{transition:transform .2s,box-shadow .2s}.product:hover{transform:translateY(-4px);box-shadow:0 16px 35px #38281718}.product-image{height:200px;background:#efe0d2}.product-image img{transition:transform .4s}.product:hover .product-image img{transform:scale(1.04)}.product-fallback{color:#9a614e;font-family:Georgia,serif;font-style:italic;font-size:21px}.catalog-count{color:#806f62;font-size:13px;margin-bottom:17px}.catalog-warning{padding:20px;background:#fff1e7;border:1px solid #e5b5a0;border-radius:12px;margin:20px 0;color:#7e2d1c}.catalog-warning a{text-decoration:underline}.footer-links{display:flex;align-items:center;justify-content:center;gap:28px;flex-wrap:wrap;margin-bottom:30px}.footer-links a{color:#f3e5d9}.add{width:42px;height:42px;box-shadow:0 5px 12px #a6472e35}.product-info{min-height:155px}
@media(max-width:720px){.filters{top:70px}.hero h1{font-size:42px}.hero-content:before{font-size:10px}.product-image{height:148px}.product-info{min-height:162px}.hero-photo{height:290px}.catalog{padding-top:52px}.catalog-count{font-size:12px}}

/* V4 — Inspirée du visuel fourni : composition éditoriale et navigation marchande */
:root{--ink:#25221e;--muted:#6e685f;--bg:#fcfaf6;--accent:#be6844;--line:#e9dfd4}
.header{background:#fbf5ee;height:78px;box-shadow:none}.identity img{width:185px}.header nav{gap:34px}.header-actions{display:flex;align-items:center;gap:14px}.header-search{font-size:31px;line-height:1;color:#333}.cart-toggle{background:transparent;color:var(--ink);border:1px solid #dfc9b9;padding:10px 15px}.cart-toggle span#cartCount{background:#c77550;color:white}
.hero{max-width:none;min-height:520px;grid-template-columns:1fr 1fr;background:#f8f0e7}.hero-content{padding:55px 5vw 57px max(5vw,calc((100vw - 1290px)/2));max-width:760px}.hero h1{font-size:clamp(45px,5.3vw,85px);line-height:1.06}.hero h1 em{color:#bc6d4d;font-style:normal}.hero p{font-size:16px;line-height:1.7}.hero-media{min-height:510px;position:relative;overflow:hidden}.hero-photo{height:100%;max-height:none}.hero-seal{position:absolute;right:8%;top:17%;width:118px;height:118px;background:#667151;color:white;border-radius:50%;border:4px solid #f9eee2;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;transform:rotate(9deg);font-size:12px}.hero-seal strong{font-family:Georgia,serif;font-size:16px}.hero-seal small{font-size:10px;margin-top:5px}.hero-content:before{display:none}.hero-notes span{border:0;background:none;padding:0}.btn.primary{background:#be6844}.btn.primary:hover{background:#a54f30}.value-strip{display:flex;justify-content:space-around;gap:16px;padding:17px 5vw;background:#f3ece3;border-top:1px solid #ecdfd2;border-bottom:1px solid #ecdfd2;font-size:12px;color:#5b6150;flex-wrap:wrap}
.category-showcase{max-width:1300px;margin:auto;padding:70px 30px 30px}.section-heading h2{font-size:clamp(32px,3.4vw,48px)}.text-link{font-size:13px;font-weight:800}.category-tiles{display:grid;grid-template-columns:repeat(7,minmax(0,1fr));gap:17px;margin-top:29px}.category-tile{border:0;background:transparent;text-align:center;min-width:0;display:flex;flex-direction:column;align-items:center;gap:8px}.category-art{height:103px;width:103px;max-width:100%;border-radius:50%;background:linear-gradient(140deg,#eae0d0,#f9efe5);display:grid;place-items:center;font-size:43px;transition:transform .2s}.category-tile:hover .category-art{transform:translateY(-5px)}.category-tile strong{font-size:13px}.category-tile small{font-size:10px;color:var(--muted)}
.brand-band{max-width:1240px;margin:30px auto 0;border-radius:17px;overflow:hidden;background:#656c4d;color:white;min-height:245px;display:grid;grid-template-columns:40% 60%}.brand-band img{width:100%;height:100%;max-height:280px;object-fit:cover}.brand-band>div{padding:30px 7%;display:flex;flex-direction:column;align-items:flex-start;justify-content:center}.brand-band h2{font-family:Georgia,serif;font-size:clamp(26px,3vw,39px);margin:6px 0}.brand-band p{max-width:570px;line-height:1.6;font-size:14px}.brand-band .eyebrow{color:#e9caad}.band-btn{border-color:#e9dfc8;color:#fff;padding:12px 20px}
.catalog{padding-top:65px;padding-bottom:85px}.product{border-radius:12px}.product-image{height:210px}.product-info{min-height:140px}.product-info h3{font-weight:700}.product-bottom{flex-wrap:wrap}.add{width:auto;min-width:80px;border-radius:40px;font-size:14px;letter-spacing:.02em;padding:0 13px}.add:after{content:' Ajouter';font-size:12px}.how{background:#f3eadf}.steps article{background:#fff9f1}.story-grid{max-width:1280px;margin:65px auto 90px;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:23px;padding:0 30px}.story-grid article{position:relative;border-radius:14px;overflow:hidden;min-height:260px;color:white;background:#3a2923}.story-grid img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;filter:brightness(.6)}.story-grid article div{position:absolute;bottom:0;left:0;right:0;padding:24px;background:linear-gradient(transparent,#100c0a7a)}.story-grid h3{font-family:Georgia,serif;font-size:23px;margin:0 0 7px}.story-grid p{font-size:13px}.story-grid a{font-size:12px;text-decoration:underline}
footer{background:#262421;text-align:left;padding:55px max(30px,calc((100vw - 1240px)/2)) 20px}.footer-grid{display:grid;grid-template-columns:2fr 1fr 1fr 1.4fr;gap:45px}.footer-grid img{max-width:175px}.footer-grid h4{font-size:14px;margin:0 0 19px}.footer-grid p{font-size:12px;line-height:1.7;color:#dbd3c9}.footer-grid a{display:block;text-decoration:none;margin-bottom:12px;color:#e3d9cf}.footer-order{background:#b85f3f;color:white;border:0;border-radius:7px;padding:11px 14px}.footer-bottom{border-top:1px solid #4b4844;margin-top:38px;padding-top:19px;display:flex;justify-content:space-between;font-size:11px;color:#c8bfb5}
@media(max-width:1050px){.category-tiles{grid-template-columns:repeat(4,minmax(0,1fr))}.brand-band{margin-left:20px;margin-right:20px}.hero-content{padding-left:35px}.footer-grid{grid-template-columns:repeat(2,1fr)}}
@media(max-width:720px){.header{height:70px}.header-search,.cart-label{display:none}.hero{grid-template-columns:1fr}.hero-media{min-height:260px;max-height:300px;order:-1}.hero-content{padding:40px 22px 45px}.hero h1{font-size:43px}.hero-seal{height:82px;width:82px;font-size:10px}.hero-seal strong{font-size:12px}.value-strip{justify-content:center}.category-showcase{padding:50px 16px 24px}.category-tiles{display:flex;overflow-x:auto;gap:15px;padding-bottom:10px}.category-tile{flex:0 0 105px}.category-art{width:90px;height:90px;font-size:35px}.brand-band{grid-template-columns:1fr;margin:15px 16px}.brand-band img{height:160px}.brand-band>div{padding:23px}.story-grid{grid-template-columns:1fr;padding:0 16px;margin:30px auto 65px}.story-grid article{min-height:230px}.footer-grid{grid-template-columns:1fr 1fr;gap:24px}.footer-bottom{display:block}.footer-bottom span{display:block;margin-top:10px}}

/* V5 — direction artistique d'après la maquette transmise */
:root{--accent:#c8754c;--chocolate:#39281e;--sand:#fbf6ef}
body{background:#fcf9f4}
.hero{background:linear-gradient(112deg,#f7eee3 5%,#fdf8f0 55%,#ead9c7 100%)}
.hero h1{letter-spacing:-.055em}.hero h1 em{color:#c8754c}
.category-tile{transition:transform .2s,box-shadow .2s}.category-tile:hover{transform:translateY(-4px);box-shadow:0 12px 26px #422d1716}
.category-art{background:#f4eae0}.brand-band{background:#68704f}
.btn.primary,.place-order{background:#c8754c;border-color:#c8754c}
.btn.primary:hover,.place-order:hover{background:#a65c38}
@media(prefers-reduced-motion:reduce){.category-tile{transition:none}}

/* V6 — La Vanilla: boutique responsive, slider-first */
html{scroll-padding-top:100px}.announcement{background:#191919;color:#fff;min-height:36px;display:flex;align-items:center;justify-content:space-between;gap:20px;padding:7px max(4%,calc((100vw - 1250px)/2));font-size:11px}.announcement a{color:#f5b08d}.header{padding-inline:max(4%,calc((100vw - 1250px)/2));background:white}.identity{flex-shrink:0}.identity img{width:200px;height:53px;object-fit:contain;object-position:left center}.hero-v6{min-height:510px;background:#f6f0e9}.hero-v6 .hero-content{padding-left:max(4%,calc((100vw - 1250px)/2))}.hero-v6 h1{font-size:clamp(44px,5vw,70px);line-height:1.09}.hero-v6 .hero-kicker{font-family:Georgia,serif;font-style:italic;color:#a45b37;font-size:21px;margin:10px 0 -8px}.hero-v6 .hero-media{height:525px}.hero-v6 .hero-photo{object-fit:cover}.hero-v6 .hero-seal{background:#35462b;transform:rotate(-9deg)}.top-section,.pills-section,.selection{max-width:1280px;margin:auto;padding:65px 24px 20px}.slider-actions{display:flex;gap:9px;align-items:center;flex-shrink:0}.slide-arrow{display:grid;place-items:center;border:1px solid #dbc8bb;background:white;width:40px;height:40px;border-radius:50%;font-size:20px;color:#38261f;transition:.2s}.slide-arrow:hover{background:#c8754c;color:white}.slider-track{display:flex;gap:18px;overflow-x:auto;scroll-snap-type:x mandatory;scrollbar-width:none;overscroll-behavior-x:contain;padding:14px 2px 20px}.slider-track::-webkit-scrollbar{display:none}.top-card{position:relative;flex:0 0 clamp(190px,20%,238px);height:235px;border:0;border-radius:16px;overflow:hidden;text-align:left;color:white;background:#6e4b34;scroll-snap-align:start;box-shadow:0 8px 22px #0001}.top-card img{height:100%;width:100%;object-fit:cover;transition:transform .3s}.top-card:hover img{transform:scale(1.07)}.top-shade{position:absolute;inset:35% 0 0;background:linear-gradient(transparent,#140c08d9)}.top-info{position:absolute;bottom:18px;left:16px;right:16px;display:grid;gap:7px}.top-info strong{font-size:18px;line-height:1.2}.top-info small{font-size:11px}.pills-section{padding-top:45px;padding-bottom:25px}.pills{display:flex;gap:10px;flex-wrap:wrap;padding:27px 0 10px}.pills .filter{border-radius:50px;padding:13px 20px;background:#fff;border-color:#e3d8cc;color:#4f3d30;font-size:13px}.pills .filter.active,.pills .filter:hover{background:#c8754c;color:white;border-color:#c8754c}.selection{padding-top:36px}.product-section{margin:31px 0 25px;scroll-margin-top:105px}.product-section-head{display:flex;align-items:center;justify-content:space-between;gap:12px}.product-section-head h3{font:700 clamp(24px,2.6vw,33px) Georgia,serif;margin:0 0 7px}.product-section-head p{margin:0;color:var(--muted);font-size:12px}.product-track .product{flex:0 0 clamp(205px,23%,270px);scroll-snap-align:start}.product-track .product-image{height:170px}.product-track .product-info{min-height:135px}.promo{margin:55px auto 10px;max-width:1230px;background:#23211e;border-radius:18px;display:grid;grid-template-columns:42% 58%;min-height:270px;overflow:hidden;color:#fff}.promo img{width:100%;height:100%;object-fit:cover}.promo>div{padding:35px 6%;align-self:center}.promo .eyebrow{color:#e4ab8c}.promo h2{font:700 clamp(28px,3.6vw,46px) Georgia,serif;margin:12px 0}.promo p{color:#ddd1c4;font-size:14px}.promo .btn{margin-top:12px;color:#30221b}.catalog{padding-top:65px}.catalog .products{grid-template-columns:repeat(4,minmax(0,1fr))}.catalog .product-image{height:190px}.product .add{font-weight:700;background:#d16c3a}.product-fallback{font-size:21px}.top-section .section-heading,.pills-section .section-heading{align-items:center}.cart{z-index:60}.scrim{z-index:50}.mobile-cart{z-index:40}
@media(max-width:850px){.announcement span:nth-child(2){display:none}.header nav{gap:14px;font-size:12px}.identity img{width:165px}.top-card{flex-basis:220px}.catalog .products{grid-template-columns:repeat(3,minmax(0,1fr))}}
@media(max-width:720px){.announcement{font-size:10px;justify-content:center}.announcement a{display:none}.header{padding:0 15px}.identity img{width:158px;height:48px}.hero-v6{display:flex;flex-direction:column}.hero-v6 .hero-media{order:-1;height:255px;min-height:255px}.hero-v6 .hero-content{padding:31px 19px 36px}.hero-v6 h1{font-size:39px}.hero-v6 .hero-kicker{font-size:18px}.hero-v6 .hero-notes{gap:8px}.hero-v6 .hero-notes span{font-size:11px}.top-section,.pills-section,.selection{padding:40px 16px 10px}.top-card{flex-basis:76%;max-width:260px;height:210px}.section-heading .slider-actions{display:flex}.top-section h2,.pills-section h2,.selection h2{font-size:31px}.pills{flex-wrap:nowrap;overflow-x:auto;scrollbar-width:none;margin-right:-16px;padding:22px 16px 14px 0}.pills .filter{flex-shrink:0}.product-track .product{flex:0 0 68%;max-width:245px}.product-track .product-image{height:150px}.product-section{margin:27px 0}.promo{margin:40px 16px 5px;grid-template-columns:1fr}.promo img{height:165px}.promo>div{padding:23px}.catalog{padding:45px 16px}.catalog .products{grid-template-columns:repeat(2,minmax(0,1fr))}.catalog .product-image{height:125px}.catalog .product-info{min-height:155px}.cart-toggle{border:0}.header-search{display:none}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}.top-card img,.slide-arrow{transition:none}}

/* V7: boutique directe, sans bandeau, hero ni top 5. */
.pills-section{padding-top:48px;}
.identity{display:flex;align-items:center;min-width:160px}
.identity img{display:block;width:215px;max-height:65px;height:auto;object-fit:contain;object-position:left center}
.header{top:0}
@media(max-width:720px){.pills-section{padding-top:28px}.identity img{width:162px;max-height:50px}}

/* V8 : category carousel + logo that remains legible if external SVG is unavailable */
.pills-section .section-heading{display:flex;align-items:center;justify-content:space-between;gap:14px}
.pills-section .section-heading h2{margin:0;font-size:clamp(27px,3.6vw,42px)}
.pills-section{padding-top:30px;padding-bottom:18px}
.pills{display:flex;flex-wrap:nowrap;overflow-x:auto;overflow-y:hidden;gap:11px;scroll-snap-type:x proximity;scroll-behavior:smooth;overscroll-behavior-x:contain;scrollbar-width:none;padding:20px 2px 20px;margin:0}
.pills::-webkit-scrollbar{display:none}
.pills .filter{flex:0 0 auto;scroll-snap-align:start;border-radius:999px;min-height:44px}
.menu-actions{display:flex;gap:9px}
.identity .logo-wordmark,.footer-grid .logo-wordmark{font:700 32px/1.05 Georgia,serif;letter-spacing:-.04em;color:#a6472e;white-space:nowrap}
.logo-wordmark small{display:block;font:700 10px/1.6 Arial,sans-serif;letter-spacing:.19em;color:#6d4d3e}
.identity .logo-wordmark[hidden],.footer-grid .logo-wordmark[hidden]{display:none}
@media(max-width:720px){.pills{margin:0;padding:17px 2px 20px}.pills-section{padding-top:22px}.menu-actions .slide-arrow{width:36px;height:36px}.identity .logo-wordmark{font-size:25px}}

/* V9 — Menu stické sous le header, titre même typographie que la section supprimée */
:root{--lv-header-h:78px}
.pills-section{position:sticky;top:var(--lv-header-h);z-index:19;max-width:none;width:100%;margin:0;background:#f9f6f1;border-bottom:1px solid #e9ded5;box-shadow:0 5px 18px rgba(49,35,30,.055);padding:14px max(24px,calc((100vw - 1232px)/2)) 10px}
.pills-section .section-heading h2{font-family:'Playfair Display',Georgia,serif;font-weight:700;font-size:clamp(32px,3.4vw,48px);letter-spacing:-.035em;line-height:1.15;margin:0}
.pills-section .pills{padding:13px 1px 5px}
.selection{padding-top:12px}
html{scroll-padding-top:195px}
.product-section{scroll-margin-top:195px}
@media(max-width:720px){:root{--lv-header-h:70px}.pills-section{padding:12px 16px 8px}.pills-section .section-heading h2{font-size:clamp(32px,6.5vw,42px)}.pills-section .pills{padding:11px 1px 5px}.selection{padding-top:8px}html{scroll-padding-top:172px}.product-section{scroll-margin-top:172px}}

/* V10: menu h3 */
.pills-section .section-heading h3{font-family:"Playfair Display",Georgia,serif;font-weight:700;font-size:clamp(32px,3.4vw,48px);letter-spacing:-.035em;line-height:1.15;margin:0}
@media(max-width:720px){.pills-section .section-heading h3{font-size:clamp(32px,6.5vw,42px)}}

/* V11 — Fond aquarelle fourni : décor discret, cartes et panier lisibles */
body{background-color:#faf7f0;background-image:linear-gradient(rgba(255,252,247,.61),rgba(255,252,247,.61)),url('/assets/img/fond-aquarelle-la-vanilla.webp?v=11');background-position:center top;background-repeat:repeat-y;background-size:100% auto}
.pills-section{background-color:#faf7f0;background-image:linear-gradient(rgba(255,252,247,.78),rgba(255,252,247,.78)),url('/assets/img/fond-aquarelle-la-vanilla.webp?v=11');background-size:cover;background-position:right 35%;box-shadow:0 6px 22px rgba(80,52,28,.08);backdrop-filter:blur(8px)}
.selection,.catalog{background:transparent}
.product,.catalog .product,.pills .filter{background-color:#fffdfb}
.pills .filter.active,.pills .filter:hover{background-color:#c8754c}
.catalog .section-heading,.product-section-head{position:relative}
@media(max-width:720px){body{background-size:auto 1100px;background-position:center top}.pills-section{background-size:auto 520px;background-position:right top}.product,.catalog .product{box-shadow:0 6px 22px rgba(74,51,31,.10)}}
@media(prefers-reduced-transparency:reduce){.pills-section{backdrop-filter:none}}

/* V12 — Nouveau motif fourni, sans modifier les dimensions du MENU ou des sliders. */
body{background:#fcfaf7;background-image:none}
.pills-section{
  background-color:#fffdfb;
  background-image:linear-gradient(to bottom,rgba(255,255,255,.12),rgba(255,255,255,.88)),url('/assets/img/motif-menu-haut.webp?v=12');
  background-position:center top,right top;
  background-repeat:no-repeat,no-repeat;
  background-size:100% 100%,auto 100%;
  backdrop-filter:none;
}
.pills-section .section-heading h3{color:#6f4c28}
.pills .filter{background:#fffdfa;border-color:#e8d8c7}
.pills .filter.active,.pills .filter:hover{background:#956d34;color:white}
.selection,.catalog{background:transparent}
.vanilla-story{max-width:1232px;margin:22px auto 18px;border:1px solid #eadfce;border-radius:22px;display:grid;grid-template-columns:minmax(0,1fr) minmax(250px,38%);background:#fffefc;overflow:hidden;box-shadow:0 14px 30px rgba(82,54,30,.07)}
.vanilla-story-copy{display:flex;flex-direction:column;align-items:flex-start;justify-content:center;padding:42px clamp(28px,4vw,64px)}
.vanilla-story-eyebrow{font-size:11px;letter-spacing:.2em;font-weight:700;color:#9c713c}
.vanilla-story-copy h3{font:600 clamp(27px,3vw,43px)/1.18 'Playfair Display',Georgia,serif;color:#553d27;margin:16px 0}
.vanilla-story-copy p{max-width:520px;color:#756657;font-size:14px;line-height:1.8;margin:0 0 24px}
.vanilla-story-action{display:inline-flex;gap:18px;align-items:center;border-radius:99px;background:#956d34;color:white;padding:13px 22px;font-size:13px;font-weight:700}
.vanilla-story-action:hover{background:#795527}
.vanilla-story-image{min-height:310px;background-color:#faf5ea;background-image:url('/assets/img/motif-panneau-droit.webp?v=12');background-position:right top;background-size:auto 100%;background-repeat:no-repeat}
@media(max-width:720px){.pills-section{background-size:100% 100%,auto 100%;background-position:center top,right top}.vanilla-story{margin:20px 16px;grid-template-columns:minmax(0,1fr)}.vanilla-story-copy{padding:30px 24px}.vanilla-story-image{min-height:190px;background-size:auto 100%}}

/* V13: motif sur le MENU entier, sans colonne decorative a droite */
.pills-section { background-color:#fffdfb; background-image:linear-gradient(rgba(255,255,255,.36),rgba(255,255,255,.64)),url('/assets/img/motif-menu-haut.webp?v=13'); background-repeat:no-repeat,no-repeat; background-position:center center,center top; background-size:cover,cover; }
.pills-section .section-heading h3 {font-family:"Playfair Display",Georgia,serif;font-weight:700;}
@media(max-width:720px){.pills-section{background-position:center,left top;background-size:cover,auto 100%;}}

/* Correctif MENU : une image unique 2400 × 420, sans répétition, sans étirement. */
.pills-section{
  background-color:#fffdfa;
  background-image:url('/assets/img/menu-background.webp?v=14');
  background-repeat:no-repeat;
  background-size:cover;
  background-position:center center;
  backdrop-filter:none;
}
@media(max-width:720px){
  .pills-section{background-image:url('/assets/img/menu-background.webp?v=14');background-repeat:no-repeat;background-size:cover;background-position:right center;}
}

/* Correctif V15 — un visuel panoramique unique pour la totalité du MENU. */
.pills-section,.pills-section:before,.pills-section:after{
  background-color:#fffdf9;
}
.pills-section{
  background-image:url('/assets/img/menu-background.webp?v=15') !important;
  background-position:center center !important;
  background-repeat:no-repeat !important;
  background-size:cover !important;
  backdrop-filter:none;
}
@media(max-width:720px){
 .pills-section{background-position: 35% center !important;background-size:cover !important;}
}

/* V16 : MENU = même typographie et taille que les titres des sliders produits. */
.pills-section .section-heading h3 {
  font: 700 clamp(24px, 2.6vw, 33px) Georgia, serif !important;
  letter-spacing: normal !important;
  line-height: normal !important;
  margin: 0 0 7px !important;
}
/* Image uniquement depuis product_images ; emplacement neutre si absente ou inaccessible. */
.product-image { background: #f4f1ed; }
.product-image:empty { background: #f4f1ed; }
@media(max-width:720px) {
  .pills-section .section-heading h3 { font-size: clamp(24px, 2.6vw, 33px) !important; }
}
