:root{--bg:#fdfbf7;--soft:#fbf6ee;--sand:#f4efeb;--ink:#1f1d1b;--brown:#4a3728;--muted:#8a847a;--gold:#c9a37e;--line:#e8e3dd;--white:#fff;--green:#2b7a4b;--shadow:0 18px 50px rgba(31,29,27,.08)}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--bg);color:var(--ink);font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif}button,input,select{font:inherit}button{cursor:pointer}a{color:inherit;text-decoration:none}.container{width:min(1180px,calc(100% - 32px));margin:auto}.topbar{background:var(--ink);color:#fff;padding:9px 16px;text-align:center;font-size:12px;letter-spacing:.08em}.header{position:sticky;top:0;z-index:40;background:rgba(253,251,247,.94);backdrop-filter:blur(14px);border-bottom:1px solid var(--line)}.nav{height:78px;display:flex;align-items:center;gap:14px}.brand{display:flex;align-items:center;gap:11px;font-weight:900;letter-spacing:.14em}.logo{width:43px;height:43px;border-radius:13px;background:var(--brown);color:white;display:grid;place-items:center;font-family:Georgia,serif;font-size:24px;box-shadow:0 6px 18px rgba(74,55,40,.2)}.brand small{display:block;font-size:8px;color:var(--muted);letter-spacing:.2em;margin-top:3px}.grow{flex:1}.search{min-width:280px;display:flex;align-items:center;gap:8px;border:1px solid var(--line);border-radius:999px;padding:10px 15px;background:#fff}.search:focus-within{border-color:var(--gold);box-shadow:0 0 0 3px rgba(201,163,126,.15)}.search input{width:100%;border:0;outline:0;background:transparent}.btn,.icon-btn{border:1px solid var(--line);background:#fff;color:var(--ink);border-radius:999px;padding:10px 15px;font-weight:700;font-size:13px;transition:.2s}.btn:hover,.icon-btn:hover{transform:translateY(-1px);border-color:var(--gold)}.btn.dark{background:var(--brown);color:#fff;border-color:var(--brown)}.btn:disabled,.btn.dark:disabled{background:#c9c5c0!important;border-color:#c9c5c0!important;color:#fff!important;cursor:not-allowed!important;transform:none!important;box-shadow:none!important;opacity:.95}.btn.gold{background:var(--gold);color:#fff;border-color:var(--gold)}.cart-badge{display:inline-grid;place-items:center;min-width:22px;height:22px;padding:0 6px;background:var(--brown);color:white;border-radius:99px;margin-left:6px;font-size:11px}.mobile-row{display:none;padding:0 0 12px}.hero{background:var(--soft);overflow:hidden}.hero-grid{display:grid;grid-template-columns:1.05fr .95fr;gap:60px;align-items:center;min-height:610px;padding:70px 0}.eyebrow{font-size:11px;text-transform:uppercase;letter-spacing:.22em;color:var(--muted);font-weight:800}.hero h1{font-family:Georgia,"Times New Roman",serif;font-size:clamp(47px,5.5vw,76px);line-height:.98;letter-spacing:-.035em;margin:18px 0 24px}.hero h1 em{font-weight:400;color:var(--brown)}.lead{font-size:17px;line-height:1.75;color:#5c564d;max-width:650px}.hero-actions{display:flex;align-items:center;gap:18px;flex-wrap:wrap;margin-top:31px}.hero-note{font-size:13px;color:var(--muted)}.hero-note b{display:block;color:var(--ink);font-size:14px}.stats{display:grid;grid-template-columns:repeat(3,1fr);gap:15px;margin-top:44px;max-width:560px}.stat{border-left:2px solid var(--line);padding-left:13px}.stat span{display:block;color:var(--muted);text-transform:uppercase;letter-spacing:.18em;font-size:9px}.stat b{display:block;margin-top:5px;font-size:14px}.visual{min-height:430px;border-radius:38px;position:relative;background:radial-gradient(circle at 22% 20%,#fff 0 12%,transparent 13%),linear-gradient(145deg,#e8d9c9,#caa987 55%,#755442);box-shadow:var(--shadow);overflow:hidden}.visual:before{content:"HUCOFFE";position:absolute;right:-45px;top:80px;font-weight:900;font-size:80px;letter-spacing:.09em;color:rgba(255,255,255,.16);transform:rotate(90deg)}.device{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%) rotate(-7deg);width:180px;height:330px;border-radius:36px;background:#202020;border:8px solid #151515;box-shadow:0 30px 55px rgba(0,0,0,.28)}.device:after{content:"";position:absolute;width:100px;height:100px;border-radius:50%;background:rgba(255,255,255,.12);left:32px;top:90px;border:8px solid rgba(255,255,255,.3)}.best{position:absolute;left:22px;bottom:22px;background:rgba(255,255,255,.94);padding:16px 18px;border-radius:18px;box-shadow:0 12px 34px rgba(0,0,0,.1)}.best small{color:var(--muted);letter-spacing:.18em}.section{padding:82px 0}.section.sand{background:rgba(244,239,235,.55);border-top:1px solid var(--line);border-bottom:1px solid var(--line)}.section-head{display:flex;align-items:end;justify-content:space-between;gap:20px;margin-bottom:34px}.section h2{font-family:Georgia,serif;font-size:42px;margin:7px 0 0}.category-grid{display:grid;grid-template-columns:repeat(5,1fr);gap:14px}.category-card{border:1px solid var(--line);background:white;padding:23px 17px;border-radius:22px;text-align:left;transition:.2s;min-height:130px}.category-card:hover,.category-card.active{transform:translateY(-3px);border-color:var(--gold);box-shadow:var(--shadow)}.cat-icon{font-size:27px}.category-card b{display:block;margin-top:20px}.category-card small{display:block;color:var(--muted);margin-top:4px}.toolbar{display:flex;gap:10px;align-items:center;flex-wrap:wrap;margin-bottom:25px}.filter{border:1px solid var(--line);background:#fff;border-radius:999px;padding:9px 14px;font-size:12px;font-weight:750}.filter.active{background:var(--brown);border-color:var(--brown);color:white}.sort{margin-left:auto;border:1px solid var(--line);background:white;border-radius:999px;padding:9px 13px}.product-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:20px}.product{border:1px solid var(--line);border-radius:24px;background:#fff;overflow:hidden;display:flex;flex-direction:column;min-width:0;transition:.2s}.product:hover{transform:translateY(-3px);box-shadow:var(--shadow)}.thumb{height:210px;position:relative;display:grid;place-items:center;background:linear-gradient(145deg,#f5eee6,#e6d6c6)}.thumb-icon{font-size:64px;filter:drop-shadow(0 15px 14px rgba(74,55,40,.18))}.badge{position:absolute;left:12px;top:12px;background:rgba(255,255,255,.9);border:1px solid rgba(255,255,255,.9);border-radius:999px;padding:6px 9px;font-size:9px;letter-spacing:.12em;text-transform:uppercase;font-weight:800}.product-body{padding:17px;display:flex;flex-direction:column;flex:1}.cat-label{font-size:9px;letter-spacing:.18em;text-transform:uppercase;color:var(--muted)}.product h3{font-family:Georgia,serif;font-size:18px;line-height:1.2;margin:8px 0}.desc{color:var(--muted);font-size:13px;line-height:1.55;min-height:41px}.product-foot{display:flex;align-items:center;justify-content:space-between;gap:9px;margin-top:auto;padding-top:16px}.price{font-family:Georgia,serif;font-weight:800;font-size:18px}.add{border:0;border-radius:999px;background:var(--brown);color:#fff;padding:9px 12px;font-size:12px;font-weight:800}.add:disabled{background:#c7c2bc;cursor:not-allowed}.empty{grid-column:1/-1;text-align:center;border:1px dashed var(--line);border-radius:20px;padding:40px;color:var(--muted)}.loadmore{display:block;margin:34px auto 0;border:0;border-radius:999px;background:var(--brown);color:white;padding:13px 24px;font-weight:800}.benefits{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}.benefit{background:white;border:1px solid var(--line);padding:24px;border-radius:20px}.benefit b{display:block;margin-bottom:7px}.benefit span{color:var(--muted);font-size:14px;line-height:1.6}.footer{background:var(--ink);color:rgba(255,255,255,.78);padding:60px 0 25px}.foot-grid{display:grid;grid-template-columns:1.4fr 1fr 1fr;gap:40px}.footer h4{color:#fff;letter-spacing:.15em;text-transform:uppercase;font-size:12px}.footer a:hover{color:#fff}.copyright{border-top:1px solid rgba(255,255,255,.12);margin-top:38px;padding-top:20px;display:flex;justify-content:space-between;font-size:11px;color:rgba(255,255,255,.45)}.overlay{position:fixed;inset:0;background:rgba(20,18,17,.45);opacity:0;pointer-events:none;transition:.2s;z-index:70}.overlay.open{opacity:1;pointer-events:auto}.drawer{position:fixed;right:0;top:0;bottom:0;width:min(450px,92vw);background:#fff;z-index:80;transform:translateX(102%);transition:.26s;box-shadow:-20px 0 50px rgba(0,0,0,.14);padding:25px;overflow:auto}.drawer.open{transform:translateX(0)}.drawer-head{display:flex;justify-content:space-between;align-items:center}.close{width:39px;height:39px;border-radius:50%;border:1px solid var(--line);background:white;font-size:22px}.cart-item{display:grid;grid-template-columns:1fr auto;gap:12px;padding:17px 0;border-bottom:1px solid var(--line)}.cart-item small{color:var(--muted)}.qty{display:flex;align-items:center;gap:8px}.qty button{width:28px;height:28px;border-radius:50%;border:1px solid var(--line);background:white}.remove{border:0;background:none;color:#9c4b3d;padding:0;font-size:11px}.total{display:flex;justify-content:space-between;font-size:19px;font-weight:900;margin:20px 0}.wide{width:100%;display:block;text-align:center;padding:13px}.note{font-size:11px;line-height:1.55;color:var(--muted)}.modal-wrap{position:fixed;inset:0;z-index:100;display:none;place-items:center;padding:18px;background:rgba(20,18,17,.52)}.modal-wrap.open{display:grid}.modal{width:min(510px,100%);background:#fff;border-radius:25px;padding:26px;box-shadow:0 25px 70px rgba(0,0,0,.22)}.modal-top{display:flex;justify-content:space-between;align-items:center;gap:15px}.form{display:grid;gap:12px;margin-top:20px}.form input,.form select{width:100%;padding:12px 14px;border-radius:14px;border:1px solid var(--line);outline:0;background:#fff}.form input:focus,.form select:focus{border-color:var(--gold);box-shadow:0 0 0 3px rgba(201,163,126,.14)}.toast{position:fixed;left:50%;bottom:26px;transform:translate(-50%,30px);background:var(--ink);color:#fff;padding:11px 17px;border-radius:999px;font-size:12px;opacity:0;pointer-events:none;z-index:200;transition:.2s}.toast.show{opacity:1;transform:translate(-50%,0)}.account{display:none}.account.show{display:inline-flex}.menu-toggle{display:none}
@media(max-width:1000px){.product-grid{grid-template-columns:repeat(3,1fr)}.category-grid{grid-template-columns:repeat(3,1fr)}.hero-grid{gap:35px}.search{min-width:220px}.hide-tablet{display:none}}
@media(max-width:760px){.container{width:min(100% - 24px,1180px)}.nav{height:66px}.brand small{display:none}.desktop-search,.desktop-actions{display:none}.menu-toggle{display:inline-flex}.mobile-row{display:block}.mobile-row .search{min-width:0;width:100%}.hero-grid{grid-template-columns:1fr;padding:50px 0}.hero{padding-bottom:0}.visual{min-height:340px}.hero h1{font-size:49px}.stats{grid-template-columns:1fr 1fr 1fr}.section{padding:58px 0}.section h2{font-size:35px}.category-grid{grid-template-columns:1fr 1fr}.product-grid{grid-template-columns:1fr 1fr;gap:12px}.thumb{height:160px}.product-body{padding:13px}.desc{display:none}.product h3{font-size:15px}.product-foot{display:block}.price{display:block;text-align:center;margin-bottom:8px}.add{width:100%}.benefits,.foot-grid{grid-template-columns:1fr}.copyright{display:block;line-height:1.8}.sort{margin-left:0;width:100%}}
@media(max-width:420px){.hero h1{font-size:43px}.stats{gap:8px}.stat b{font-size:12px}.thumb{height:145px}.category-grid{grid-template-columns:1fr 1fr}.category-card{min-height:112px;padding:17px}.category-card b{margin-top:12px}}


/* Modifications légères demandées — structure d'origine conservée */
:root{
  --bg:#fffaf6;
  --soft:#f8eee7;
  --sand:#f0ddd0;
  --ink:#291c17;
  --brown:#603b2c;
  --muted:#806d62;
  --gold:#cf9a67;
  --line:#ead9cc;
  --white:#fff;
  --green:#27765a;
}
body{background:#fffaf6}
.topbar{background:#4c2d22;color:#fff8f2}
.header{
  background:rgba(255,250,246,.96);
  transition:transform .28s ease,box-shadow .22s ease;
}
.header.header-hidden{transform:translateY(calc(-100% - 2px))}
.header.header-scrolled{box-shadow:0 8px 24px rgba(70,38,26,.10)}
.logo{
  background:#5a3527;
  color:#fff7ef;
  border:1px solid #c99265;
  box-shadow:0 5px 16px rgba(70,38,26,.18);
}
.hero{background:linear-gradient(135deg,#fbefe6 0%,#fffaf6 58%,#f1dfd1 100%)}
.hero h1 em{color:#a85f40}
.section.sand{background:#f7ece4}
.category-card:hover,.category-card.active,.product:hover{border-color:#c88f65}
.btn.gold{background:#cf9a67;border-color:#c58c5d;color:#291c17}
.btn.dark,.add,.loadmore{background:#4d3025}
.footer{background:#2d1d17}

.social-float{
  position:fixed;
  right:18px;
  bottom:18px;
  z-index:65;
  display:flex;
  flex-direction:column;
  gap:9px;
}
.social-btn{
  width:46px;
  height:46px;
  border-radius:14px;
  display:grid;
  place-items:center;
  background:#fffaf6;
  border:1px solid rgba(96,59,44,.16);
  box-shadow:0 8px 24px rgba(45,29,23,.15);
  transition:transform .18s ease,box-shadow .18s ease;
}
.social-btn:hover{transform:translateY(-2px);box-shadow:0 11px 28px rgba(45,29,23,.20)}
.social-btn svg{
  width:22px;
  height:22px;
  fill:none;
  stroke:currentColor;
  stroke-width:1.8;
  stroke-linecap:round;
  stroke-linejoin:round;
}
.social-btn svg .fill{fill:currentColor;stroke:none}
.tiktok svg path:first-child{fill:currentColor;stroke:none}
.instagram{color:#9b4c58}
.tiktok{color:#241913}
.whatsapp{color:#27765a}
@media(max-width:760px){
  .social-float{right:12px;bottom:14px;gap:8px}
  .social-btn{width:43px;height:43px;border-radius:13px}
}
@media(prefers-reduced-motion:reduce){
  .header,.social-btn{transition:none}
}



/* ============================================================
   HUCOFFE — habillage inspiré de la maquette de référence
   Le contenu et les fonctionnalités existants sont conservés.
   ============================================================ */

:root{
  --bg:#fbf5ee;
  --soft:#f8eadc;
  --sand:#f4e3d4;
  --ink:#2a1b14;
  --brown:#4f2f20;
  --muted:#78675e;
  --gold:#bd7a38;
  --line:#ead7c6;
  --white:#fffdf9;
  --green:#237a54;
  --shadow:0 18px 55px rgba(67,39,25,.11);
}

body{
  background:linear-gradient(180deg,#fbf5ee 0,#fffdf9 48%,#f9f1e9 100%);
}

.topbar{
  background:#352118;
  color:#fff8f1;
  padding:8px 16px;
  letter-spacing:.055em;
}

.header{
  top:0;
  background:transparent;
  border-bottom:0;
  padding:13px 0;
  transform:translateY(0);
  transition:transform .28s ease,padding .2s ease;
}
.header .nav{
  min-height:74px;
  height:auto;
  padding:12px 18px;
  border:1px solid rgba(117,80,54,.12);
  border-radius:21px;
  background:rgba(255,253,249,.95);
  box-shadow:0 12px 34px rgba(67,39,25,.10);
  backdrop-filter:blur(18px);
}
.header.header-hidden{
  transform:translateY(calc(-100% - 20px));
}
.header.header-scrolled .nav{
  box-shadow:0 12px 36px rgba(55,31,20,.16);
}

.brand{
  flex:0 0 auto;
  gap:12px;
  letter-spacing:.12em;
}
.logo{
  width:48px;
  height:48px;
  border-radius:50%;
  background:
    radial-gradient(circle at 35% 28%,#d6a15f 0 6%,transparent 7%),
    linear-gradient(145deg,#6c4229,#2d1a12);
  border:2px solid #d3a06a;
  color:#fff7ed;
  box-shadow:0 7px 18px rgba(75,43,27,.20);
}
.brand small{
  color:#8a7569;
}

.grow{display:none}

.search.desktop-search{
  order:1;
  flex:1 1 390px;
  min-width:240px;
  max-width:500px;
  background:#fffdfa;
  border-color:#ead9ca;
  padding:12px 17px;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.8);
}
.desktop-actions{
  order:2;
  display:flex;
  align-items:center;
  gap:7px;
}
#cartBtn{order:3}

.btn,.icon-btn{
  background:transparent;
  border-color:transparent;
  padding:10px 12px;
}
.btn:hover,.icon-btn:hover{
  background:#f7eadf;
  border-color:#ead6c4;
}
.btn.gold{
  background:#bd7a38;
  color:#fff;
  border-color:#bd7a38;
}
.cart-badge{
  background:#b97636;
}

.hero{
  margin-top:-8px;
  background:
    radial-gradient(circle at 84% 31%,rgba(179,112,59,.20),transparent 28%),
    radial-gradient(circle at 8% 18%,rgba(197,151,111,.10),transparent 22%),
    linear-gradient(110deg,#fbf0e4 0%,#f8eadb 54%,#e9cdb4 100%);
  border-bottom:1px solid #ead7c6;
}
.hero-grid{
  min-height:620px;
  gap:56px;
  padding:68px 0 84px;
}
.eyebrow{
  color:#7a5035;
  font-weight:900;
  letter-spacing:.28em;
}
.hero h1{
  color:#2e1a10;
  max-width:720px;
}
.hero h1 em{
  color:#b66f31;
}
.lead{
  color:#64544b;
}
.hero-actions .btn.dark{
  background:#a95f25;
  border-color:#a95f25;
  padding:14px 21px;
  box-shadow:0 10px 24px rgba(169,95,37,.18);
}
.hero-note{
  padding-left:6px;
}
.stats{
  margin-top:36px;
}
.stat{
  border-left-color:#dcb890;
}

.visual{
  min-height:445px;
  border-radius:42px;
  background:
    radial-gradient(circle at 72% 24%,#d9a66f 0 19%,transparent 19.5%),
    linear-gradient(145deg,#f5e7d8 0%,#d9b38e 50%,#9b6c4d 100%);
  border:1px solid rgba(113,71,43,.12);
  box-shadow:0 28px 70px rgba(70,39,22,.18);
}
.visual:before{
  content:"HUCOFFE";
  right:-38px;
  top:95px;
  font-size:72px;
  color:rgba(255,255,255,.18);
}
.visual:after{
  content:"";
  position:absolute;
  width:132px;
  height:165px;
  right:24px;
  bottom:28px;
  border-radius:24px 24px 34px 34px;
  background:
    radial-gradient(circle at 50% 31%,#1f1d1c 0 15%,transparent 16%),
    radial-gradient(circle at 50% 52%,#1f1d1c 0 15%,transparent 16%),
    linear-gradient(145deg,#fff,#e7ddd2);
  border:8px solid rgba(43,27,18,.88);
  transform:rotate(7deg);
  box-shadow:0 18px 35px rgba(36,21,14,.25);
}
.device{
  left:49%;
  top:46%;
  width:185px;
  height:345px;
  border-radius:38px;
  background:linear-gradient(145deg,#242221,#121110);
  border:7px solid #100f0f;
  transform:translate(-50%,-50%) rotate(-5deg);
}
.device:before{
  content:"";
  position:absolute;
  width:72px;
  height:72px;
  left:15px;
  top:15px;
  border-radius:22px;
  background:
    radial-gradient(circle at 28% 30%,#151515 0 10px,#605d59 11px 14px,transparent 15px),
    radial-gradient(circle at 72% 30%,#151515 0 10px,#605d59 11px 14px,transparent 15px),
    radial-gradient(circle at 28% 72%,#151515 0 10px,#605d59 11px 14px,transparent 15px),
    #2d2b29;
}
.device:after{
  width:108px;
  height:108px;
  left:30px;
  top:120px;
  border:7px solid rgba(255,255,255,.32);
  background:rgba(255,255,255,.04);
}
.best{
  left:22px;
  bottom:20px;
  z-index:3;
  border:1px solid rgba(100,66,43,.12);
  background:rgba(255,253,249,.96);
}

.section{
  padding:72px 0;
}
.section.sand{
  background:#fffaf5;
  border-color:#ead8c9;
}
.section h2{
  color:#321e13;
}
.category-grid{
  gap:18px;
}
.category-card{
  border-radius:18px;
  background:linear-gradient(145deg,#fffdf9,#f8ebdf);
  min-height:155px;
  border-color:#ead8c8;
  box-shadow:0 8px 24px rgba(75,44,27,.05);
}
.category-card:hover,.category-card.active{
  border-color:#c9874a;
  box-shadow:0 14px 30px rgba(75,44,27,.11);
}
.cat-icon{
  width:46px;
  height:46px;
  display:grid;
  place-items:center;
  border-radius:13px;
  background:#f0d7c0;
}

.toolbar{
  background:#fffdf9;
  border:1px solid #ead9ca;
  border-radius:18px;
  padding:10px;
}
.filter,.sort{
  border-color:#ead8c9;
  background:#fffdf9;
}
.filter.active{
  background:#4e3022;
  color:#fff;
  border-color:#4e3022;
}

.product{
  background:#fffdf9;
  border-color:#ead8c9;
  border-radius:20px;
  box-shadow:0 9px 24px rgba(75,44,27,.05);
}
.product:hover{
  box-shadow:0 16px 34px rgba(75,44,27,.11);
}
.product-visual{
  background:linear-gradient(145deg,#f6e8dc,#ead2bd);
}
.add,.loadmore{
  background:#4f3021;
  border-color:#4f3021;
}
.benefits{
  background:#fffdf9;
  border:1px solid #ead8c9;
  border-radius:22px;
  box-shadow:0 10px 28px rgba(75,44,27,.07);
  padding:20px;
}
.benefit{
  border-right:1px solid #ead8c9;
  padding:6px 22px;
}
.benefit:last-child{border-right:0}

.footer{
  background:linear-gradient(135deg,#2d1c14,#4b3023);
  padding-top:55px;
}
.foot-grid{
  padding-bottom:28px;
}
.footer a:hover{
  color:#e3ad72;
}
.footer-bottom{
  width:min(1180px,calc(100% - 32px));
  margin:auto;
  border-top:1px solid rgba(255,255,255,.12);
  display:flex;
  justify-content:space-between;
  align-items:center;
  gap:20px;
  padding:18px 0 25px;
}
.footer-bottom .copyright{
  flex:1;
  border-top:0;
  padding:0;
  margin:0;
}
.social-footer{
  display:flex;
  align-items:center;
  justify-content:flex-end;
  gap:8px;
  flex:0 0 auto;
}
.social-footer .social-btn{
  position:static;
  width:34px;
  height:34px;
  border-radius:10px;
  display:grid;
  place-items:center;
  background:rgba(255,255,255,.10);
  border:1px solid rgba(255,255,255,.16);
  box-shadow:none;
}
.social-footer .social-btn svg{
  width:17px;
  height:17px;
}
.social-footer .instagram{color:#ffcfdf}
.social-footer .tiktok{color:#fff}
.social-footer .whatsapp{color:#9bf2be}
.social-footer .social-btn:hover{
  transform:translateY(-2px);
  background:rgba(255,255,255,.16);
}

/* neutraliser l'ancien placement flottant */
.social-float{display:none!important}

@media(max-width:980px){
  .header{padding:8px 0}
  .header .nav{border-radius:18px}
  .desktop-actions{display:none}
  .search.desktop-search{display:none}
  .grow{display:block;flex:1}
  .mobile-row{
    display:block;
    padding:0 0 8px;
  }
  .mobile-row .search{
    max-width:none;
    width:100%;
    background:#fffdf9;
  }
  .hero-grid{
    grid-template-columns:1fr;
    min-height:auto;
    padding-top:55px;
  }
  .visual{
    min-height:390px;
  }
  .benefits{
    padding:12px 18px;
  }
  .benefit{
    border-right:0;
    border-bottom:1px solid #ead8c9;
    padding:16px 4px;
  }
  .benefit:last-child{border-bottom:0}
}
@media(max-width:680px){
  .topbar{font-size:10px}
  .header .nav{
    padding:10px 12px;
    min-height:66px;
  }
  .logo{
    width:42px;
    height:42px;
  }
  .brand>span:last-child{
    font-size:13px;
  }
  .hero-grid{
    padding:45px 0 58px;
    gap:38px;
  }
  .hero h1{
    font-size:clamp(42px,13vw,58px);
  }
  .visual{
    min-height:340px;
    border-radius:28px;
  }
  .device{
    width:150px;
    height:280px;
  }
  .visual:after{
    width:96px;
    height:125px;
  }
  .best{
    padding:12px 14px;
  }
  .footer-bottom{
    align-items:flex-end;
  }
  .footer-bottom .copyright{
    display:flex;
    flex-direction:column;
    gap:5px;
  }
}

/* ===== HUCOFFE V3 : produit, profil, promotions, recommandations ===== */
.header .logo{width:58px;height:58px;font-size:24px;flex:0 0 58px}
.product-visual{position:relative;display:block;width:100%;height:210px;border:0;padding:0;cursor:pointer;overflow:hidden;background:linear-gradient(145deg,#f5eee6,#e6d6c6)}
.product-visual img{width:100%;height:100%;object-fit:cover;display:block}
.product-placeholder{width:100%;height:100%;display:grid;place-items:center;align-content:center;gap:8px;font-size:44px;color:var(--brown)}
.product-placeholder small{font-size:11px;letter-spacing:.2em;font-weight:900}
.badge{display:inline-flex;align-items:center;border-radius:999px;padding:6px 10px;font-size:11px;font-weight:900;letter-spacing:.04em}
.product-visual .badge{position:absolute;top:12px;left:12px;z-index:2}
.product-visual .stock-badge{top:auto;bottom:12px}
.promo-badge{background:#b96f32;color:#fff}
.stock-badge{background:#33231b;color:#fff}
.product-bottom{display:flex;align-items:center;justify-content:space-between;gap:10px}
.price-wrap,.detail-price{display:flex;align-items:baseline;gap:10px;flex-wrap:wrap}
.price-now{font-size:22px;font-weight:900;color:var(--brown)}
.price-old{font-size:13px;text-decoration:line-through;color:var(--muted)}
.product-actions{display:flex;gap:8px;margin-top:12px}.product-actions .btn,.product-actions .add{flex:1}
.fav-btn{width:40px;height:40px;border-radius:50%;border:1px solid var(--line);background:#fff;color:#9d8a7e;cursor:pointer;font-size:20px;display:grid;place-items:center}.fav-btn.active{color:#b15b4c;background:#fff3ef;border-color:#e7b9ae}

.detail-modal{width:min(980px,calc(100% - 26px))}
.detail-grid{display:grid;grid-template-columns:minmax(0,1.25fr) minmax(280px,.75fr);gap:28px;align-items:start}
.detail-media-main{min-height:420px;border-radius:22px;background:var(--soft);overflow:hidden;display:grid;place-items:center}
.detail-media-main img,.detail-media-main video{width:100%;height:100%;max-height:540px;object-fit:contain;display:block;background:#f6ede5}
.detail-image-button,.detail-empty-media{width:100%;height:100%;min-height:420px;border:0;background:transparent;padding:0;cursor:zoom-in}
.detail-media-thumbs{display:flex;gap:8px;margin-top:10px;overflow-x:auto;padding-bottom:3px}.media-thumb{width:74px;height:62px;flex:0 0 74px;border:1px solid var(--line);border-radius:11px;background:#fff;overflow:hidden;padding:0;cursor:pointer}.media-thumb img{width:100%;height:100%;object-fit:cover}.media-thumb span{font-size:11px;font-weight:800}
.detail-info{padding:10px 0}.detail-info p{font-size:16px;line-height:1.7;color:var(--muted)}.detail-price{margin:22px 0}.detail-actions{display:flex;gap:10px;align-items:center}.detail-actions .btn{flex:1}.detail-fav{width:48px;height:48px}
.detail-badges{display:flex;gap:7px;margin-bottom:12px}

.lightbox{position:fixed;inset:0;background:rgba(17,11,8,.92);z-index:120;display:none;align-items:center;justify-content:center;padding:28px}.lightbox.open{display:flex}.lightbox img{max-width:min(1200px,94vw);max-height:90vh;object-fit:contain;border-radius:16px}.lightbox-close{position:absolute;top:18px;right:22px;width:46px;height:46px;border-radius:50%;border:1px solid rgba(255,255,255,.2);background:rgba(255,255,255,.12);color:#fff;font-size:30px;cursor:pointer}

.added-notice{position:fixed;right:22px;top:108px;z-index:110;min-width:320px;max-width:430px;background:#fffdf9;border:1px solid var(--line);box-shadow:0 18px 50px rgba(49,28,18,.18);border-radius:18px;padding:16px 18px;display:flex;align-items:center;justify-content:space-between;gap:15px;transform:translateY(-18px);opacity:0;pointer-events:none;transition:.23s}.added-notice.show{transform:translateY(0);opacity:1;pointer-events:auto}.added-notice div{display:flex;flex-direction:column;gap:3px}.added-notice span{font-size:13px;color:var(--muted)}.added-notice button{border:0;background:var(--brown);color:#fff;border-radius:10px;padding:10px 12px;cursor:pointer}

.cart-recommendations{border-top:1px solid var(--line);margin-top:16px;padding-top:16px}.cart-recommendations h3{margin:0 0 4px}

.profile-modal{width:min(760px,calc(100% - 26px))}.profile-orders{margin:24px 0}.profile-orders h3{margin-bottom:12px}.profile-order{border:1px solid var(--line);border-radius:14px;padding:14px;margin-bottom:10px;background:#fff}.profile-order>div{display:flex;flex-direction:column;gap:3px}.profile-order>div span{font-size:12px;color:var(--muted)}.profile-order strong{display:block;margin:8px 0}.profile-order ul{margin:0;padding-left:18px;color:var(--muted);font-size:13px}

@media(max-width:780px){.header .logo{width:50px;height:50px;flex-basis:50px}.detail-grid{grid-template-columns:1fr}.detail-media-main,.detail-image-button,.detail-empty-media{min-height:320px}.added-notice{left:12px;right:12px;top:92px;min-width:0}.product-actions{flex-direction:column}}

.product-category{font-size:9px;letter-spacing:.18em;text-transform:uppercase;color:var(--muted)}
.product-body>p{color:var(--muted);font-size:13px;line-height:1.55;min-height:41px}
@media(max-width:760px){.product-visual{height:160px}.product-body>p{display:none}}

.consent-row{display:flex;align-items:flex-start;gap:9px;font-size:12px;line-height:1.45;color:var(--muted)}.consent-row input{width:auto!important;margin-top:2px}


/* HUCOFFE v3.1.0 — vrai logo dans l'en-tête */
.hucoffe-header-logo{
  display:block;
  width:190px;
  max-width:22vw;
  height:auto;
  object-fit:contain;
  filter:drop-shadow(0 3px 8px rgba(0,0,0,.08));
}
.brand:has(.hucoffe-header-logo){
  display:flex;
  align-items:center;
  flex:0 0 auto;
  min-width:max-content;
  text-decoration:none;
}
@media(max-width:900px){
  .hucoffe-header-logo{width:155px;max-width:38vw}
}
@media(max-width:560px){
  .hucoffe-header-logo{width:132px;max-width:44vw}
}
body::after{
  content:"v3.1";
  position:fixed;
  left:6px;
  bottom:4px;
  z-index:9999;
  font:600 9px/1 sans-serif;
  color:rgba(70,45,32,.22);
  pointer-events:none;
}



/* ============================================================
   HUCOFFE v3.2.0 — header compact et réorganisé
   ============================================================ */

/* La bande du haut reste compacte et propre */
.header{
  padding:8px 0 !important;
}
.header .nav{
  min-height:64px !important;
  height:64px !important;
  padding:6px 14px !important;
  display:flex !important;
  align-items:center !important;
  gap:12px !important;
  overflow:visible;
}

/* Logo : à gauche, plus petit, jamais plus haut que la bande */
.brand:has(.hucoffe-header-logo){
  order:0 !important;
  flex:0 0 auto !important;
  display:flex !important;
  align-items:center !important;
  height:100% !important;
  min-width:auto !important;
}
.hucoffe-header-logo{
  width:118px !important;
  max-width:118px !important;
  height:46px !important;
  max-height:46px !important;
  object-fit:contain !important;
  object-position:left center !important;
  display:block !important;
  filter:drop-shadow(0 2px 5px rgba(0,0,0,.06)) !important;
}

/* Barre de recherche : au centre, prend l'espace disponible */
.search.desktop-search{
  order:1 !important;
  flex:1 1 420px !important;
  max-width:620px !important;
  min-width:220px !important;
  margin:0 auto !important;
  height:44px !important;
}

/* Actions / compte à droite */
.desktop-actions{
  order:2 !important;
  flex:0 0 auto !important;
  display:flex !important;
  align-items:center !important;
  gap:4px !important;
  margin-left:auto !important;
}

/* Panier tout à droite */
#cartBtn{
  order:3 !important;
  flex:0 0 auto !important;
  margin-left:2px !important;
}

/* Le spacer ne doit plus casser l'alignement */
.grow{
  display:none !important;
}

/* On conserve la disparition au scroll vers le bas */
.header.header-hidden{
  transform:translateY(calc(-100% - 12px)) !important;
}

/* Pied de page : plus d'icônes sociales */
.social-footer,
.social-float{
  display:none !important;
}
.footer-bottom{
  justify-content:center !important;
}
.footer-bottom .copyright{
  width:100% !important;
  text-align:center !important;
}

/* Mobile */
@media(max-width:980px){
  .header{
    padding:6px 0 !important;
  }
  .header .nav{
    min-height:58px !important;
    height:58px !important;
    padding:5px 10px !important;
    gap:8px !important;
  }
  .hucoffe-header-logo{
    width:98px !important;
    max-width:98px !important;
    height:40px !important;
    max-height:40px !important;
  }
  .desktop-search,
  .desktop-actions{
    display:none !important;
  }
  .grow{
    display:block !important;
    flex:1 1 auto !important;
  }
  #cartBtn{
    margin-left:auto !important;
  }
  .mobile-row{
    display:block !important;
    padding:0 0 7px !important;
  }
  .mobile-row .search{
    width:100% !important;
    max-width:none !important;
  }
}

@media(max-width:560px){
  .hucoffe-header-logo{
    width:88px !important;
    max-width:88px !important;
    height:36px !important;
    max-height:36px !important;
  }
  .header .nav{
    min-height:54px !important;
    height:54px !important;
  }
}

/* repère discret pour vérifier que Hostinger sert bien cette version */
body::after{
  content:"v3.2";
}


/* HUCOFFE v3.3 — correction finale du logo et de la barre principale */
.header .nav{
  min-height:62px !important;
  height:62px !important;
  padding:5px 16px !important;
  display:flex !important;
  align-items:center !important;
  flex-wrap:nowrap !important;
  gap:14px !important;
}

/* Bloc logo strictement limité à gauche */
.header .brand:has(.hucoffe-header-logo){
  order:0 !important;
  flex:0 0 150px !important;
  width:150px !important;
  height:50px !important;
  min-width:150px !important;
  max-width:150px !important;
  display:flex !important;
  align-items:center !important;
  justify-content:flex-start !important;
  overflow:hidden !important;
  margin:0 !important;
  padding:0 !important;
}

/* Logo complet lisible, sans dépasser la bande */
.header .hucoffe-header-logo{
  display:block !important;
  width:145px !important;
  max-width:145px !important;
  height:48px !important;
  max-height:48px !important;
  object-fit:contain !important;
  object-position:left center !important;
  margin:0 !important;
  padding:0 !important;
  transform:none !important;
}

/* Recherche juste après le logo */
.header .search.desktop-search{
  order:1 !important;
  flex:1 1 420px !important;
  width:auto !important;
  min-width:250px !important;
  max-width:650px !important;
  height:42px !important;
  margin:0 auto 0 4px !important;
}

/* Contact / compte / panier regroupés proprement à droite */
.header .desktop-actions{
  order:2 !important;
  flex:0 0 auto !important;
  margin-left:auto !important;
  gap:5px !important;
  white-space:nowrap !important;
}
.header #cartBtn{
  order:3 !important;
  flex:0 0 auto !important;
  white-space:nowrap !important;
}

/* Tablettes */
@media(max-width:1050px){
  .header .brand:has(.hucoffe-header-logo){
    flex-basis:125px !important;
    width:125px !important;
    min-width:125px !important;
    max-width:125px !important;
  }
  .header .hucoffe-header-logo{
    width:120px !important;
    max-width:120px !important;
    height:44px !important;
    max-height:44px !important;
  }
  .header .search.desktop-search{
    min-width:190px !important;
  }
}

/* Mobile */
@media(max-width:980px){
  .header .nav{
    min-height:56px !important;
    height:56px !important;
    padding:4px 10px !important;
  }
  .header .brand:has(.hucoffe-header-logo){
    flex-basis:112px !important;
    width:112px !important;
    min-width:112px !important;
    max-width:112px !important;
    height:46px !important;
  }
  .header .hucoffe-header-logo{
    width:108px !important;
    max-width:108px !important;
    height:42px !important;
    max-height:42px !important;
  }
}

/* Repère de déploiement */
body::after{content:"v3.3" !important;}

/* v3.4 cache-bust marker */

/* HUCOFFE v3.6 — icônes officielles visuelles des réseaux dans le footer */
.footer-social-icon{
  display:inline-grid!important;
  place-items:center;
  width:31px;
  height:31px;
  margin-right:7px;
  border-radius:9px;
  background:rgba(255,255,255,.10);
  border:1px solid rgba(255,255,255,.18);
  vertical-align:middle;
  text-decoration:none!important;
  transition:transform .18s ease,background .18s ease;
}
.footer-social-icon:hover{transform:translateY(-2px);background:rgba(255,255,255,.18)}
.footer-social-icon svg{width:18px;height:18px;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}
.footer-social-icon .dot{fill:currentColor;stroke:none}
.tiktok-icon svg path:first-child{fill:currentColor;stroke:none}
.instagram-icon{color:#ffb6d2!important}
.tiktok-icon{color:#fff!important}
.whatsapp-icon{color:#75e39e!important}

/* HUCOFFE v3.7 — mini icônes réseaux sociaux, taille proche du texte du footer */
.footer-social-icon{
  display:inline-flex!important;
  align-items:center!important;
  justify-content:center!important;
  width:18px!important;
  height:18px!important;
  min-width:18px!important;
  min-height:18px!important;
  margin-right:6px!important;
  padding:0!important;
  border:0!important;
  border-radius:4px!important;
  background:transparent!important;
  box-shadow:none!important;
  vertical-align:-3px!important;
  text-decoration:none!important;
  line-height:1!important;
}
.footer-social-icon svg{
  width:18px!important;
  height:18px!important;
  display:block!important;
  overflow:visible!important;
}
.footer-social-icon:hover{
  transform:translateY(-1px)!important;
  background:transparent!important;
  opacity:.9!important;
}
.instagram-icon,.tiktok-icon,.whatsapp-icon{color:inherit!important}

/* HUCOFFE v3.8 — Instagram et TikTok utilisent la hauteur du logo HUCOFFE comme modèle.
   Le logo HUCOFFE lui-même n'est pas modifié. */
.footer-social-icon.instagram-icon,
.footer-social-icon.tiktok-icon{
  width:46px!important;
  height:46px!important;
  min-width:46px!important;
  min-height:46px!important;
  margin-right:8px!important;
  vertical-align:middle!important;
}
.footer-social-icon.instagram-icon svg,
.footer-social-icon.tiktok-icon svg{
  width:46px!important;
  height:46px!important;
}

/* WhatsApp conserve sa petite taille actuelle. */
.footer-social-icon.whatsapp-icon{
  width:18px!important;
  height:18px!important;
  min-width:18px!important;
  min-height:18px!important;
}
.footer-social-icon.whatsapp-icon svg{
  width:18px!important;
  height:18px!important;
}

@media(max-width:980px){
  .footer-social-icon.instagram-icon,
  .footer-social-icon.tiktok-icon{
    width:40px!important;
    height:40px!important;
    min-width:40px!important;
    min-height:40px!important;
  }
  .footer-social-icon.instagram-icon svg,
  .footer-social-icon.tiktok-icon svg{
    width:40px!important;
    height:40px!important;
  }
}

@media(max-width:560px){
  .footer-social-icon.instagram-icon,
  .footer-social-icon.tiktok-icon{
    width:36px!important;
    height:36px!important;
    min-width:36px!important;
    min-height:36px!important;
  }
  .footer-social-icon.instagram-icon svg,
  .footer-social-icon.tiktok-icon svg{
    width:36px!important;
    height:36px!important;
  }
}

/* HUCOFFE v3.9 — AGRANDISSEMENT Instagram et TikTok uniquement.
   Le logo HUCOFFE n'est pas modifié. */
.footer-social-icon.instagram-icon,
.footer-social-icon.tiktok-icon{
  width:64px!important;
  height:64px!important;
  min-width:64px!important;
  min-height:64px!important;
}
.footer-social-icon.instagram-icon svg,
.footer-social-icon.tiktok-icon svg{
  width:64px!important;
  height:64px!important;
}

@media(max-width:980px){
  .footer-social-icon.instagram-icon,
  .footer-social-icon.tiktok-icon{
    width:58px!important;
    height:58px!important;
    min-width:58px!important;
    min-height:58px!important;
  }
  .footer-social-icon.instagram-icon svg,
  .footer-social-icon.tiktok-icon svg{
    width:58px!important;
    height:58px!important;
  }
}
@media(max-width:560px){
  .footer-social-icon.instagram-icon,
  .footer-social-icon.tiktok-icon{
    width:52px!important;
    height:52px!important;
    min-width:52px!important;
    min-height:52px!important;
  }
  .footer-social-icon.instagram-icon svg,
  .footer-social-icon.tiktok-icon svg{
    width:52px!important;
    height:52px!important;
  }
}

/* HUCOFFE v4.0 — Instagram et TikTok RETRECIS uniquement.
   Logo HUCOFFE inchangé. */
.footer-social-icon.instagram-icon,
.footer-social-icon.tiktok-icon{
  width:22px!important;
  height:22px!important;
  min-width:22px!important;
  min-height:22px!important;
  margin-right:5px!important;
}
.footer-social-icon.instagram-icon svg,
.footer-social-icon.tiktok-icon svg{
  width:22px!important;
  height:22px!important;
}
@media(max-width:980px){
  .footer-social-icon.instagram-icon,
  .footer-social-icon.tiktok-icon,
  .footer-social-icon.instagram-icon svg,
  .footer-social-icon.tiktok-icon svg{
    width:20px!important;
    height:20px!important;
    min-width:20px!important;
    min-height:20px!important;
  }
}

/* HUCOFFE v4.1 — trois icônes sociales uniformes et compactes.
   Hauteur calée sur le petit emblème HUCOFFE à gauche, sans agrandir le footer. */
.footer-social-links .footer-social-icon{
  display:inline-flex!important;align-items:center!important;justify-content:center!important;
  width:18px!important;height:18px!important;min-width:18px!important;min-height:18px!important;
  margin:0 5px 8px 0!important;padding:0!important;border:0!important;background:transparent!important;border-radius:4px!important;
  vertical-align:middle!important;
}
.footer-social-links .footer-social-icon svg{width:18px!important;height:18px!important;display:block!important;}


/* HUCOFFE v4.2 — icônes du pied de page divisées par 2 (18px -> 9px). */
.footer-social-links .footer-social-icon{
  width:9px!important;height:9px!important;min-width:9px!important;min-height:9px!important;
  margin:0 4px 8px 0!important;
}
.footer-social-links .footer-social-icon svg{width:9px!important;height:9px!important;}

/* HUCOFFE v4.3 — icônes footer minuscules, très serrées et côte à côte. */
.footer-social-links{
  display:flex!important;
  align-items:center!important;
  flex-wrap:wrap!important;
  gap:2px!important;
}
.footer-social-links .footer-social-icon{
  width:5px!important;
  height:5px!important;
  min-width:5px!important;
  min-height:5px!important;
  margin:0!important;
  padding:0!important;
  flex:0 0 5px!important;
}
.footer-social-links .footer-social-icon svg{
  width:5px!important;
  height:5px!important;
}
.footer-social-links br{display:none!important;}
.footer-social-links > a[href="/admin.html"]{
  flex-basis:100%!important;
  margin-top:8px!important;
}

/* HUCOFFE v4.5 — ordre fixe des réseaux : Instagram, TikTok, WhatsApp. */
.footer-social-links .instagram-icon{order:1!important;}
.footer-social-links .tiktok-icon{order:2!important;}
.footer-social-links .whatsapp-icon{order:3!important;}
.footer-social-links > a[href="/admin.html"]{order:4!important;}


/* HUCOFFE v4.6 footer logo */
.hucoffe-footer-logo{width:112px;height:44px;object-fit:contain;object-position:left center;display:block;flex:0 0 112px}
.footer .brand .hucoffe-footer-logo{width:112px!important;height:44px!important;max-width:112px!important;max-height:44px!important}


/* HUCOFFE v4.7 — réseaux footer, référence mobile validée : légèrement agrandis et espacés. */
.footer-social-links{
  display:flex!important;
  align-items:center!important;
  flex-wrap:wrap!important;
  column-gap:18px!important;
  row-gap:10px!important;
}
.footer-social-links .footer-social-icon{
  width:30px!important;
  height:30px!important;
  min-width:30px!important;
  min-height:30px!important;
  flex:0 0 30px!important;
  margin:0!important;
  padding:0!important;
  border:0!important;
  background:transparent!important;
  border-radius:7px!important;
  line-height:0!important;
}
.footer-social-links .footer-social-icon svg{
  width:30px!important;
  height:30px!important;
  display:block!important;
}
.footer-social-links > a[href="/admin.html"]{
  flex-basis:100%!important;
  width:max-content!important;
  margin-top:10px!important;
}
@media(max-width:560px){
  .footer-social-links{column-gap:20px!important;row-gap:10px!important;}
  .footer-social-links .footer-social-icon{
    width:31px!important;height:31px!important;min-width:31px!important;min-height:31px!important;flex-basis:31px!important;
  }
  .footer-social-links .footer-social-icon svg{width:31px!important;height:31px!important;}
}


/* HUCOFFE V4.15 — correction demandée UNIQUEMENT sur mobile.
   Les libellés de catégories entourés sur les captures passent du bleu au noir. */
@media (max-width:760px){
  .category-card b{color:#000 !important;}
  .filter:not(.active){color:#000 !important;}
}

/* HUCOFFE V4.19 — recommandations du panier en carrousel produit */
.cart-recommendations{overflow:hidden}
.cart-recommendations h3{color:var(--ink)}
.cart-recommendations .note{margin-bottom:12px}
.cart-recommendations .recommend-list{
  display:flex;
  gap:12px;
  overflow-x:auto;
  overflow-y:hidden;
  padding:2px 18% 10px 0;
  scroll-snap-type:x mandatory;
  scroll-padding-left:0;
  -webkit-overflow-scrolling:touch;
  scrollbar-width:none;
}
.cart-recommendations .recommend-list::-webkit-scrollbar{display:none}
.cart-recommendations .recommend-card{
  flex:0 0 82%;
  min-width:0;
  display:block;
  padding:0;
  overflow:hidden;
  border:1px solid var(--line);
  border-radius:18px;
  background:#fff;
  color:var(--ink);
  text-align:left;
  scroll-snap-align:start;
  scroll-snap-stop:always;
  box-shadow:0 5px 16px rgba(74,55,40,.06);
}
.cart-recommendations .recommend-card:active{transform:scale(.99)}
.cart-recommendations .recommend-visual{
  display:block;
  width:100%;
  height:145px;
  overflow:hidden;
  background:linear-gradient(145deg,#f5eee6,#e6d6c6);
}
.cart-recommendations .recommend-visual img{width:100%;height:100%;object-fit:cover;display:block}
.cart-recommendations .recommend-visual .product-placeholder{width:100%;height:100%;border-radius:0}
.cart-recommendations .recommend-info{display:flex;flex-direction:column;gap:5px;padding:12px 13px 14px}
.cart-recommendations .recommend-info small{
  color:var(--muted);
  font-size:8px;
  font-weight:800;
  letter-spacing:.14em;
  text-transform:uppercase;
}
.cart-recommendations .recommend-info strong{
  color:var(--ink);
  font-family:Georgia,"Times New Roman",serif;
  font-size:15px;
  line-height:1.2;
  font-weight:800;
}
.cart-recommendations .recommend-info b{
  color:var(--brown);
  font-family:Georgia,"Times New Roman",serif;
  font-size:16px;
  line-height:1.15;
  white-space:nowrap;
}
@media(min-width:761px){
  .cart-recommendations .recommend-card{flex-basis:76%}
  .cart-recommendations .recommend-list{padding-right:24%}
  .cart-recommendations .recommend-visual{height:160px}
}


/* HUCOFFE V4.20 — catalogue : fiche cliquable + photo agrandie, sans bouton « Voir le produit » */
.product-actions .add{width:100%}

/* Sur mobile, la hauteur extérieure de la fiche reste stable :
   on réduit la zone texte/actions pour donner davantage de place à la photo. */
@media (max-width:760px){
  .product{
    height:425px;
  }
  .product-visual{
    height:220px !important;
    flex:0 0 220px;
  }
  .product-body{
    padding:10px 13px 12px !important;
    min-height:0;
  }
  .product-category{
    font-size:8px;
    line-height:1.15;
  }
  .product h3{
    font-size:15px;
    line-height:1.12;
    margin:5px 0 7px;
  }
  .product-bottom{
    margin-top:auto;
    min-height:40px;
  }
  .price-wrap{
    gap:6px;
  }
  .price-now{
    font-size:20px;
    line-height:1;
  }
  .price-old{
    font-size:11px;
  }
  .fav-btn{
    width:36px;
    height:36px;
    font-size:18px;
    flex:0 0 36px;
  }
  .product-actions{
    margin-top:7px;
    display:block !important;
  }
  .product-actions .add{
    width:100%;
    min-height:38px;
    padding:8px 8px;
    font-size:12px;
  }
}

/* HUCOFFE V4.21 — mobile : uniquement la zone basse des fiches catalogue est resserrée */
@media (max-width:760px){
  .product{height:375px;}
  .product-visual{height:220px !important;flex:0 0 220px;}
  .product-body{padding:7px 13px 9px !important;}
  .product h3{margin:3px 0 4px;}
  .product-bottom{min-height:32px;}
  .product-actions{margin-top:4px;}
  .product-actions .add{min-height:34px;padding:6px 7px;}
}


/* HUCOFFE V4.24 — panier plein écran + recommandations toujours disponibles */
body.cart-page-open{overflow:hidden !important;}
#cartDrawer.drawer{
  inset:0 !important;
  left:0 !important;
  right:0 !important;
  top:0 !important;
  bottom:0 !important;
  width:100vw !important;
  max-width:none !important;
  height:100dvh !important;
  padding:calc(22px + env(safe-area-inset-top)) max(22px,env(safe-area-inset-right)) calc(28px + env(safe-area-inset-bottom)) max(22px,env(safe-area-inset-left)) !important;
  border-radius:0 !important;
  box-shadow:none !important;
  transform:translateX(100%) !important;
  overscroll-behavior:contain;
  -webkit-overflow-scrolling:touch;
  background:#fff;
}
#cartDrawer.drawer.open{transform:translateX(0) !important;}
#cartDrawer .drawer-head,
#cartDrawer #cartItems,
#cartDrawer #cartRecommendations,
#cartDrawer .total,
#cartDrawer #checkout,
#cartDrawer #emptyCart,
#cartDrawer > .note{
  width:min(100%,980px);
  margin-left:auto;
  margin-right:auto;
}
#cartDrawer .drawer-head{
  position:sticky;
  top:calc(-22px - env(safe-area-inset-top));
  z-index:5;
  background:rgba(255,255,255,.97);
  backdrop-filter:blur(12px);
  padding:18px 0 14px;
  border-bottom:1px solid var(--line);
}
#cartDrawer .drawer-head h2{margin:0;font-size:clamp(31px,6vw,46px);}
#cartDrawer .close{flex:0 0 auto;}
#cartDrawer .cart-item{padding:20px 0;}
#cartDrawer .cart-recommendations{margin-top:24px;padding-top:20px;border-top:1px solid var(--line);}
#cartDrawer .cart-recommendations h3{font-size:clamp(28px,5vw,38px);margin:0 0 8px;}
#cartDrawer .cart-recommendations .recommend-list{
  padding-right:18% !important;
  gap:14px;
}
#cartDrawer .cart-recommendations .recommend-card{flex-basis:82%;}
#cartDrawer .total{padding-top:8px;}
#overlay.open{pointer-events:none;}
@media(max-width:760px){
  #cartDrawer.drawer{padding-left:18px !important;padding-right:18px !important;}
  #cartDrawer .cart-recommendations .recommend-card{flex-basis:78%;}
  #cartDrawer .cart-recommendations .recommend-list{padding-right:22% !important;}
  #cartDrawer .cart-recommendations .recommend-visual{height:190px;}
}

/* HUCOFFE V4.25 — panier : miniature produit devant le nom, sans retirer aucune information */
#cartDrawer .cart-item{
  grid-template-columns:minmax(0,1fr) auto;
  align-items:center;
  gap:14px;
}
#cartDrawer .cart-product-main{
  min-width:0;
  display:flex;
  align-items:center;
  gap:14px;
}
#cartDrawer .cart-product-thumb{
  flex:0 0 74px;
  width:74px;
  height:74px;
  border:1px solid var(--line);
  border-radius:16px;
  overflow:hidden;
  background:linear-gradient(145deg,#f7f0e8,#ead9c9);
  display:grid;
  place-items:center;
}
#cartDrawer .cart-product-thumb img{
  width:100%;
  height:100%;
  display:block;
  object-fit:cover;
}
#cartDrawer .cart-product-placeholder{
  width:100%;height:100%;display:grid;place-items:center;
  font-size:27px;
}
#cartDrawer .cart-product-info{
  min-width:0;
  display:flex;
  flex-direction:column;
  align-items:flex-start;
  gap:3px;
}
#cartDrawer .cart-product-info b{
  font-size:17px;
  line-height:1.2;
  overflow-wrap:anywhere;
}
#cartDrawer .cart-product-info small{display:block;}
#cartDrawer .cart-product-info .remove{margin-top:2px;}
@media(max-width:560px){
  #cartDrawer .cart-item{gap:10px;padding:17px 0;}
  #cartDrawer .cart-product-main{gap:10px;}
  #cartDrawer .cart-product-thumb{flex-basis:62px;width:62px;height:62px;border-radius:14px;}
  #cartDrawer .cart-product-info b{font-size:15px;}
  #cartDrawer .qty{gap:6px;flex:0 0 auto;}
  #cartDrawer .qty button{width:30px;height:30px;}
}


/* HUCOFFE V4.26 — bouton maison + menu client latéral + pages compte/paramètres plein écran */
.home-menu-btn{
  flex:0 0 auto;width:50px;height:50px;border:1px solid var(--line);border-radius:16px;background:#fffdf9;color:var(--brown);display:grid;place-items:center;padding:0;box-shadow:0 6px 18px rgba(67,39,25,.07)
}
.home-menu-btn svg{width:25px;height:25px;fill:none;stroke:currentColor;stroke-width:1.9;stroke-linecap:round;stroke-linejoin:round}
.home-menu-btn:hover{background:#f7eadf}
.client-menu-backdrop{position:fixed;inset:0;z-index:79;background:rgba(27,17,12,.36);backdrop-filter:blur(2px)}
.client-menu-drawer{position:fixed;z-index:80;left:0;top:0;bottom:0;width:min(86vw,360px);background:#fffdf9;box-shadow:18px 0 50px rgba(37,22,15,.18);padding:calc(22px + env(safe-area-inset-top)) 20px calc(22px + env(safe-area-inset-bottom));transform:translateX(-105%);transition:transform .26s ease;overflow:auto}
.client-menu-drawer.open{transform:translateX(0)}
.client-menu-head{display:flex;justify-content:space-between;align-items:center;padding-bottom:20px;border-bottom:1px solid var(--line)}
.client-menu-head h2{font-family:Georgia,"Times New Roman",serif;font-size:34px;margin:5px 0 0;color:var(--ink)}
.client-menu-links{display:grid;gap:12px;padding-top:18px}
.client-menu-links>button{width:100%;display:grid;grid-template-columns:48px 1fr auto;gap:12px;align-items:center;text-align:left;border:1px solid var(--line);border-radius:20px;background:#fff;padding:15px 14px;color:var(--ink)}
.client-menu-links>button:hover{border-color:var(--gold);background:#fbf4ec}
.client-menu-links .menu-icon{width:44px;height:44px;border-radius:14px;background:#f6eadf;display:grid;place-items:center;font-size:21px}
.client-menu-links strong{display:block;font-size:16px}.client-menu-links small{display:block;margin-top:3px;color:var(--muted);font-size:11px;line-height:1.35}.client-menu-links b{font-size:28px;color:var(--brown);font-weight:400}
.client-fullpage{position:fixed;z-index:90;inset:0;width:100vw;height:100dvh;background:#fffdf9;overflow:auto;overscroll-behavior:contain;-webkit-overflow-scrolling:touch;opacity:0;visibility:hidden;transform:translateY(10px);transition:opacity .2s ease,transform .2s ease,visibility .2s}
.client-fullpage.open{opacity:1;visibility:visible;transform:none}
body.client-page-open{overflow:hidden!important}
.client-page-inner{width:min(980px,100%);min-height:100%;margin:0 auto;padding:calc(26px + env(safe-area-inset-top)) max(24px,env(safe-area-inset-right)) calc(42px + env(safe-area-inset-bottom)) max(24px,env(safe-area-inset-left))}
.client-page-head{position:sticky;top:calc(-26px - env(safe-area-inset-top));z-index:3;background:rgba(255,253,249,.96);backdrop-filter:blur(12px);display:flex;justify-content:space-between;align-items:flex-start;gap:20px;padding:24px 0 18px;border-bottom:1px solid var(--line);margin-bottom:28px}
.client-page-head h1{font-family:Georgia,"Times New Roman",serif;font-size:clamp(36px,7vw,56px);line-height:1;margin:7px 0 0;color:var(--ink)}
.client-page-close{flex:0 0 auto}
.client-empty-state{max-width:620px;margin:70px auto;text-align:center;border:1px solid var(--line);border-radius:26px;background:#fff;padding:34px}.client-empty-state h2{font-family:Georgia,serif;font-size:30px;margin:0 0 10px}.client-empty-state p{color:var(--muted);line-height:1.65}
.client-section-title{margin-bottom:18px}.client-section-title h2{font-family:Georgia,"Times New Roman",serif;font-size:29px;margin:0 0 5px}.client-section-title p{margin:0;color:var(--muted)}
.client-account-form,.client-orders-section{border:1px solid var(--line);background:#fff;border-radius:26px;padding:24px;margin-bottom:22px}
.client-form-grid{display:grid;grid-template-columns:1fr 1fr;gap:14px}.client-form-grid label{display:grid;gap:7px;font-size:12px;font-weight:800;color:var(--brown)}.client-form-grid label.wide{grid-column:1/-1}.client-form-grid input{width:100%;border:1px solid var(--line);border-radius:15px;background:#fffdf9;padding:13px 14px;color:var(--ink);outline:none}.client-form-grid input:focus{border-color:var(--gold);box-shadow:0 0 0 3px rgba(189,122,56,.12)}.client-form-grid input[readonly]{background:#f7f3ee;color:#78675e}.client-save-btn{margin-top:18px}
#accountPageOrders{display:grid;gap:12px}.account-order-card{border:1px solid var(--line);border-radius:18px;padding:16px;background:#fffdf9}.account-order-top{display:flex;justify-content:space-between;gap:15px}.account-order-top span{display:block;color:var(--muted);font-size:12px;margin-top:3px}.account-order-card ul{margin:10px 0 0;padding-left:19px;color:#5f5149;font-size:13px;line-height:1.6}
.settings-stack{display:grid;gap:14px}.settings-card{border:1px solid var(--line);border-radius:22px;background:#fff;padding:20px;display:flex;justify-content:space-between;align-items:center;gap:20px}.settings-card h2{font-family:Georgia,"Times New Roman",serif;font-size:23px;margin:0 0 6px}.settings-card p{margin:0;color:var(--muted);line-height:1.5;font-size:13px}.settings-action .btn{flex:0 0 auto}
.setting-switch{position:relative;display:block;flex:0 0 52px;width:52px;height:30px}.setting-switch input{position:absolute;opacity:0;pointer-events:none}.setting-switch span{position:absolute;inset:0;border-radius:99px;background:#d7d0c8;transition:.2s}.setting-switch span:after{content:"";position:absolute;width:24px;height:24px;left:3px;top:3px;border-radius:50%;background:#fff;box-shadow:0 2px 7px rgba(0,0,0,.17);transition:.2s}.setting-switch input:checked+span{background:var(--brown)}.setting-switch input:checked+span:after{transform:translateX(22px)}
@media(max-width:760px){
  .home-menu-btn{width:46px;height:46px;border-radius:14px}.home-menu-btn svg{width:23px;height:23px}
  .client-page-inner{padding-left:18px;padding-right:18px}.client-page-head{margin-bottom:20px}.client-account-form,.client-orders-section{padding:18px;border-radius:22px}.client-form-grid{grid-template-columns:1fr}.client-form-grid label.wide{grid-column:auto}.settings-card{align-items:flex-start}.settings-action{display:grid}.settings-action .btn{width:100%}
}
\n/* HUCOFFE V4.29 — page Favoris dans le menu client */\n#openFavoritesPage .menu-icon{color:#6a3b27;font-size:24px}\n.favorites-page-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px}\n.favorite-product-card{min-width:0;border:1px solid var(--line);border-radius:24px;background:#fff;overflow:hidden;cursor:pointer;box-shadow:0 8px 26px rgba(67,39,25,.05)}\n.favorite-product-visual{position:relative;width:100%;height:230px;border:0;padding:0;background:#f7eadf;display:block;overflow:hidden}\n.favorite-product-visual>img{width:100%;height:100%;object-fit:cover;display:block}\n.favorite-product-visual .product-placeholder{width:100%;height:100%}\n.favorite-product-body{padding:16px;display:flex;flex-direction:column;min-height:190px}\n.favorite-product-body h3{font-family:Georgia,"Times New Roman",serif;color:var(--ink);font-size:22px;line-height:1.05;margin:6px 0 14px}\n.favorite-product-bottom{display:flex;justify-content:space-between;align-items:center;gap:10px;margin-top:auto}\n.favorite-product-bottom .price-wrap{display:flex;flex-wrap:wrap;align-items:baseline;gap:8px}\n.favorite-product-bottom .price-now{font-size:24px}\n.favorite-add{width:100%;margin-top:13px}\n.favorites-empty{grid-column:1/-1;border:1px solid var(--line);border-radius:26px;background:#fff;text-align:center;padding:54px 24px}.favorites-empty-heart{font-size:48px;color:#9b7866;margin-bottom:10px}.favorites-empty h2{font-family:Georgia,"Times New Roman",serif;font-size:30px;margin:0 0 8px}.favorites-empty p{margin:0;color:var(--muted)}\n@media(max-width:760px){.favorites-page-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.favorite-product-card{border-radius:20px}.favorite-product-visual{height:185px}.favorite-product-body{padding:12px;min-height:170px}.favorite-product-body h3{font-size:18px;margin-bottom:10px}.favorite-product-bottom .price-now{font-size:20px}.favorite-product-bottom .fav-btn{width:40px;height:40px}.favorite-add{font-size:12px;padding:12px 8px}}\n@media(max-width:380px){.favorites-page-grid{grid-template-columns:1fr 1fr;gap:9px}.favorite-product-visual{height:165px}.favorite-product-body h3{font-size:16px}}\n
/* HUCOFFE V4.30 — coeur Favoris rouge + maison menu colorée */
#openFavoritesPage .menu-icon{color:#e53935 !important;}
.home-menu-btn .color-home-icon{width:27px;height:27px;stroke:none !important;overflow:visible;}
.home-menu-btn .color-home-icon .home-roof{fill:#6a3b27;}
.home-menu-btn .color-home-icon .home-wall{fill:#f0c28e;}
.home-menu-btn .color-home-icon .home-door{fill:#b96d2c;}
.home-menu-btn .color-home-icon .home-window{fill:#73b7d5;}

/* HUCOFFE V4.32 — accès administrateur discret en bas à droite */
.footer{position:relative}
.footer-bottom{position:relative;min-height:74px;padding-right:78px}
.footer-admin-trigger{position:absolute;right:8px;bottom:10px;width:48px;height:48px;border:1px solid rgba(255,255,255,.22);border-radius:50%;background:rgba(255,255,255,.1);display:grid;place-items:center;padding:5px;cursor:pointer;box-shadow:0 6px 18px rgba(0,0,0,.12);transition:transform .15s ease,background .15s ease}
.footer-admin-trigger:hover,.footer-admin-trigger:focus-visible{transform:translateY(-2px);background:rgba(255,255,255,.16);outline:none}
.footer-admin-trigger svg{width:100%;height:100%;display:block}
@media(max-width:620px){.footer-bottom{padding-right:68px}.footer-admin-trigger{right:4px;bottom:8px;width:44px;height:44px}}

.cat-photo{display:block;width:58px;height:58px;border-radius:16px;overflow:hidden;background:#f3e6d8}.cat-photo img{width:100%;height:100%;object-fit:cover;display:block}.category-card:has(.cat-photo) b{margin-top:12px}

/* V4.37 - Best-seller automatique */
.visual.bestseller-live{cursor:pointer;padding:0;isolation:isolate;background:#ead8c7;border:1px solid rgba(113,71,43,.14)}
.visual.bestseller-live:before,.visual.bestseller-live:after{display:none!important}
.bestseller-live .device{display:none!important}
.bestseller-photo{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;display:block;transition:transform .28s ease}
.bestseller-live:hover .bestseller-photo{transform:scale(1.025)}
.bestseller-fallback{display:grid;place-items:center;background:linear-gradient(145deg,#f5eee6,#dfc6ad)}
.bestseller-fallback .product-placeholder{width:100%;height:100%;display:grid;place-items:center}
.bestseller-shade{position:absolute;inset:0;background:linear-gradient(180deg,rgba(37,20,12,.02) 38%,rgba(37,20,12,.25) 100%);z-index:1;pointer-events:none}
.bestseller-live .best{z-index:3;max-width:min(80%,370px);display:grid;gap:4px;text-align:left}
.bestseller-live .best b{font-family:Georgia,"Times New Roman",serif;font-size:22px;line-height:1.08;color:#321e13}
.bestseller-live .best em{font-style:normal;color:#75675d;font-size:12px;line-height:1.35;display:block}
.bestseller-price{display:flex;align-items:baseline;gap:8px;margin-top:3px;color:#321e13}
.bestseller-price strong{font-size:18px}.bestseller-price del{font-size:12px;color:#8b7d72}
.bestseller-loading,.bestseller-empty{position:absolute;left:22px;bottom:22px;z-index:2;background:rgba(255,253,249,.96);padding:16px 18px;border-radius:18px;display:grid;gap:5px;max-width:80%;box-shadow:0 12px 34px rgba(0,0,0,.1)}
.bestseller-loading span,.bestseller-empty small{font-size:11px;letter-spacing:.18em;color:#7f6d61}.bestseller-empty b{font-family:Georgia,serif;font-size:20px}.bestseller-empty span{font-size:12px;color:#75675d;line-height:1.35}
@media(max-width:760px){.visual.bestseller-live{min-height:360px}.bestseller-live .best{left:18px;bottom:18px;max-width:84%;padding:14px 16px}.bestseller-live .best b{font-size:20px}}

/* V4.38 - Best-seller : image contenue dans son cadre, sans débordement */
.visual.bestseller-live{
  overflow:hidden!important;
  position:relative!important;
  height:445px;
  min-height:445px;
  max-height:445px;
}
.visual.bestseller-live .bestseller-photo{
  position:absolute!important;
  inset:0!important;
  width:100%!important;
  height:100%!important;
  max-width:100%!important;
  max-height:100%!important;
  object-fit:cover!important;
  object-position:center center!important;
  display:block!important;
  border-radius:inherit!important;
}
@media(max-width:980px){
  .visual.bestseller-live{
    height:390px;
    min-height:390px;
    max-height:390px;
  }
}
@media(max-width:680px){
  .visual.bestseller-live{
    height:340px;
    min-height:340px;
    max-height:340px;
  }
}


/* V4.39 - Best-seller : cadre strict identique au bloc d'origine */
.visual.bestseller-live{
  position:relative!important;
  width:100%!important;
  height:auto!important;
  min-height:0!important;
  max-height:none!important;
  aspect-ratio:1.08 / 1!important;
  overflow:hidden!important;
  overflow:clip!important;
  contain:paint!important;
  isolation:isolate!important;
  border-radius:42px!important;
}
.visual.bestseller-live .bestseller-photo{
  position:absolute!important;
  inset:0!important;
  width:100%!important;
  height:100%!important;
  min-width:0!important;
  min-height:0!important;
  max-width:100%!important;
  max-height:100%!important;
  object-fit:cover!important;
  object-position:center center!important;
  display:block!important;
  margin:0!important;
  padding:0!important;
  border-radius:inherit!important;
  transform:none!important;
}
.visual.bestseller-live:hover .bestseller-photo{
  transform:none!important;
}
.visual.bestseller-live .bestseller-shade{
  position:absolute!important;
  inset:0!important;
  border-radius:inherit!important;
}
@media(max-width:680px){
  .visual.bestseller-live{
    aspect-ratio:1.08 / 1!important;
    height:auto!important;
    min-height:0!important;
    max-height:none!important;
  }
}

/* V4.40 - Best-seller : verrouillage définitif de l'image dans le cadre */
#bestSellerCard.visual.bestseller-live{
  position:relative!important;
  width:100%!important;
  aspect-ratio:1.08 / 1!important;
  height:auto!important;
  min-height:0!important;
  max-height:none!important;
  overflow:hidden!important;
  clip-path:inset(0 round 42px)!important;
  border-radius:42px!important;
}
#bestSellerCard.visual.bestseller-live > img.bestseller-photo{
  position:absolute!important;
  top:0!important;
  right:0!important;
  bottom:0!important;
  left:0!important;
  width:100%!important;
  height:100%!important;
  max-width:100%!important;
  max-height:100%!important;
  object-fit:cover!important;
  object-position:center!important;
  overflow:hidden!important;
  border-radius:0!important;
  transform:none!important;
}
#bestSellerCard.visual.bestseller-live:hover > img.bestseller-photo{transform:none!important}
@media(max-width:680px){
  #bestSellerCard.visual.bestseller-live{
    width:100%!important;
    aspect-ratio:1.08 / 1!important;
    height:auto!important;
    min-height:0!important;
    max-height:none!important;
    clip-path:inset(0 round 30px)!important;
    border-radius:30px!important;
  }
}


/* HUCOFFE V4.41 — Favoris : images strictement contenues dans les cartes */
#favoritesPage .favorites-page-grid{
  display:grid!important;
  grid-template-columns:repeat(3,minmax(0,1fr))!important;
  gap:18px!important;
  width:100%!important;
}
#favoritesPage .favorite-product-card{
  min-width:0!important;
  width:100%!important;
  max-width:100%!important;
  border:1px solid var(--line)!important;
  border-radius:24px!important;
  background:#fff!important;
  overflow:hidden!important;
  cursor:pointer!important;
  box-sizing:border-box!important;
}
#favoritesPage .favorite-product-visual{
  position:relative!important;
  display:block!important;
  width:100%!important;
  height:230px!important;
  max-height:230px!important;
  min-height:230px!important;
  padding:0!important;
  margin:0!important;
  border:0!important;
  overflow:hidden!important;
  background:#f7eadf!important;
  box-sizing:border-box!important;
}
#favoritesPage .favorite-product-visual > img{
  position:absolute!important;
  inset:0!important;
  width:100%!important;
  height:100%!important;
  max-width:100%!important;
  max-height:100%!important;
  object-fit:cover!important;
  object-position:center!important;
  display:block!important;
  margin:0!important;
  padding:0!important;
  transform:none!important;
}
#favoritesPage .favorite-product-visual .product-placeholder{
  width:100%!important;
  height:100%!important;
  max-width:100%!important;
  max-height:100%!important;
  overflow:hidden!important;
}
#favoritesPage .favorite-product-body{
  padding:16px!important;
  display:flex!important;
  flex-direction:column!important;
  min-height:190px!important;
  box-sizing:border-box!important;
}
@media(max-width:760px){
  #favoritesPage .favorites-page-grid{grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:12px!important;}
  #favoritesPage .favorite-product-card{border-radius:20px!important;}
  #favoritesPage .favorite-product-visual{height:185px!important;min-height:185px!important;max-height:185px!important;}
  #favoritesPage .favorite-product-body{padding:12px!important;min-height:170px!important;}
}
@media(max-width:380px){
  #favoritesPage .favorites-page-grid{grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:9px!important;}
  #favoritesPage .favorite-product-visual{height:165px!important;min-height:165px!important;max-height:165px!important;}
}

/* HUCOFFE V4.43 — Accueil mobile : séparation nette entre les statistiques et le Best-Seller */
@media(max-width:760px){
  .hero-grid > div:first-child{position:relative;z-index:2;}
  .hero-grid .stats{position:relative;z-index:2;margin-bottom:24px!important;}
  #bestSellerCard.visual.bestseller-live{margin-top:18px!important;clear:both!important;position:relative!important;z-index:1!important;}
}

/* HUCOFFE V4.44 — Panier : croix et boutons quantité en noir */
#cartDrawer .close{color:#111!important;}
#cartDrawer .qty button{color:#111!important;}
#cartDrawer .qty button:hover,#cartDrawer .qty button:focus,#cartDrawer .close:hover,#cartDrawer .close:focus{color:#111!important;}

/* HUCOFFE V4.50 — recommandations panier : ajout direct + fiche plein écran avec retour panier */
.cart-recommendations .recommend-card{
  cursor:pointer;
}
.cart-recommendations .recommend-info{
  padding-bottom:12px;
}
.cart-recommendations .recommend-add{
  width:100%;
  margin-top:8px;
  border:0;
  border-radius:999px;
  background:var(--brown);
  color:#fff;
  padding:10px 12px;
  font-size:12px;
  font-weight:850;
  line-height:1.1;
}
.cart-recommendations .recommend-add:active{transform:scale(.985)}

#detailModal.detail-cart-fullscreen{
  z-index:120;
  display:block;
  padding:0;
  background:#fff;
  overflow-y:auto;
  -webkit-overflow-scrolling:touch;
}
#detailModal.detail-cart-fullscreen .detail-modal{
  width:100%;
  max-width:none;
  min-height:100%;
  border-radius:0;
  padding:clamp(22px,4vw,46px);
  box-shadow:none;
  margin:0;
}
#detailModal.detail-cart-fullscreen .modal-top{
  position:sticky;
  top:0;
  z-index:5;
  background:rgba(255,255,255,.96);
  backdrop-filter:blur(10px);
  padding:8px 0 14px;
}
#detailModal.detail-cart-fullscreen .modal-top .close{
  color:#111!important;
  font-size:28px;
  flex:0 0 auto;
}
#detailModal.detail-cart-fullscreen .detail-grid{
  width:min(1080px,100%);
  margin:18px auto 50px;
}
@media(max-width:760px){
  .cart-recommendations .recommend-add{font-size:12px;padding:11px 9px}
  #detailModal.detail-cart-fullscreen .detail-modal{padding:18px 22px 38px}
  #detailModal.detail-cart-fullscreen .detail-grid{margin-top:10px}
  #detailModal.detail-cart-fullscreen .detail-media-main{max-height:56vh;overflow:hidden}
  #detailModal.detail-cart-fullscreen .detail-media-main img,
  #detailModal.detail-cart-fullscreen .detail-media-main video{max-height:56vh;object-fit:contain}
}


/* HUCOFFE V4.51 — fiche produit ouverte depuis « Vous aimerez aussi » : plein écran propre */
body.detail-from-cart-open{overflow:hidden!important;}
#detailModal.detail-cart-fullscreen{
  position:fixed!important;
  inset:0!important;
  width:100vw!important;
  height:100dvh!important;
  max-width:none!important;
  max-height:none!important;
  margin:0!important;
  padding:0!important;
  background:#fff!important;
  overflow-y:auto!important;
  overflow-x:hidden!important;
  overscroll-behavior:contain;
  isolation:isolate;
  z-index:10000!important;
  place-items:stretch!important;
}
#detailModal.detail-cart-fullscreen::before{
  content:"";
  position:fixed;
  inset:0;
  background:#fff;
  z-index:-1;
}
#detailModal.detail-cart-fullscreen .detail-modal{
  position:relative!important;
  z-index:1!important;
  width:100%!important;
  max-width:none!important;
  min-height:100dvh!important;
  margin:0!important;
  border-radius:0!important;
  background:#fff!important;
  overflow:visible!important;
}
#detailModal.detail-cart-fullscreen .detail-badges .badge{
  position:static!important;
  left:auto!important;
  top:auto!important;
  right:auto!important;
  bottom:auto!important;
}
#detailModal.detail-cart-fullscreen .modal-top{
  width:100%;
  box-sizing:border-box;
}
#detailModal.detail-cart-fullscreen .detail-media-main,
#detailModal.detail-cart-fullscreen .detail-image-button,
#detailModal.detail-cart-fullscreen .detail-empty-media{
  width:100%;
  max-width:100%;
  box-sizing:border-box;
}
@media(max-width:760px){
  #detailModal.detail-cart-fullscreen .detail-modal{padding:18px 22px 44px!important;}
  #detailModal.detail-cart-fullscreen .modal-top{padding-top:4px!important;}
  #detailModal.detail-cart-fullscreen .detail-grid{width:100%!important;max-width:100%!important;}
}

/* HUCOFFE V4.52 — redesign visuel des cartes de catégories uniquement.
   Dimensions et fonctionnalités inchangées. */
.category-card{
  position:relative!important;
  overflow:hidden!important;
  isolation:isolate!important;
  padding:0!important;
  background:linear-gradient(145deg,#efe1d4,#d7b89d)!important;
  color:#fff!important;
  text-align:left!important;
}
.category-card .cat-photo{
  position:absolute!important;
  inset:0!important;
  width:100%!important;
  height:100%!important;
  display:block!important;
  border-radius:inherit!important;
  overflow:hidden!important;
  z-index:0!important;
}
.category-card .cat-photo img{
  width:100%!important;
  height:100%!important;
  display:block!important;
  object-fit:cover!important;
  object-position:center!important;
  border-radius:inherit!important;
}
.category-card::before{
  content:"";
  position:absolute;
  inset:0;
  z-index:1;
  pointer-events:none;
  background:linear-gradient(to bottom,rgba(32,20,14,.03) 20%,rgba(32,20,14,.20) 58%,rgba(32,20,14,.72) 100%);
}
.category-card b,
.category-card small{
  position:absolute!important;
  left:18px!important;
  z-index:2!important;
  color:#fff!important;
  margin:0!important;
  text-shadow:0 1px 5px rgba(0,0,0,.25)!important;
}
.category-card b{
  bottom:20px!important;
  right:54px!important;
  font-size:18px!important;
  line-height:1.1!important;
  font-weight:850!important;
}
.category-card small{
  bottom:47px!important;
  font-size:10px!important;
  letter-spacing:.14em!important;
  text-transform:uppercase!important;
  font-weight:700!important;
  opacity:.92!important;
}
.category-card::after{
  content:"↗";
  position:absolute;
  right:14px;
  bottom:14px;
  z-index:2;
  width:34px;
  height:34px;
  border-radius:50%;
  display:grid;
  place-items:center;
  color:#fff;
  background:rgba(255,255,255,.20);
  border:1px solid rgba(255,255,255,.35);
  font-size:17px;
  font-weight:800;
  backdrop-filter:blur(5px);
  -webkit-backdrop-filter:blur(5px);
  pointer-events:none;
}
.category-card .cat-icon{
  position:absolute!important;
  inset:0!important;
  width:100%!important;
  height:100%!important;
  z-index:0!important;
  border-radius:inherit!important;
  display:grid!important;
  place-items:center!important;
  font-size:40px!important;
  background:linear-gradient(145deg,#ead7c3,#c9976f)!important;
}
.category-card:hover,.category-card.active{
  transform:translateY(-3px)!important;
}
@media(max-width:760px){
  .category-card b{
    left:16px!important;
    right:48px!important;
    bottom:18px!important;
    font-size:17px!important;
    color:#fff!important;
  }
  .category-card small{
    left:16px!important;
    bottom:44px!important;
    font-size:9px!important;
    color:#fff!important;
  }
  .category-card::after{
    width:31px;
    height:31px;
    right:12px;
    bottom:12px;
    font-size:15px;
  }
}

/* HUCOFFE V4.53 — cœur Favoris rouge (design uniquement) */
#openFavoritesPage .menu-icon.favorites-menu-heart{
  color:#e53935 !important;
  -webkit-text-fill-color:#e53935 !important;
  font-family:Arial,Helvetica,sans-serif !important;
  font-size:25px !important;
  font-weight:700 !important;
}

/* V4.54 — promotions et économie dans le panier */
#cartDrawer .cart-price-line{display:flex;align-items:baseline;gap:8px;flex-wrap:wrap;margin-top:2px;}
#cartDrawer .cart-price-line del{color:var(--muted);text-decoration-thickness:1.5px;}
#cartDrawer .cart-price-line strong{color:var(--ink);font-weight:800;}
#cartDrawer .cart-savings{display:flex;justify-content:space-between;align-items:center;margin:18px 0 2px;color:#218739;font-weight:900;font-size:17px;}
#cartDrawer .cart-savings span{color:#218739!important;}

/* HUCOFFE V4.55 — promotions visibles dans « Vous aimerez aussi » du panier */
.cart-recommendations .recommend-price{
  display:flex;
  align-items:baseline;
  gap:8px;
  min-height:20px;
  flex-wrap:wrap;
}
.cart-recommendations .recommend-price b{
  color:var(--brown);
  font-family:Georgia,"Times New Roman",serif;
  font-size:16px;
  line-height:1.15;
  white-space:nowrap;
}
.cart-recommendations .recommend-price del{
  color:var(--muted);
  font-size:12px;
  font-weight:700;
  text-decoration-thickness:1.5px;
  white-space:nowrap;
}
.cart-recommendations .recommend-price.is-promo b{font-weight:900;}


/* HUCOFFE V4.56 — achat en ligne + page Commandes */
#cartDrawer #buyNow{margin-top:14px}
#cartDrawer .whatsapp-preorder-btn{margin-top:9px;background:#fffdf9;color:var(--brown);border:1.5px solid var(--brown)}
#cartDrawer .whatsapp-preorder-btn:hover{background:#f7eee6}
.checkout-page-inner{max-width:980px}
.checkout-layout{display:grid;grid-template-columns:minmax(0,.9fr) minmax(0,1.1fr);gap:22px;padding-bottom:36px}
.checkout-card{background:#fff;border:1px solid var(--line);border-radius:24px;padding:22px;box-shadow:0 14px 34px rgba(48,30,20,.06)}
.checkout-card h2{margin:0 0 18px;color:var(--ink);font-size:24px}
.checkout-line{display:grid;grid-template-columns:64px 1fr auto;gap:12px;align-items:center;padding:12px 0;border-bottom:1px solid var(--line)}
.checkout-line img{width:64px;height:64px;object-fit:cover;border-radius:14px;border:1px solid var(--line)}
.checkout-line b,.checkout-line small{display:block}.checkout-line small{color:var(--muted);margin-top:3px}.checkout-line>strong{white-space:nowrap;color:var(--ink)}
.checkout-saving,.checkout-total{display:flex;justify-content:space-between;align-items:center;margin-top:16px;font-size:17px;font-weight:800}.checkout-saving{color:#218739}.checkout-total{font-size:23px;color:var(--ink);padding-top:14px;border-top:1px solid var(--line)}
.checkout-form .client-form-grid label{font-weight:800;color:var(--ink)}
.checkout-form input,.checkout-form select{margin-top:7px;width:100%;min-height:48px;border:1px solid var(--line);border-radius:14px;background:#fffdf9;padding:0 14px;font:inherit;color:var(--ink)}
.checkout-pay-btn{margin-top:18px}
.orders-page-list{display:grid;gap:16px;padding-bottom:32px}
.order-detail-card{border:1px solid var(--line);border-radius:24px;background:#fff;padding:20px;box-shadow:0 12px 28px rgba(48,30,20,.05)}
.order-detail-head{display:flex;justify-content:space-between;gap:16px;align-items:flex-start;padding-bottom:14px;border-bottom:1px solid var(--line)}
.order-detail-head small,.order-detail-head span{display:block;color:var(--muted)}.order-detail-head h2{margin:4px 0 3px;color:var(--ink);font-size:22px}.order-detail-head>strong{font-size:22px;color:var(--brown);white-space:nowrap}
.order-status-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:10px;margin:14px 0}
.order-status-grid>div{background:#fbf5ef;border:1px solid #efe0d2;border-radius:16px;padding:12px}.order-status-grid small{display:block;color:var(--muted);font-size:11px;text-transform:uppercase;letter-spacing:.08em}.order-status-grid b{display:block;margin-top:5px;color:var(--ink);font-size:13px}
.order-address{padding:12px 0;border-top:1px solid var(--line)}.order-address small{color:var(--muted);font-weight:800}.order-address p{margin:5px 0 0;color:var(--ink)}
.order-products{border-top:1px solid var(--line);padding-top:8px}.order-products>div{display:flex;justify-content:space-between;gap:14px;padding:9px 0}.order-products span{font-weight:700;color:var(--ink)}.order-products span small{display:block;color:var(--muted);font-weight:500;margin-top:2px}.order-products b{white-space:nowrap;color:var(--brown)}
.order-meta{display:flex;gap:12px;flex-wrap:wrap;margin-top:12px;padding-top:12px;border-top:1px solid var(--line);color:var(--muted);font-size:13px}.order-meta b{color:var(--ink)}.order-meta .order-saving,.order-meta .order-saving b{color:#218739}
@media(max-width:760px){.checkout-layout{grid-template-columns:1fr}.checkout-card{padding:16px;border-radius:20px}.checkout-line{grid-template-columns:54px 1fr auto}.checkout-line img{width:54px;height:54px}.order-status-grid{grid-template-columns:1fr 1fr}.order-detail-card{padding:16px}.order-detail-head h2{font-size:19px}.order-detail-head>strong{font-size:19px}}


/* HUCOFFE V4.58 — sous-catégories Commandes + états colorés */
.client-menu-order-group{display:grid;gap:0}
.client-menu-order-group>button{width:100%}
.client-menu-order-submenu{display:grid;gap:7px;margin:2px 0 10px 44px;padding-left:12px;border-left:2px solid var(--line)}
.client-menu-order-submenu[hidden]{display:none!important}
.client-menu-order-submenu .orders-menu-subitem{display:grid;grid-template-columns:28px 1fr auto;gap:10px;align-items:center;width:100%;border:1px solid var(--line);background:#fffaf6;border-radius:14px;padding:11px 12px;text-align:left;color:var(--ink);cursor:pointer}
.client-menu-order-submenu .orders-menu-subitem strong,.client-menu-order-submenu .orders-menu-subitem small{display:block}.client-menu-order-submenu .orders-menu-subitem small{margin-top:2px;color:var(--muted);font-size:11px}
#toggleOrdersMenu .orders-menu-chevron{transition:transform .2s ease}#toggleOrdersMenu.open .orders-menu-chevron{transform:rotate(90deg)}
.orders-kind-tabs{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin:0 0 18px}
.orders-kind-tab{border:1px solid var(--line);background:#fff;border-radius:14px;padding:12px 14px;font-weight:900;color:var(--brown);cursor:pointer}.orders-kind-tab.active{background:var(--brown);border-color:var(--brown);color:#fff}
.order-status-grid>.order-state-box.order-state-pending{background:#ffe9e9;border-color:#f4c2c2}.order-status-grid>.order-state-box.order-state-pending b{color:#9b2626}
.order-status-grid>.order-state-box.order-state-preparing{background:#fff0db;border-color:#f1cf9c}.order-status-grid>.order-state-box.order-state-preparing b{color:#9a5a00}
.order-status-grid>.order-state-box.order-state-done{background:#e7f7eb;border-color:#b9e1c3}.order-status-grid>.order-state-box.order-state-done b{color:#1f743b}
.order-detail-card.order-state-pending{border-left:5px solid #e9aaaa}.order-detail-card.order-state-preparing{border-left:5px solid #edb45d}.order-detail-card.order-state-done{border-left:5px solid #70b982}
@media(max-width:560px){.orders-kind-tabs{grid-template-columns:1fr}.client-menu-order-submenu{margin-left:24px}}

/* HUCOFFE V4.59 — Commande simple dans le menu, sous-categories uniquement dans la page Commandes */
#openOrdersPage{width:100%;display:grid;grid-template-columns:48px 1fr auto;gap:12px;align-items:center;text-align:left;border:1px solid var(--line);border-radius:20px;background:#fff;padding:15px 14px;color:var(--ink)}
#openOrdersPage:hover{border-color:var(--gold);background:#fbf4ec}
#openOrdersPage .menu-icon{width:44px;height:44px;border-radius:14px;background:#f6eadf;display:grid;place-items:center;font-size:21px}
#openOrdersPage strong{display:block;font-size:16px}
#openOrdersPage small{display:block;margin-top:3px;color:var(--muted);font-size:11px;line-height:1.35}
#openOrdersPage>b{font-size:28px;color:var(--brown);font-weight:400}
.orders-kind-tabs{grid-template-columns:1fr 1fr!important}
@media(max-width:560px){.orders-kind-tabs{grid-template-columns:1fr 1fr!important;gap:8px}.orders-kind-tab{padding:12px 8px;font-size:12px}}

/* V4.60 - retour des pages du menu vers le menu Home */
.client-page-back{font-size:30px!important;line-height:1!important;font-weight:700!important;color:var(--brown)!important;display:grid!important;place-items:center!important}

/* HUCOFFE V4.61 — correction du décalage du menu Home sur mobile */
.client-menu-drawer{
  top:0!important;
  bottom:auto!important;
  height:100vh!important;
  min-height:100vh!important;
  max-height:100vh!important;
  overflow-y:auto!important;
  overscroll-behavior:contain;
  -webkit-overflow-scrolling:touch;
}
@supports (height:100dvh){
  .client-menu-drawer{
    height:100dvh!important;
    min-height:100dvh!important;
    max-height:100dvh!important;
  }
}
body.client-menu-open{
  overflow:hidden!important;
  overscroll-behavior:none;
  touch-action:none;
}
.client-menu-backdrop{
  width:100vw!important;
  height:100vh!important;
}
@supports (height:100dvh){
  .client-menu-backdrop{height:100dvh!important;}
}


/* HUCOFFE v4.63 — pied de page légal */
.hucoffe-legal{margin-top:34px;padding-top:26px;border-top:1px solid rgba(255,255,255,.14)}
.legal-title{display:flex;justify-content:space-between;gap:14px;align-items:end;margin-bottom:15px;color:#fff}
.legal-title>span{font-size:12px;font-weight:900;letter-spacing:.2em}
.legal-title small{color:rgba(255,255,255,.48);font-size:10px}
.legal-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:10px}
.legal-grid details{border:1px solid rgba(255,255,255,.15);border-radius:14px;background:rgba(255,255,255,.045);overflow:hidden}
.legal-grid summary{list-style:none;padding:13px 15px;color:#fff;font-size:11px;font-weight:850;cursor:pointer;display:flex;justify-content:space-between;align-items:center}
.legal-grid summary::-webkit-details-marker{display:none}.legal-grid summary:after{content:'+';font-size:18px;font-weight:400;color:#d4c5b3}.legal-grid details[open] summary:after{content:'−'}
.legal-content{padding:0 15px 14px;color:rgba(255,255,255,.68);font-size:10px;line-height:1.65}.legal-content p{margin:8px 0}.legal-content strong{color:rgba(255,255,255,.9)}.legal-content a{text-decoration:underline;text-underline-offset:2px}
.legal-note{margin:14px 0 0;color:rgba(255,255,255,.4);font-size:9px;line-height:1.5}
@media(max-width:760px){.legal-title{display:block}.legal-title small{display:block;margin-top:5px}.legal-grid{grid-template-columns:1fr 1fr}}
@media(max-width:480px){.legal-grid{grid-template-columns:1fr}.hucoffe-legal{margin-top:26px}.legal-grid summary{padding:12px 14px}.legal-content{font-size:10px}}

/* HUCOFFE v4.65 — Fidélité numérique */
.loyalty-card{max-width:520px;aspect-ratio:1.58;margin:12px auto 20px;border-radius:28px;padding:26px;color:#fff;background:linear-gradient(145deg,#2b1710,#5b3425);box-shadow:0 22px 50px rgba(58,31,22,.22);display:flex;flex-direction:column;justify-content:space-between;position:relative;overflow:hidden}.loyalty-card:after{content:'H';position:absolute;right:-18px;bottom:-65px;font:900 190px Georgia;color:rgba(255,255,255,.055)}.loyalty-card-top,.loyalty-card-bottom{display:flex;justify-content:space-between;letter-spacing:.18em;font-weight:900}.loyalty-card-name{font-size:20px;font-weight:800}.loyalty-points strong{display:block;font-size:54px;line-height:1}.loyalty-points span{font-size:12px;letter-spacing:.22em}.loyalty-progress-card{max-width:520px;margin:0 auto 16px;background:#fff;border:1px solid var(--line);border-radius:18px;padding:16px}.loyalty-progress-head{display:flex;justify-content:space-between;gap:10px}.loyalty-progress{height:10px;background:#efe4da;border-radius:99px;overflow:hidden;margin:12px 0}.loyalty-progress i{display:block;height:100%;background:var(--brown);border-radius:99px}.wallet-buttons{max-width:520px;margin:0 auto 28px;display:grid;grid-template-columns:1fr 1fr;gap:10px}.wallet-btn{border:0;border-radius:14px;padding:14px 12px;font-weight:850;font-size:14px;cursor:pointer}.wallet-btn.apple{background:#111;color:#fff}.wallet-btn.google{background:#fff;color:#222;border:1px solid var(--line)}.loyalty-history{display:grid;gap:8px}.loyalty-history-row{background:#fff;border:1px solid var(--line);border-radius:14px;padding:13px;display:flex;justify-content:space-between;gap:12px}.loyalty-history-row span{display:block;font-size:11px;color:var(--muted);margin-top:3px}.loyalty-history-row .plus{color:#267142}.loyalty-history-row .minus{color:#a13c32}.loyalty-admin-stats{display:grid;grid-template-columns:repeat(3,1fr);gap:10px;margin:14px 0}.loyalty-stat{background:#fff;border:1px solid var(--line);border-radius:16px;padding:16px}.loyalty-stat strong{display:block;font-size:28px}.loyalty-settings{display:grid;grid-template-columns:repeat(4,1fr);gap:10px;background:#fffaf6;border:1px solid var(--line);border-radius:16px;padding:14px;margin-bottom:16px}.loyalty-settings label{display:grid;gap:5px;font-size:12px;font-weight:800}.loyalty-settings input{border:1px solid var(--line);border-radius:9px;padding:9px}.loyalty-admin-list{display:grid;gap:8px}.loyalty-admin-row{display:grid;grid-template-columns:1.4fr 1.4fr .8fr .8fr 110px;gap:10px;align-items:center;background:#fff;border:1px solid var(--line);border-radius:14px;padding:12px}.loyalty-admin-row button{cursor:pointer}.loyalty-detail-grid{display:grid;grid-template-columns:1fr 1fr;gap:14px}.loyalty-adjust{display:flex;gap:8px;flex-wrap:wrap;margin:12px 0}.loyalty-adjust input{border:1px solid var(--line);border-radius:9px;padding:10px;min-width:120px}@media(max-width:700px){.wallet-buttons{grid-template-columns:1fr}.loyalty-card{padding:20px}.loyalty-points strong{font-size:44px}.loyalty-admin-stats,.loyalty-settings{grid-template-columns:1fr 1fr}.loyalty-admin-row{grid-template-columns:1fr}.loyalty-detail-grid{grid-template-columns:1fr}}

/* HUCOFFE V4.70 — PANIER PC PLUS HOMOGENE (desktop uniquement)
   Mobile volontairement inchangé. */
@media (min-width: 761px){
  /* Largeur de travail confortable sans étirer le panier sur tout l'écran */
  #cartDrawer .drawer-head,
  #cartDrawer #cartItems,
  #cartDrawer #cartRecommendations,
  #cartDrawer .cart-savings,
  #cartDrawer .total,
  #cartDrawer #buyNow,
  #cartDrawer #checkout,
  #cartDrawer #emptyCart,
  #cartDrawer > .note{
    width:min(92vw,1180px);
  }

  /* Produits réellement présents dans le panier : photo plus grande et ligne mieux structurée */
  #cartDrawer #cartItems{margin-top:8px;}
  #cartDrawer .cart-item{
    padding:22px 8px;
    gap:24px;
    min-height:142px;
  }
  #cartDrawer .cart-product-main{gap:20px;}
  #cartDrawer .cart-product-thumb{
    flex:0 0 112px;
    width:112px;
    height:112px;
    border-radius:18px;
    background:#f7f2ed;
  }
  #cartDrawer .cart-product-thumb img{
    width:100%;height:100%;object-fit:contain;
  }
  #cartDrawer .cart-product-info{gap:5px;}
  #cartDrawer .cart-product-info b{font-size:19px;line-height:1.25;}
  #cartDrawer .cart-product-info small{font-size:13px;}
  #cartDrawer .qty{gap:10px;padding-right:8px;}
  #cartDrawer .qty button{width:34px;height:34px;}

  /* Recommandations : plusieurs vraies cartes visibles sur une ligne, carrousel conservé */
  #cartDrawer .cart-recommendations{margin-top:20px;padding-top:18px;}
  #cartDrawer .cart-recommendations h3{font-size:30px;margin-bottom:5px;}
  #cartDrawer .cart-recommendations .recommend-list{
    gap:14px;
    padding:4px 0 12px !important;
    scroll-snap-type:x proximity;
  }
  #cartDrawer .cart-recommendations .recommend-card{
    flex:0 0 calc((100% - 42px)/4) !important;
    border-radius:16px;
  }
  #cartDrawer .cart-recommendations .recommend-visual{height:145px;}
  #cartDrawer .cart-recommendations .recommend-info{padding:10px 11px 12px;gap:4px;}
  #cartDrawer .cart-recommendations .recommend-info strong{font-size:14px;min-height:34px;}
  #cartDrawer .cart-recommendations .recommend-add{padding:9px 10px;margin-top:6px;font-size:11px;}

  /* Zone total et actions plus proche d'un panier e-commerce PC */
  #cartDrawer .cart-savings,
  #cartDrawer .total{max-width:1180px;}
  #cartDrawer .total{margin-top:12px;margin-bottom:12px;}
  #cartDrawer #buyNow,
  #cartDrawer #checkout,
  #cartDrawer #emptyCart{
    max-width:560px;
    margin-left:auto !important;
    margin-right:auto !important;
  }
  #cartDrawer #buyNow{
    margin-top:10px;
    padding:11px 20px;
  }
  #cartDrawer #checkout{
    margin-top:8px;
    padding:10px 20px;
  }
  #cartDrawer #emptyCart{
    padding:9px 20px;
  }
  #cartDrawer > .note{max-width:760px;text-align:center;}
}

/* HUCOFFE V4.83 — expérience d'achat */
.smart-filters{display:flex;gap:8px;flex-wrap:wrap;margin:10px 0 20px}.smart-filters button{border:1px solid var(--line);background:#fff;border-radius:999px;padding:9px 14px;font-weight:800;cursor:pointer}.smart-filters button.active{background:var(--brown);color:#fff;border-color:var(--brown)}.recently-viewed,.bundle-offers{margin-top:34px}.mini-section-head small{font-weight:900;letter-spacing:.12em;color:var(--muted)}.mini-section-head h3{font-size:24px;margin:4px 0 14px}.recent-grid{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:10px}.recent-card{border:1px solid var(--line);background:#fff;border-radius:16px;padding:10px;text-align:left;cursor:pointer}.recent-card>img,.recent-card>.product-placeholder{width:100%;aspect-ratio:1/1;object-fit:cover;border-radius:11px}.recent-card span{display:grid;gap:4px;margin-top:8px}.recent-card b{font-size:13px}.recent-card strong{font-size:14px}.bundle-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.bundle-card{display:flex;align-items:center;justify-content:space-between;gap:14px;border:1px solid var(--line);background:#fff;border-radius:18px;padding:16px}.bundle-card p{margin:5px 0 0;color:var(--muted);font-size:13px}@media(max-width:800px){.recent-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.bundle-grid{grid-template-columns:1fr}.bundle-card{align-items:flex-start;flex-direction:column}}

/* HUCOFFE V4.85 — Consultés récemment : mêmes dimensions visuelles que le catalogue */
.recent-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:20px}
.recent-card{padding:0;overflow:hidden;border-radius:24px}
.recent-card>img,.recent-card>.product-placeholder{width:100%;height:210px;aspect-ratio:auto;object-fit:cover;border-radius:0;display:block}
.recent-card>.product-placeholder{display:grid}
.recent-card span{padding:0 17px 17px;margin-top:12px}
.recent-card b{font-size:15px}
.recent-card strong{font-size:18px}
@media(max-width:1000px){.recent-grid{grid-template-columns:repeat(3,minmax(0,1fr))}}
@media(max-width:760px){.recent-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.recent-card>img,.recent-card>.product-placeholder{height:160px}.recent-card span{padding:0 13px 13px}.recent-card b{font-size:14px}.recent-card strong{font-size:16px}}

/* V4.86 packs : seules les photos défilent, la fiche reste fixe */
.bundle-card{display:grid!important;grid-template-columns:180px minmax(0,1fr) auto!important;align-items:center!important;overflow:hidden}.bundle-photo-window{width:180px;aspect-ratio:1/1;overflow:hidden;border-radius:14px;background:#f6f2ec}.bundle-photo-track{display:flex;width:100%;height:100%;transition:transform .55s ease}.bundle-photo-slide{min-width:100%;height:100%;position:relative}.bundle-photo-slide>img,.bundle-photo-slide>.product-placeholder{width:100%;height:100%;object-fit:cover;border-radius:14px}.bundle-photo-slide>span{position:absolute;left:8px;right:8px;bottom:8px;background:rgba(255,255,255,.9);padding:6px 8px;border-radius:9px;font-size:11px;font-weight:800}.bundle-info{min-width:0}.bundle-price{display:flex;align-items:center;gap:8px;flex-wrap:wrap;margin-top:10px}.bundle-price strong{font-size:22px}.bundle-price del{color:var(--muted)}.bundle-price em{font-style:normal;font-size:12px;font-weight:900;background:#efe3d7;padding:5px 8px;border-radius:999px}.bundle-price small{width:100%;color:var(--muted)}@media(max-width:800px){.bundle-card{grid-template-columns:110px minmax(0,1fr)!important}.bundle-photo-window{width:110px}.bundle-card>.btn{grid-column:1/-1;width:100%}}
/* V4.87 admin variants */
.variant-switches{display:flex;gap:14px;flex-wrap:wrap;margin:14px 0}.variant-switches label,.variant-toggle{display:flex;align-items:center;gap:9px;background:#f8f2ed;border:1px solid #dfd1c7;border-radius:14px;padding:10px 13px;font-weight:800;color:#4a2b1f}.variant-model-zone,.variant-color-zone{margin-top:12px;padding:14px;border:1px solid #e4d8cf;border-radius:16px;background:#fffdfb}.model-chip-list{display:flex;gap:8px;flex-wrap:wrap;margin:8px 0}.model-admin-chip{display:inline-flex;align-items:center;gap:8px;background:#4a2b1f;color:#fff;padding:8px 11px;border-radius:999px;font-weight:800}.model-admin-chip button{border:0;background:rgba(255,255,255,.18);color:#fff;border-radius:50%;width:20px;height:20px;cursor:pointer}.admin-color-dot{width:28px;height:28px;border-radius:50%;border:3px solid #fff;box-shadow:0 0 0 1px #cdbdb3;flex:0 0 auto}.variant-line{display:flex;align-items:center;gap:9px}.variant-add input[type=color]{width:44px;height:40px;padding:3px;border-radius:12px;border:1px solid #d8c8bd}.variant-create-box{display:grid;gap:10px}

.color-dot-btn.out-of-stock{opacity:.28;cursor:not-allowed;filter:grayscale(1);position:relative}.color-dot-btn.out-of-stock:after{content:'';position:absolute;left:3px;right:3px;top:50%;height:2px;background:#5b463b;transform:rotate(-45deg)}

.quick-colors{display:flex;flex-wrap:wrap;gap:9px;margin:10px 0}.quick-colors button{width:30px;height:30px;border-radius:50%;border:3px solid #fff;box-shadow:0 0 0 1px #cdbdb3;cursor:pointer}.model-variant-block{border:1px solid #eadfd7;border-radius:16px;padding:14px;margin:12px 0;background:#fffdf9}.model-block-head{display:flex;gap:10px;align-items:center;margin-bottom:10px}.model-block-head input{font-weight:800}.variant-path{margin:10px 0;padding:10px 12px;border-radius:12px;background:#f7efe9;color:#5b3a2d;font-size:13px}.variant-line label{display:flex;align-items:center;gap:6px;font-size:12px}.variant-line label input{width:78px}

/* HUCOFFE V4.90 - suivi de commande simplifie */
.order-timeline{display:grid;grid-template-columns:repeat(5,1fr);gap:0;margin:22px 0 12px;position:relative}.order-step{position:relative;text-align:center;display:grid;justify-items:center;gap:8px;color:#9a8b83;font-size:11px;font-weight:800}.order-step:before{content:"";position:absolute;top:16px;left:-50%;width:100%;height:3px;background:#eadfd7;z-index:0}.order-step:first-child:before{display:none}.order-step i{position:relative;z-index:1;width:34px;height:34px;border-radius:50%;display:grid;place-items:center;background:#f4ede7;border:2px solid #dfd0c6;font-style:normal;color:#8d796e}.order-step.done:before,.order-step.current:before{background:#4a2b1f}.order-step.done i{background:#4a2b1f;border-color:#4a2b1f;color:#fff}.order-step.current i{background:#fff;border:3px solid #4a2b1f;color:#4a2b1f;box-shadow:0 0 0 5px #f1e8e1}.order-step.done,.order-step.current{color:#4a2b1f}.order-current-message{margin:8px 0 18px;padding:12px 14px;background:#fbf5ef;border-radius:14px;color:#5f473c;font-weight:700}.order-cancelled{margin:18px 0;padding:13px 15px;border-radius:14px;background:#ffe9e9;color:#9b2626;font-weight:900}@media(max-width:650px){.order-timeline{overflow-x:auto;grid-template-columns:repeat(5,minmax(92px,1fr));padding:5px 2px 10px}.order-step span{font-size:10px}}

/* HUCOFFE v4.96 — expérience récompenses fidélité */
.loyalty-rewards{max-width:520px;margin:18px auto 20px;padding:18px;border:1px solid var(--line);border-radius:24px;background:linear-gradient(145deg,#fffaf6,#f4e8dd);box-shadow:0 14px 36px rgba(62,35,24,.08)}.loyalty-reward-head{display:flex;justify-content:space-between;align-items:center;gap:15px}.loyalty-reward-head h2{margin:5px 0 0;font-size:23px}.reward-gift{font-size:34px}.reward-ready-card{margin-top:16px;padding:18px;border-radius:20px;background:#fff;border:1px solid rgba(86,50,35,.16);display:grid;gap:14px}.reward-ready-card strong{display:block;font-size:32px;color:var(--brown)}.reward-ready-card p{margin:7px 0 0;line-height:1.5}.reward-kicker{font-size:11px;letter-spacing:.15em;font-weight:900;color:#8b5d43}.reward-locked{margin-top:15px;padding:14px 16px;border-radius:16px;background:rgba(255,255,255,.7);display:flex;flex-direction:column;gap:3px}.reward-coupon-list{display:grid;gap:12px;margin-top:14px}.reward-ticket{display:grid;grid-template-columns:145px 1fr;background:#fff;border:1px solid var(--line);border-radius:20px;overflow:hidden}.reward-ticket-side{background:linear-gradient(145deg,#2b1710,#68402e);color:#fff;padding:18px;display:flex;flex-direction:column;justify-content:center}.reward-ticket-side span,.reward-ticket-side small{font-size:10px;letter-spacing:.13em;font-weight:900}.reward-ticket-side strong{font-size:32px;margin:6px 0}.reward-ticket-main{padding:16px;display:flex;flex-direction:column;gap:7px}.reward-ticket-main>b{font-size:19px;letter-spacing:.08em}.reward-status{align-self:flex-start;font-size:10px;font-weight:900;padding:5px 8px;border-radius:99px;background:#e9f5ec;color:#267142}.reward-ticket.is-muted{opacity:.58}.reward-actions{display:flex;gap:7px;flex-wrap:wrap;margin-top:5px}.reward-actions .btn{padding:9px 11px;font-size:12px}.reward-qr{display:flex;align-items:center;gap:12px;margin-top:10px;padding:10px;border-radius:14px;background:#faf6f2}.reward-qr img{width:105px;height:105px;border-radius:10px}.reward-qr div{display:flex;flex-direction:column;gap:5px}.reward-qr span{font-size:11px;color:var(--muted);line-height:1.4}.checkout-reward-code{margin:14px 0;padding:14px;border-radius:16px;background:#fff8f2;border:1px dashed #b99783}.checkout-reward-code label{display:grid;gap:6px;font-weight:850}.checkout-reward-code input{border:1px solid var(--line);border-radius:11px;padding:12px}.checkout-reward-code small{display:block;margin-top:6px;color:var(--muted);line-height:1.4}@media(max-width:600px){.reward-ticket{grid-template-columns:1fr}.reward-ticket-side{min-height:100px}.reward-qr{align-items:flex-start}.reward-qr img{width:90px;height:90px}}

/* HUCOFFE V4.98 — catégories sur une ligne défilante, auto + tactile */
.category-grid{display:flex!important;flex-wrap:nowrap!important;gap:14px!important;overflow-x:auto!important;overflow-y:hidden!important;scroll-behavior:smooth!important;scroll-snap-type:x proximity!important;-webkit-overflow-scrolling:touch!important;scrollbar-width:none!important;}
.category-grid::-webkit-scrollbar{display:none!important;}
.category-grid .category-card{flex:0 0 calc((100% - 56px)/5)!important;scroll-snap-align:start!important;}
@media(max-width:1000px){.category-grid .category-card{flex-basis:calc((100% - 28px)/3)!important;}}
@media(max-width:760px){.category-grid .category-card{flex-basis:42%!important;}}
@media(max-width:420px){.category-grid .category-card{flex-basis:42%!important;}}


/* HUCOFFE V4.99 — fluidité mobile, recherche assistée et chargement */
.search{position:relative}
.search-suggestions{position:absolute;left:0;right:0;top:calc(100% + 8px);z-index:120;background:#fff;border:1px solid var(--line);border-radius:18px;box-shadow:0 18px 45px rgba(52,31,22,.14);padding:7px;display:none;max-height:340px;overflow:auto}
.search-suggestions.open{display:block}
.search-suggestion{width:100%;border:0;background:transparent;border-radius:13px;padding:10px;display:grid;grid-template-columns:44px 1fr auto;gap:10px;align-items:center;text-align:left;color:var(--ink)}
.search-suggestion:hover,.search-suggestion:focus{background:#f8f1eb;outline:0}
.search-suggestion img,.search-suggestion .suggestion-fallback{width:44px;height:44px;border-radius:10px;object-fit:cover;background:#f2e8df;display:grid;place-items:center}
.search-suggestion span{min-width:0}.search-suggestion b{display:block;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.search-suggestion small{color:var(--muted)}.search-suggestion strong{font-size:13px;white-space:nowrap}
.product-skeleton{border:1px solid var(--line);border-radius:24px;overflow:hidden;background:#fff}.skeleton-block{background:linear-gradient(90deg,#f1e8e1 25%,#faf6f2 50%,#f1e8e1 75%);background-size:200% 100%;animation:huSkeleton 1.15s infinite}.product-skeleton .sk-img{height:210px}.product-skeleton .sk-body{padding:17px}.product-skeleton .sk-line{height:13px;border-radius:8px;margin:9px 0}.product-skeleton .sk-line.short{width:48%}.product-skeleton .sk-line.mid{width:72%}.product-skeleton .sk-btn{height:38px;border-radius:999px;margin-top:18px}@keyframes huSkeleton{to{background-position:-200% 0}}
@media(max-width:760px){.product-skeleton .sk-img{height:160px}.product-skeleton .sk-body{padding:13px}.search-suggestions{position:fixed;left:12px;right:12px;top:112px;max-height:52vh}.search-suggestion{grid-template-columns:40px 1fr auto}.search-suggestion img,.search-suggestion .suggestion-fallback{width:40px;height:40px}}

.compat-picker{margin:12px 0;padding:16px;border:1px solid #d8c5b5;border-radius:16px;background:#faf6f1}.compat-check-grid,.compat-color-options{display:grid;grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:8px;margin:12px 0;max-height:270px;overflow:auto}.compat-check-grid label,.compat-color-options label{padding:8px;border:1px solid #e4d7ca;border-radius:9px;background:white}.compat-model-card{padding:12px;margin:12px 0;background:#fff;border:1px solid #e4d7ca;border-radius:12px}.compat-stock-list{display:flex;flex-wrap:wrap;gap:10px}.compat-stock-list input{max-width:75px}
.hc-product-entry{display:grid;grid-template-columns:100px 1fr auto;gap:16px;align-items:center;width:100%;padding:17px;margin:8px 0;text-align:left;background:#fffaf5;border:1px solid #e2d1c3;border-radius:14px;color:#39251c;cursor:pointer;font:inherit}.hc-product-entry:hover{background:#f5e9df}.hc-detail{max-width:880px!important}.hc-detail-grid{display:grid;grid-template-columns:1fr 1fr;gap:14px;margin:20px 0}.hc-detail-grid label{display:grid;gap:6px}.hc-detail-grid input,.hc-detail-grid select,.hc-detail-grid textarea{width:100%;padding:11px;border:1px solid #d9c8b9;border-radius:10px}.hc-wide{grid-column:1/-1}.hc-detail-actions,.hc-stock-actions,.hc-variant-picks{display:flex;flex-wrap:wrap;gap:10px;margin:15px 0}@media(max-width:650px){.hc-detail-grid{grid-template-columns:1fr}.hc-product-entry{grid-template-columns:65px 1fr auto;gap:7px;padding:12px}}

/* HUCOFFE V5.14 — Packs personnalisables */
.bundle-card-custom{grid-template-columns:180px minmax(0,1fr) auto!important}.bundle-pair{display:flex;gap:8px;min-width:0}.bundle-pair-item{width:50%;min-width:0}.bundle-pair-item img,.bundle-pair-item .product-placeholder{width:100%;aspect-ratio:1;object-fit:cover;border-radius:12px}.bundle-pair-item small{display:block;font-size:10px;line-height:1.3;margin-top:5px}.bundle-custom-dialog{border:1px solid #e4d5ca;border-radius:20px;padding:25px;max-width:560px;width:calc(100% - 24px);max-height:88vh;overflow:auto;color:#38251d;background:#fffaf6;box-shadow:0 20px 70px #21130d55}.bundle-custom-dialog::backdrop{background:#1e120ca8}.bundle-dialog-head{display:flex;justify-content:space-between;align-items:center}.bundle-dialog-head h3{margin:0;font-family:Georgia,serif;font-size:25px}.bundle-close{font-size:27px;background:none;border:0;cursor:pointer}.bundle-choice{display:grid;gap:9px;border:1px solid #e4d5ca;border-radius:14px;padding:15px;margin:12px 0}.bundle-choice label{display:grid;gap:5px;font-size:13px;font-weight:700}.bundle-choice select{width:100%;padding:12px;border:1px solid #d6c5b8;border-radius:10px;background:white}.bundle-choice small{color:#735c50}.bundle-dialog-bottom{display:flex;justify-content:space-between;align-items:center;gap:12px;flex-wrap:wrap;margin-top:20px}.bundle-confirm:disabled{opacity:.45;cursor:not-allowed}@media(max-width:800px){.bundle-card-custom{grid-template-columns:1fr!important}.bundle-pair{max-width:270px}.bundle-card-custom>.btn{grid-column:auto;width:100%}}

#homeMenuBtn{position:relative}.profile-missing-badge{position:absolute;top:0;right:0;transform:translate(30%,-25%);min-width:17px;height:17px;border-radius:20px;background:#cb3038;color:white;font-size:10px;font-weight:800;line-height:17px;text-align:center;padding:0 3px;z-index:2}.profile-missing-badge[hidden],.hucoffe-cookie-banner[hidden]{display:none!important}
.hucoffe-cookie-banner{position:fixed;z-index:99999;bottom:14px;left:14px;right:14px;max-width:480px;margin:auto;background:#f7efe3;color:#29170f;border:1px solid #a88b70;border-radius:18px;padding:18px;box-shadow:0 10px 40px #0004;font-size:13px}.hucoffe-cookie-banner strong{font-size:16px}.hucoffe-cookie-banner p{line-height:1.5;margin:8px 0 12px}.hucoffe-cookie-banner div{display:flex;gap:9px}.hucoffe-cookie-banner button{flex:1;border:1px solid #4b3025;background:transparent;color:#4b3025;padding:11px;border-radius:10px;font-weight:700}.hucoffe-cookie-banner button:last-child{background:#382116;color:#fff}

/* HUCOFFE V5.17 */
.settings-menu-end{display:inline-flex;align-items:center;gap:9px}.settings-missing-badge{display:inline-flex;align-items:center;justify-content:center;min-width:19px;height:19px;padding:0 5px;border-radius:20px;background:#c92e38;color:white;font-size:11px;font-weight:800}.settings-missing-badge[hidden],#cookieCustomization[hidden]{display:none!important}
.hucoffe-cookie-banner{max-width:510px}.hucoffe-cookie-banner>div{display:flex;gap:6px;flex-wrap:wrap}.hucoffe-cookie-banner>div button{font-size:12px;padding:10px 6px;min-width:100px}
#cookieCustomization{border-top:1px solid #d8c7b5;margin-top:12px;padding-top:10px}#cookieCustomization .cookie-choice{display:flex;justify-content:space-between;align-items:center;gap:15px;margin:10px 0;font-size:13px}#cookieCustomization .cookie-choice span{display:flex;flex-direction:column;gap:3px}#cookieCustomization .cookie-choice small{color:#6b5546;font-size:11px}#cookieCustomization input{width:18px;height:18px;accent-color:#503428}#cookieCustomization .cookie-explanation{font-size:11px}#cookieSaveCustom{width:100%;padding:11px;border:0;border-radius:10px;background:#382116;color:#fff;font-weight:700}

/* HUCOFFE V5.28 : selection multiple dans Catalogue > Produits. */
.hc-bulk-toolbar{background:#fff9f4;border:1px solid #e2d1c3;border-radius:15px;padding:14px;margin:12px 0 16px;display:grid;gap:11px}
.hc-bulk-search-label{display:grid;gap:7px;color:#483024;font-weight:700;font-size:13px}
.hc-bulk-search-label input{box-sizing:border-box;width:100%;max-width:540px;min-height:43px;padding:10px 12px;border:1px solid #d9c7b8;border-radius:10px;background:white;color:#39251c;font:inherit;font-weight:400}
.hc-bulk-actions{display:flex;align-items:center;gap:9px;flex-wrap:wrap}
.hc-bulk-actions .btn{padding:10px 12px;font-size:13px;white-space:normal}
#hcBulkCount{color:#6c5549;font-size:13px;font-weight:700;margin-right:auto}
.hc-bulk-delete{background:#983e39!important;border-color:#983e39!important;color:white!important;font-weight:750;cursor:pointer}
.hc-bulk-delete:hover:not(:disabled){background:#7b2c28!important}
.hc-bulk-actions .btn:disabled,.hc-bulk-modal-actions .btn:disabled{opacity:.45;cursor:not-allowed}
.hc-bulk-product{display:grid;grid-template-columns:49px minmax(0,1fr);align-items:center;gap:0;border-radius:14px}
.hc-bulk-product.is-selected{background:#fff4ec;outline:2px solid #a97856;outline-offset:1px}
.hc-bulk-product .hc-product-entry{margin:6px 0 6px 0;min-width:0;grid-template-columns:minmax(70px,110px) minmax(0,1fr) auto}
.hc-bulk-product .hc-product-entry span{overflow-wrap:anywhere}
.hc-bulk-check{display:flex;align-items:center;justify-content:center;height:100%;min-height:55px;cursor:pointer}
.hc-bulk-check input{width:21px;height:21px;accent-color:#694534;cursor:pointer}
.hc-bulk-confirm{max-width:570px!important}
.hc-bulk-preview{white-space:pre-line;background:#fff9f5;border:1px solid #e5d6ca;border-radius:10px;padding:11px;max-height:180px;overflow:auto;font-size:13px;line-height:1.6}
.hc-bulk-warning{font-size:13px;font-weight:650;color:#8f3b35;background:#fff0ed;border-radius:10px;padding:10px 12px}
.hc-bulk-reason{display:grid;gap:8px;margin:14px 0;font-size:13px;font-weight:700}
.hc-bulk-reason textarea{padding:12px;font:inherit;border:1px solid #d9c7b8;border-radius:10px;max-width:100%;resize:vertical}
.hc-bulk-error{font-size:13px;color:#9a332d;min-height:10px;margin:5px 0}
.hc-bulk-modal-actions{display:flex;justify-content:flex-end;gap:9px;flex-wrap:wrap}
@media(max-width:650px){.hc-bulk-product{grid-template-columns:39px minmax(0,1fr)}.hc-bulk-product .hc-product-entry{grid-template-columns:minmax(50px,72px) minmax(0,1fr) auto;padding:12px 8px;gap:6px;font-size:12px}.hc-bulk-actions{display:grid;grid-template-columns:1fr 1fr}.hc-bulk-actions #hcBulkCount{grid-column:1/-1}.hc-bulk-actions #hcBulkDelete{grid-column:1/-1}.hc-bulk-modal-actions button{flex:1}}

/* HUCOFFE V5.33 — seule la fiche produit défile ; le Dashboard reste fixe. */
#hcProductDetail.open {
  overflow: hidden;
  overscroll-behavior: contain;
}
#hcProductDetail .hc-detail {
  width: min(880px, 100%);
  min-height: 0;
  max-height: calc(100vh - 36px);
  max-height: calc(100dvh - 36px);
  overflow-x: hidden;
  overflow-y: auto;
  overscroll-behavior: contain;
  -webkit-overflow-scrolling: touch;
  touch-action: pan-y;
}
#hcProductDetail .hc-detail-grid,
#hcProductDetail .hc-detail-grid label,
#hcProductDetail .hc-detail-grid input,
#hcProductDetail .hc-detail-grid select,
#hcProductDetail .hc-detail-grid textarea {
  min-width: 0;
}
@media (max-width: 650px) {
  #hcProductDetail { padding: 12px; }
  #hcProductDetail .hc-detail {
    max-height: calc(100vh - 24px);
    max-height: calc(100dvh - 24px);
    padding: 22px 18px;
  }
  #hcProductDetail .hc-detail-actions {
    padding-bottom: max(12px, env(safe-area-inset-bottom));
  }
}