/* ═══════════════════════════════════════════════════════
   BDX Home v3.0.0 — page d'accueil conversion
   Full-width (override du conteneur global), responsive
   ═══════════════════════════════════════════════════════ */
:root{--bxh:#FCAF3B;--bxh-dk:#E89B2A;--bxh-ink:#141414;--bxh-ink2:#23201a;--bxh-txt:#1a1a1a;--bxh-mid:#555;--bxh-dim:#8a8a8a;--bxh-bg:#f7f8fa;--bxh-brd:#e8e9ec;--bxh-r:14px}

/* Full-width : on neutralise le cadre global 1400px UNIQUEMENT sur la home */
body.home .bdx-content{max-width:none!important;padding:0!important;margin:0!important}

.bxh{font-family:-apple-system,BlinkMacSystemFont,'Segoe UI',Roboto,sans-serif;color:var(--bxh-txt)}
.bxh-wrap{max-width:1800px;margin:0 auto;padding:0 clamp(16px,3.2vw,56px)}
.bxh h2{font-size:clamp(22px,2.2vw,32px);font-weight:800;letter-spacing:-.02em;margin:0}

/* ── Boutons ── */
.bxh-btn{display:inline-flex;align-items:center;gap:8px;background:var(--bxh);color:#1a1a1a;font-weight:700;font-size:15px;padding:13px 26px;border-radius:999px;text-decoration:none;transition:transform .15s,box-shadow .15s,background .15s;box-shadow:0 6px 18px rgba(252,175,59,.35)}
.bxh-btn:hover{background:var(--bxh-dk);transform:translateY(-2px);box-shadow:0 10px 24px rgba(252,175,59,.45);color:#111}
.bxh-btn.ghost{background:transparent;color:#fff;border:1.5px solid rgba(255,255,255,.45);box-shadow:none}
.bxh-btn.ghost:hover{border-color:#fff;background:rgba(255,255,255,.08);color:#fff}
.bxh-btn.ghost.light{color:#fff}
.bxh-hero .bxh-btn.ghost{color:var(--bxh-ink);border-color:rgba(20,20,20,.3)}
.bxh-hero .bxh-btn.ghost:hover{border-color:var(--bxh-ink);background:rgba(20,20,20,.05);color:var(--bxh-ink)}
.bxh-link{color:var(--bxh-dk);font-weight:600;text-decoration:none;font-size:14px}
.bxh-link:hover{text-decoration:underline}

/* ════════ HERO ════════ */
.bxh-hero{position:relative;background:radial-gradient(1100px 560px at 88% -12%,rgba(252,175,59,.5),transparent 62%),radial-gradient(900px 480px at -8% 110%,rgba(252,175,59,.28),transparent 60%),linear-gradient(160deg,#fffdf8 0%,#fff3df 55%,#ffe9c4 100%);color:var(--bxh-ink);overflow:hidden}
.bxh-hero-track{position:relative;min-height:clamp(460px,42vw,600px)}
.bxh-slide{position:absolute;inset:0;opacity:0;visibility:hidden;transition:opacity .6s ease,visibility .6s;display:flex;align-items:center}
.bxh-slide.on{opacity:1;visibility:visible}
.bxh-slide-bg{position:absolute;inset:0;background-size:cover;background-position:center right;z-index:0}
.bxh-slide-bg::after{content:'';position:absolute;inset:0;background:linear-gradient(90deg,rgba(255,250,240,.97) 0%,rgba(255,250,240,.9) 26%,rgba(255,250,240,.5) 46%,rgba(255,250,240,0) 64%)}
.bxh-slide>.bxh-wrap{position:relative;z-index:1;width:100%}
.bxh-slide-txt{max-width:600px;padding:clamp(32px,4vw,60px) 0}
.bxh-badge{display:inline-block;background:rgba(252,175,59,.2);border:1px solid rgba(217,137,15,.45);color:#a96a06;font-size:12px;font-weight:700;letter-spacing:.06em;text-transform:uppercase;padding:6px 14px;border-radius:999px;margin-bottom:18px}
.bxh-slide-title{font-size:clamp(30px,4.4vw,58px);font-weight:800;line-height:1.04;letter-spacing:-.025em;margin:0 0 14px}
.bxh-slide-tag{font-size:clamp(15px,1.4vw,19px);color:#5a5247;margin:0 0 22px;max-width:54ch}
.bxh-slide-price{margin:0 0 26px;min-height:34px}
.bxh-from{font-size:14px;color:#7c7468}
.bxh-price{font-size:clamp(24px,2.6vw,34px);font-weight:800;color:#d9890f}
.bxh-price small{font-size:.5em;font-weight:600;color:#9a9184}
.bxh-slide-cta{display:flex;gap:14px;flex-wrap:wrap}
.bxh-hero-foot{display:flex;align-items:center;gap:22px;flex-wrap:wrap;padding-top:20px;padding-bottom:22px}
.bxh-dots{display:flex;gap:8px}
.bxh-dot{width:10px;height:10px;border-radius:50%;border:none;background:rgba(20,20,20,.18);cursor:pointer;transition:all .2s;padding:0}
.bxh-dot.on{background:var(--bxh);width:26px;border-radius:999px}
.bxh-hero-promo{margin:0;font-size:14px;color:#3d362c;background:#fff;border:1px solid #f0e2c8;padding:8px 16px;border-radius:999px;box-shadow:0 2px 8px rgba(160,110,20,.08)}
.bxh-hero-promo strong{color:#d9890f}
.bxh-hero-legal{margin:0;font-size:11px;color:rgba(60,50,35,.55);flex-basis:100%}
.bxh-arr{position:absolute;top:50%;transform:translateY(-50%);width:46px;height:46px;border-radius:50%;border:1px solid #eadbbd;background:#fff;color:#1a1a1a;font-size:26px;line-height:1;cursor:pointer;transition:all .15s;box-shadow:0 4px 14px rgba(160,110,20,.15);z-index:3}
.bxh-arr:hover{background:var(--bxh);border-color:var(--bxh);color:#111}
.bxh-arr.prev{left:clamp(8px,1.5vw,28px)}.bxh-arr.next{right:clamp(8px,1.5vw,28px)}

/* ════════ USP ════════ */
.bxh-usp{background:#fff;border-bottom:1px solid var(--bxh-brd)}
.bxh-usp-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:clamp(16px,2vw,32px);padding-top:22px;padding-bottom:22px}
.bxh-usp-it{display:flex;gap:12px;align-items:center}
.bxh-usp-it .ic{font-size:26px;flex-shrink:0}
.bxh-usp-it strong{display:block;font-size:14.5px}
.bxh-usp-it span span,.bxh-usp-it div span{display:block;font-size:12.5px;color:var(--bxh-mid)}

/* ════════ SECTIONS ════════ */
.bxh-sec{padding:clamp(36px,5vw,72px) 0;background:#fff}
.bxh-sec.alt{background:var(--bxh-bg)}
.bxh-sec-head{display:flex;align-items:baseline;justify-content:space-between;gap:16px;margin-bottom:clamp(20px,2.5vw,34px)}
.bxh-sec-head.center{justify-content:center;text-align:center}

/* ── Best-sellers ── */
.bxh-bs-grid{display:grid;grid-template-columns:repeat(5,1fr);gap:clamp(14px,1.6vw,24px)}
.bxh-bs-card{display:flex;flex-direction:column;background:#fff;border:1px solid var(--bxh-brd);border-radius:var(--bxh-r);overflow:hidden;text-decoration:none;color:inherit;transition:transform .18s,box-shadow .18s,border-color .18s}
.bxh-bs-card:hover{transform:translateY(-4px);box-shadow:0 14px 34px rgba(0,0,0,.1);border-color:var(--bxh)}
.bxh-bs-img{display:block;aspect-ratio:4/3;background:var(--bxh-bg);overflow:hidden}
.bxh-bs-img img{width:100%;height:100%;object-fit:cover;transition:transform .25s}
.bxh-bs-card:hover .bxh-bs-img img{transform:scale(1.05)}
.bxh-bs-name{font-weight:700;font-size:14.5px;padding:12px 14px 2px}
.bxh-bs-price{padding:0 14px;min-height:24px}
.bxh-bs-price .bxh-from{color:var(--bxh-dim);font-size:12px}
.bxh-bs-price .bxh-price{color:var(--bxh-dk);font-size:16px}
.bxh-bs-price .bxh-price small{color:var(--bxh-dim)}
.bxh-bs-go{padding:8px 14px 14px;font-size:13px;font-weight:600;color:var(--bxh-dk)}

/* ── Catégories ── */
.bxh-cat-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:clamp(14px,1.6vw,22px)}
.bxh-cat{position:relative;display:block;aspect-ratio:16/9;border-radius:var(--bxh-r);overflow:hidden;text-decoration:none}
.bxh-cat img{width:100%;height:100%;object-fit:cover;transition:transform .3s}
.bxh-cat:hover img{transform:scale(1.05)}
.bxh-cat-ov{position:absolute;inset:auto 0 0;padding:38px 18px 14px;background:linear-gradient(transparent,rgba(0,0,0,.72));color:#fff}
.bxh-cat-ov strong{display:block;font-size:17px}
.bxh-cat-ov em{font-style:normal;font-size:12px;opacity:.85}

/* ── Étapes ── */
.bxh-steps{display:grid;grid-template-columns:repeat(3,1fr);gap:clamp(16px,2vw,28px)}
.bxh-step{background:var(--bxh-bg);border:1px solid var(--bxh-brd);border-radius:var(--bxh-r);padding:26px 24px;position:relative}
.bxh-step .n{display:inline-flex;width:38px;height:38px;border-radius:50%;background:var(--bxh);color:#111;font-weight:800;font-size:17px;align-items:center;justify-content:center;margin-bottom:14px}
.bxh-step strong{display:block;font-size:16.5px;margin-bottom:6px}
.bxh-step p{margin:0;font-size:14px;color:var(--bxh-mid);line-height:1.55}
.bxh-steps-cta{text-align:center;margin-top:clamp(22px,3vw,36px)}

/* ── Bloc pro ── */
.bxh-pro{background:linear-gradient(120deg,#1b1b1f,#23201a);color:#fff;padding:clamp(36px,5vw,68px) 0}
.bxh-pro-grid{display:grid;grid-template-columns:minmax(0,1.2fr) minmax(0,.8fr);gap:clamp(24px,4vw,64px);align-items:center}
.bxh-pro h2{color:#fff;margin-bottom:12px}
.bxh-pro p{color:rgba(255,255,255,.78);font-size:15.5px;line-height:1.6;margin:0 0 22px;max-width:60ch}
.bxh-pro-list{list-style:none;margin:0;padding:0;display:grid;gap:12px}
.bxh-pro-list li{background:rgba(255,255,255,.06);border:1px solid rgba(255,255,255,.1);border-radius:10px;padding:13px 18px;font-size:14.5px}

/* ════════ RESPONSIVE ════════ */
@media(max-width:1100px){
  .bxh-bs-grid{grid-template-columns:repeat(3,1fr)}
  .bxh-usp-grid{grid-template-columns:repeat(2,1fr)}
}
@media(max-width:860px){
  .bxh-hero-track{min-height:540px}
  .bxh-slide-bg{background-position:center}
  .bxh-slide-bg::after{background:linear-gradient(180deg,rgba(255,250,240,.94) 0%,rgba(255,250,240,.82) 55%,rgba(255,250,240,.55) 100%)}
  .bxh-slide-txt{max-width:none;text-align:center;padding:36px 0}
  .bxh-slide-tag{margin-left:auto;margin-right:auto}
  .bxh-slide-cta{justify-content:center}
  .bxh-hero-foot{justify-content:center;text-align:center}
  .bxh-arr{display:none}
  .bxh-cat-grid{grid-template-columns:repeat(2,1fr)}
  .bxh-steps{grid-template-columns:1fr}
  .bxh-pro-grid{grid-template-columns:1fr}
}
@media(max-width:560px){
  .bxh-bs-grid{grid-template-columns:repeat(2,1fr)}
  .bxh-usp-grid{grid-template-columns:1fr}
  .bxh-cat-grid{grid-template-columns:1fr}
  .bxh-bs-name{font-size:13.5px}
  .bxh-btn{padding:12px 20px;font-size:14px}
}