:root{--p:#cf5d8a;--pd:#c2185b;--soft:#fde3ed;--w:1180px;--tx:#3a0f24}
*{box-sizing:border-box;margin:0;padding:0}html{scroll-behavior:smooth}
body{font-family:'Poppins',sans-serif;color:var(--tx);background:linear-gradient(#fff7fa,#fde9f1);line-height:1.5}
img{max-width:100%;display:block}a{color:inherit;text-decoration:none}
h1,h2,h3{font-family:'Playfair Display',serif;font-weight:500}
.it{font-family:'Cormorant Garamond',serif;font-style:italic;color:var(--pd)}
.wrap{max-width:var(--w);margin:auto;padding:0 20px}
.top{background:var(--soft);font-size:12px}.top .wrap{display:flex;justify-content:space-between;padding:8px 20px;gap:10px;flex-wrap:wrap}
header.nav{background:#fff9fb;position:sticky;top:0;z-index:50;box-shadow:0 2px 12px #cf5d8a22}
header .wrap{display:flex;align-items:center;justify-content:space-between;height:76px;gap:16px}
header .logo img{height:54px}
nav.menu{display:flex;gap:6px;font-size:14px}nav.menu a{padding:8px 18px;border-radius:30px}
nav.menu a.on{background:var(--p);color:#fff}
.ic{display:flex;gap:18px;align-items:center}.ic button{background:none;border:0;cursor:pointer;font-size:21px;position:relative;color:var(--tx)}
#cnt{position:absolute;top:-8px;right:-10px;background:var(--p);color:#fff;border-radius:50%;font-size:11px;width:18px;height:18px;line-height:18px;text-align:center}
.burger{display:none}
.btn{display:inline-flex;gap:8px;align-items:center;background:var(--p);color:#fff;border:0;padding:14px 28px;border-radius:40px;cursor:pointer;font:500 15px Poppins;transition:.2s}
.btn:hover{background:var(--pd);transform:translateY(-2px)}.btn.sm{padding:8px 14px;font-size:12px;width:100%;justify-content:center}
.btn.o{background:none;color:var(--pd);border:1px solid var(--p)}.btn.o:hover{background:var(--p);color:#fff}
.hero{min-height:500px;background:linear-gradient(90deg,#fff1f6 25%,#fff1f600 60%),url(../assets/hero.png) right center/cover;display:flex;align-items:center}
.hero small{letter-spacing:3px;font-size:12px;display:flex;align-items:center;gap:12px}.hero small:before{content:"";width:36px;height:1px;background:var(--tx)}
.hero h1{font-size:clamp(38px,5vw,60px);line-height:1.15;margin:14px 0}.hero .it{font-size:clamp(34px,4.6vw,56px);display:block}
.hero p{margin:14px 0 26px;font-size:18px}
.cats{display:grid;grid-template-columns:repeat(6,1fr);gap:14px;margin:-24px auto 50px;position:relative}
.cats a{background:#fde9f1;border-radius:16px;padding:18px 8px;text-align:center;font-size:14px;transition:.2s}.cats a:hover{background:var(--soft);transform:translateY(-4px)}.cats span{font-size:30px;display:block}
.sh{display:flex;justify-content:space-between;align-items:flex-end;margin:40px 0 24px;gap:10px;flex-wrap:wrap}.sh h2{font-size:36px}
.grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(230px,1fr));gap:20px}
.card{background:#fff;border-radius:14px;overflow:hidden;box-shadow:0 4px 18px #cf5d8a1c;transition:.25s}.card:hover{transform:translateY(-5px)}
.ph{position:relative;aspect-ratio:1/.85;background:linear-gradient(135deg,#fde3ed,#f8bcd3);display:grid;place-items:center;font-size:60px}
.ph img{width:100%;height:100%;object-fit:cover}
.fav{position:absolute;top:10px;right:10px;width:32px;height:32px;border-radius:50%;border:0;background:#fff;color:var(--p);cursor:pointer;font-size:17px}.fav.on{background:var(--p);color:#fff}
.ci{padding:14px;display:grid;gap:4px;font-size:14px}.ci h3{font:500 15px Poppins}.ci b{color:var(--pd)}.st{color:#f5b301;font-size:12px}.st small{color:#777}
.trust{background:var(--soft);border-radius:40px;display:flex;justify-content:space-around;gap:16px;padding:22px;margin:44px 0;flex-wrap:wrap;font-size:13px;text-align:center}.trust b{display:block;font-size:14px}
footer{background:var(--soft);padding-top:34px;margin-top:40px;font-size:14px}
footer .wrap{display:grid;grid-template-columns:1.2fr 1fr 1fr 1.2fr;gap:30px;padding-bottom:26px}
footer h4{margin-bottom:10px}footer li{list-style:none;margin:5px 0}footer img{height:60px}.soc{display:flex;gap:14px;font-size:22px}
.copy{background:#fbd3e2;padding:12px 20px;display:flex;justify-content:space-between;font-size:12px}
.pg{padding:30px 0 10px}.crumb{font-size:12px;margin-bottom:10px}.pg h1{font-size:46px}.pg .it{font-size:26px}
.shop{display:grid;grid-template-columns:200px 1fr;gap:28px;margin-top:26px}
.side{background:#fff;border-radius:14px;padding:18px;height:fit-content}.side a{display:block;padding:9px 6px;border-radius:8px}.side a.on,.side a:hover{background:var(--soft);color:var(--pd)}
.tabs{display:flex;gap:8px;margin:20px 0;flex-wrap:wrap}.tabs button{border:0;background:var(--soft);padding:9px 22px;border-radius:30px;cursor:pointer;font:14px Poppins}.tabs button.on{background:var(--p);color:#fff}
.gal{columns:3 260px;gap:16px}.gal img{width:100%;border-radius:12px;margin-bottom:16px}.gal .ph{margin-bottom:16px;border-radius:12px;aspect-ratio:1}
.two{display:grid;grid-template-columns:1fr 1fr;gap:40px;align-items:center;margin:30px 0}.two img{border-radius:18px}
.three{display:grid;grid-template-columns:repeat(3,1fr);gap:20px;text-align:center;margin:30px 0}.three div{background:#fff;border-radius:16px;padding:22px}.three span{font-size:32px}
form{background:#fff;border-radius:18px;padding:24px;display:grid;gap:14px}
input,select,textarea{width:100%;padding:14px;border:1px solid #f3c6d6;border-radius:12px;font:14px Poppins;background:#fffafc}textarea{min-height:140px}
.info li{list-style:none;margin:14px 0}
#dr{position:fixed;top:0;right:-420px;width:min(400px,100%);height:100%;background:#fff;z-index:100;transition:.3s;padding:22px;display:flex;flex-direction:column;box-shadow:-8px 0 30px #0002}
#dr.open{right:0}#dr .l{flex:1;overflow:auto}.li{display:flex;gap:10px;align-items:center;padding:10px 0;border-bottom:1px solid #fde3ed;font-size:13px}.li .t{width:56px;height:56px;border-radius:8px;object-fit:cover;background:var(--soft)}.li div{flex:1}.li button{border:1px solid var(--p);background:none;border-radius:6px;width:24px;cursor:pointer}
@media(max-width:860px){.cats{grid-template-columns:repeat(3,1fr)}.shop,.two,footer .wrap{grid-template-columns:1fr}.three{grid-template-columns:1fr}.burger{display:block}
nav.menu{display:none;position:absolute;top:76px;left:0;right:0;background:#fff;flex-direction:column;padding:14px}nav.menu.open{display:flex}.hero{background:linear-gradient(#fff1f6d0,#fff1f680),url(../assets/hero.png) 70% center/cover}.copy{flex-direction:column;gap:4px}}

.wrap{max-width:1600px;padding:0 clamp(20px,4vw,64px)}
.hero{background:linear-gradient(90deg,#fff1f6 30%,#fff1f600 62%),url(../assets/hero.png) right center/cover}
.hero .wrap{max-width:none;margin:0;width:100%}
.ico{width:1em;height:1em;fill:none;stroke:currentColor;stroke-width:1.6;stroke-linecap:round;stroke-linejoin:round;vertical-align:-.14em;flex:none}
.cats .ico{width:34px;height:34px;margin:0 auto 8px;display:block;color:var(--pd)}
.side a{display:flex;align-items:center;gap:8px}.side .ico{width:18px;height:18px;color:var(--pd)}
.ph .ico{width:64px;height:64px;color:#fff;stroke-width:1.2}
.fav .ico{width:17px;height:17px;vertical-align:middle}.fav.on .ico{fill:currentColor}
.st .ico{fill:#f5b301;stroke:none;width:13px;height:13px}
.trust b,.info li,footer li{display:flex;align-items:center;gap:8px}.trust b{justify-content:center}
.trust .ico,.info .ico{width:22px;height:22px;color:var(--pd)}
.three .ico{width:34px;height:34px;color:var(--pd);display:block;margin:0 auto 8px}
.top .wrap span{display:flex;align-items:center;gap:6px}.top .ico{width:15px;height:15px}
.soc .ico{width:22px;height:22px}.ic .ico{width:24px;height:24px}
.it .ico{width:.8em;height:.8em}.copy .ico{color:var(--pd);fill:var(--pd);width:13px;height:13px}
footer li .ico{color:var(--pd);width:16px;height:16px}

.rnd{width:100%;border-radius:22px;object-fit:cover;box-shadow:0 10px 36px #cf5d8a30}
.hist{background:#fff;border-radius:24px;overflow:hidden;display:grid;grid-template-columns:1fr 1fr;box-shadow:0 6px 24px #cf5d8a1c}
.hist img{width:100%;height:100%;min-height:380px;object-fit:cover}.hist>div{padding:clamp(24px,4vw,56px);display:grid;gap:14px;align-content:center}.hist h2{font-size:38px}
.btn .ico{width:16px;height:16px}
@media(max-width:860px){.hist{grid-template-columns:1fr}.hist img{min-height:280px}}

.card{display:flex;flex-direction:column}
.ph{aspect-ratio:1/1;overflow:hidden}.ph-a{position:absolute;inset:0;display:grid;place-items:center}
.ph img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;transition:transform .4s}.card:hover .ph img{transform:scale(1.05)}
.fav{z-index:2}.ci{flex:1;display:flex;flex-direction:column;gap:4px}.ci .btn{margin-top:auto}.ci .st{margin-bottom:10px}.ci h3 a:hover{color:var(--pd)}
.pd{display:grid;grid-template-columns:1fr 1fr;gap:40px;margin:24px 0 40px;align-items:start}
.pimg img{border-radius:22px;width:100%;aspect-ratio:1;object-fit:cover;box-shadow:0 10px 36px #cf5d8a30}
.pinfo{display:grid;gap:14px;align-content:start}.pinfo h1{font-size:40px}.price{font-size:28px;color:var(--pd)}
.perks li{list-style:none;display:flex;gap:8px;align-items:center;font-size:14px}.perks .ico{color:var(--pd);width:20px;height:20px}
.qty{display:inline-flex;align-items:center;gap:16px;border:1px solid #f3c6d6;border-radius:30px;padding:6px 16px;width:fit-content;background:#fff}.qty button{border:0;background:none;font-size:22px;cursor:pointer;color:var(--pd)}
.crumb a:hover{color:var(--pd)}
@media(max-width:860px){.pd{grid-template-columns:1fr}}

.soc{display:flex;gap:14px}.top .soc{gap:10px}.soc a:hover{color:var(--pd)}

@media(max-width:860px){.cats{display:none}}

@media(max-width:860px){.trust{display:none}}
/* ===== Responsive complet ===== */
body{overflow-x:clip;touch-action:manipulation;-webkit-text-size-adjust:100%}
input,select,textarea{font-size:16px}
.tabs,.side{scrollbar-width:none}
@media(max-width:1100px){.cats{gap:10px}.cats a{font-size:13px}footer .wrap{grid-template-columns:1fr 1fr}}
@media(max-width:860px){
 .top{display:none}
 header .wrap{height:64px}header .logo img{height:44px}nav.menu{top:64px;box-shadow:0 12px 20px #cf5d8a22}nav.menu a{padding:12px 16px}
 .hero{min-height:400px;padding:40px 0}.hero p{font-size:16px}.hero small{font-size:11px;letter-spacing:2px}
 .grid{grid-template-columns:repeat(2,1fr);gap:12px}
 .ci{padding:10px}.ci h3{font-size:13px}.ci b{font-size:13px}.btn.sm{font-size:11px;padding:9px 6px}.fav{width:28px;height:28px}
 .sh{margin:28px 0 16px}.sh h2{font-size:26px}.pg h1{font-size:32px}.pg .it{font-size:22px}
 .shop{gap:14px}.side{display:flex;gap:8px;overflow-x:auto;padding:10px;border-radius:40px}.side h3{display:none}
 .side a{white-space:nowrap;background:var(--soft);border-radius:30px;padding:8px 14px}.side a.on{background:var(--p);color:#fff}.side a.on .ico{color:#fff}
 .tabs{flex-wrap:nowrap;overflow-x:auto}.tabs button{white-space:nowrap}
 .gal{columns:2 140px;gap:10px}.gal img,.gal .ph{margin-bottom:10px}
 .two{gap:22px}.pd{gap:22px}.pinfo h1{font-size:30px}.hist h2{font-size:30px}.three{gap:12px}
 footer .wrap{gap:22px}.copy{text-align:center;align-items:center}
 #dr{padding:16px}.btn{padding:12px 22px}form{padding:18px}
}
@media(max-width:480px){.wrap{padding:0 16px}.hero h1{font-size:34px}.hero .it{font-size:32px}.grid{gap:10px}footer .wrap{grid-template-columns:1fr}.sh{flex-direction:column;align-items:flex-start}}
/* ===== Commande ===== */
[hidden]{display:none!important}
.ck{display:grid;grid-template-columns:1.5fr 1fr;gap:28px;align-items:start}
.ofm{background:none;padding:0;display:block;border-radius:0}
.box{background:#fff;border-radius:18px;padding:22px;margin-bottom:18px;box-shadow:0 4px 18px #cf5d8a14}
.box h2{font-size:22px;margin-bottom:14px;display:flex;gap:10px;align-items:center}
.num{background:var(--p);color:#fff;border-radius:50%;width:28px;height:28px;display:grid;place-items:center;font:500 14px Poppins;flex:none}
.f2{display:grid;grid-template-columns:1fr 1fr;gap:14px}
label{font-size:13px;display:grid;gap:6px}
input[type=radio],input[type=checkbox]{width:auto;accent-color:var(--p)}
.chk{display:flex;align-items:center;gap:10px;font-size:14px;margin:8px 0}
.rad{display:flex;gap:12px;flex-wrap:wrap}.rad label{flex:1;min-width:200px;border:1.5px solid #f3c6d6;border-radius:14px;padding:14px;display:flex;align-items:center;gap:10px;cursor:pointer;font-size:14px}
.rad label:has(input:checked){border-color:var(--p);background:#fff4f8}
.wv{width:26px;height:26px;border-radius:7px}.note{font-size:13px;color:#7a4a60;margin-top:10px}
.sum{position:sticky;top:90px}.row{display:flex;justify-content:space-between;padding:10px 0;font-size:14px}.row.tot{border-top:1px solid #fde3ed;font-size:17px;color:var(--pd);margin-top:4px}
.ok{text-align:center;display:grid;gap:14px;justify-items:center;padding:34px 22px}.ok h2{font-size:30px}.ref{background:var(--soft);padding:10px 18px;border-radius:30px}
.steps{text-align:left;padding-left:20px;display:grid;gap:6px;font-size:14px}.btn.wave{background:#1dc8ff;color:#fff}.btn.wave:hover{background:#12b0e3}.btn.wave .wv{width:24px;height:24px}
@media(max-width:860px){.ck{grid-template-columns:1fr}.sum{position:static;order:-1}}
@media(max-width:480px){.f2{grid-template-columns:1fr}.box{padding:16px}}

/* ===== Modale panier + WhatsApp flottant ===== */
.md{position:fixed;inset:0;background:#3a0f2466;z-index:200;display:grid;place-items:center;padding:16px;backdrop-filter:blur(2px)}
.mbox{background:#fff;border-radius:22px;padding:28px 24px;width:min(420px,100%);text-align:center;display:grid;gap:12px;justify-items:center;animation:pop .25s}
.mbox h3{font-size:26px}.mck{width:56px;height:56px;border-radius:50%;background:var(--soft);color:var(--pd);display:grid;place-items:center}.mck .ico{width:28px;height:28px;stroke-width:2.2}
.mdi{display:flex;gap:12px;align-items:center;background:#fff4f8;border-radius:14px;padding:10px;width:100%;text-align:left;font-size:14px}.mdi img{width:56px;height:56px;border-radius:10px;object-fit:cover}
.mbox .btn{width:100%;justify-content:center}.lnk{background:none;border:0;color:var(--pd);text-decoration:underline;cursor:pointer;font:14px Poppins}
@keyframes pop{from{transform:scale(.92);opacity:0}}
.wa-f{position:fixed;right:18px;bottom:18px;z-index:90;width:56px;height:56px;border-radius:50%;background:linear-gradient(135deg,#e885ab,#c2185b);color:#fff;display:grid;place-items:center;box-shadow:0 8px 22px #c2185b66;transition:.2s}
.wa-f:hover{transform:scale(1.08)}.wa-f .ico{width:30px;height:30px}
@media(max-width:860px){.wa-f{right:14px;bottom:14px;width:52px;height:52px}}

/* ===== Favoris ===== */
.fav{display:grid;place-items:center;padding:0;box-shadow:0 2px 8px #0002}
.fav .ico{color:var(--p);width:18px;height:18px;stroke-width:2}
.fav.on{background:#fff}.fav.on .ico{fill:var(--p);color:var(--p)}
.fv-h{position:relative;display:flex;color:var(--tx)}
#fcnt{position:absolute;top:-8px;right:-10px;background:var(--p);color:#fff;border-radius:50%;font-size:11px;width:18px;height:18px;line-height:18px;text-align:center}
.fvm{display:none}
.prow{display:flex;align-items:center;gap:14px}
.pinfo .fav{position:static;border:1px solid #f3c6d6;width:42px;height:42px;box-shadow:none}.pinfo .fav .ico{width:20px;height:20px}
@media(max-width:860px){nav.menu.open .fvm{display:flex;align-items:center;gap:8px;padding:12px 16px;border-radius:30px}nav.menu .fvm.on{background:var(--p);color:#fff}.ic{gap:14px}}
/* ===== Admin-driven features ===== */
.bn{background:var(--pd);color:#fff;font-size:13px;overflow:hidden;white-space:nowrap;padding:8px 0}
.mq{display:inline-block;padding-left:100%;animation:mq 24s linear infinite}@keyframes mq{to{transform:translateX(-100%)}}
.tg{position:absolute;top:10px;left:10px;background:var(--pd);color:#fff;font-size:11px;padding:3px 10px;border-radius:20px;z-index:2}.tg.out{background:#6b5a63}
.btn:disabled{background:#cdbcc4;cursor:not-allowed;transform:none}
.nt-t{position:fixed;bottom:90px;left:50%;transform:translate(-50%,20px);background:var(--tx);color:#fff;padding:11px 22px;border-radius:30px;font-size:14px;opacity:0;transition:.3s;z-index:250;pointer-events:none;text-align:center;max-width:90vw}.nt-t.show{opacity:1;transform:translate(-50%,0)}
.ths{display:flex;gap:10px;margin-top:12px;flex-wrap:wrap}.ths button{width:70px;height:70px;border-radius:12px;overflow:hidden;border:2px solid transparent;padding:0;cursor:pointer;background:none}.ths button.on{border-color:var(--p)}.ths img{width:100%;height:100%;object-fit:cover}
.opt{display:grid;gap:8px;font-size:14px}.opt>span{font-weight:500}.opt>div{display:flex;gap:8px;flex-wrap:wrap}
.opt button{display:flex;align-items:center;gap:8px;border:1.5px solid #f3c6d6;background:#fff;border-radius:30px;padding:8px 16px;cursor:pointer;font:14px Poppins;color:var(--tx)}.opt button.on{border-color:var(--p);background:var(--soft);color:var(--pd)}.opt button i{width:16px;height:16px;border-radius:50%;box-shadow:0 0 0 1px #0002;display:block}
.whn{color:var(--pd);font-size:14px;background:var(--soft);padding:8px 14px;border-radius:12px;width:fit-content}.lowst{color:#b56b00;font-size:14px}
.saf{background:#fff4f8;border:1px dashed var(--p);box-shadow:none}.saf .btn{width:100%}
.rv{margin:30px 0}.rv h2{font-size:30px;margin-bottom:14px}.rvi{background:#fff;border-radius:14px;padding:14px;margin-bottom:10px;box-shadow:0 4px 18px #cf5d8a14}
.promo{display:flex;gap:8px;margin-top:10px}.promo input{flex:1;min-width:0}.promo .btn{padding:10px 16px}