/* BLOXI Refonte — Configurateur (#5032) en tunnel sur mobile.
   Ne touche à aucune logique : on montre un bloc à la fois sous 900 px (assets/js/configurateur-tunnel.js pose
   la classe body.bxk et body.bxk-1/2/3). Au-dessus de 900 px, rien ne change. */
@media (max-width:899px){
  body.bxk #bx9-app > .bx-eyebrow,body.bxk #bx9-app > .bx-sub{display:none}
  body.bxk #bx9-app > .bx-h1{font-size:1.5rem;margin:4px 0 14px}
  body.bxk #bx9-app{padding-bottom:110px!important}

  .bxk-top{display:flex;align-items:center;justify-content:space-between;gap:10px;margin:0 0 10px}
  .bxk-cnt{font-size:12px;letter-spacing:.04em;color:var(--bx-muted,#56616d);font-weight:600}
  .bxk-steps{display:flex;gap:6px;margin:0 0 18px}
  .bxk-s{flex:1;min-width:0;text-align:center}
  .bxk-s i{display:block;height:4px;border-radius:2px;background:var(--bx-border,rgba(11,17,24,.12));margin-bottom:6px}
  .bxk-s.d i{background:rgba(0,119,79,.4)}
  .bxk-s.n i{background:var(--bx-accent,#00774f)}
  .bxk-s span{font-size:11px;font-weight:600;color:var(--bx-muted,#56616d)}
  .bxk-s.n span{color:var(--bx-accent,#00774f)}
  .bxk-s.d{cursor:pointer}
  .bxk-h{font-size:1.25rem;font-weight:700;line-height:1.25;margin:0 0 4px;color:var(--bx-ink,#0b1118)}
  .bxk-sub{font-size:.95rem;color:var(--bx-muted,#56616d);margin:0 0 14px;line-height:1.5}

  /* un bloc à la fois */
  body.bxk #bxBo,body.bxk #bxAddrPick,body.bxk .bx-shell,body.bxk #bxConfig,body.bxk .bx-cart{display:none!important}
  body.bxk-1 #bxBo,body.bxk-1 #bxAddrPick{display:block!important}
  body.bxk-1 .bxk-tiles{display:grid}.bxk-tiles{display:none}
  body.bxk-1 #bxAddrPick{display:flex!important}
  body.bxk-1 #bxAddrPick.bxk-none{display:none!important}
  body.bxk-2 .bx-shell,body.bxk-2 #bxConfig{display:block!important}
  body.bxk-2 .bx-shell > .bx-field:first-child{display:none!important}
  body.bxk-3 .bx-cart{display:block!important}

  /* tuiles produits (étape 1) */
  .bxk-tiles{gap:10px;margin:0 0 14px}
  .bxk-tile{display:flex;align-items:center;gap:14px;width:100%;min-height:68px;padding:12px 14px;border-radius:16px;border:1.5px solid var(--bx-border,rgba(11,17,24,.12));background:var(--bx-bg2,#fff);color:var(--bx-ink,#0b1118);font:inherit;text-align:left;cursor:pointer}
  .bxk-tile.on{border-color:var(--bx-accent,#00774f)}
  .bxk-tile[disabled]{opacity:.45;cursor:default}
  .bxk-ti{flex:none;width:42px;height:42px;border-radius:12px;display:grid;place-items:center;background:var(--bx-accent-soft,rgba(0,119,79,.09));color:var(--bx-accent,#00774f)}
  .bxk-ti svg{width:22px;height:22px}
  .bxk-tt{flex:1;min-width:0}
  .bxk-tt b{display:block;font-size:1rem;font-weight:600;line-height:1.3}
  .bxk-tt small{display:block;font-size:.85rem;color:var(--bx-muted,#56616d);line-height:1.35;margin-top:1px}
  .bxk-chev{flex:none;font-size:1.5rem;line-height:1;color:var(--bx-dim,#77818c)}
  /* rappel du produit choisi à l'étape 2 */
  .bxk-pick{display:flex;align-items:center;gap:10px;padding:10px 12px;border-radius:12px;background:var(--bx-accent-soft,rgba(0,119,79,.09));margin:0 0 14px;font-size:.95rem}
  .bxk-pick b{font-weight:600}
  .bxk-pick button{margin-left:auto;background:none;border:0;color:var(--bx-accent,#00774f);font:inherit;font-weight:600;text-decoration:underline;text-underline-offset:3px;cursor:pointer}
  body.bxk-2 .bxk-pick{display:flex}.bxk-pick{display:none}

  /* barre du pouce */
  .bxk-bar{position:fixed;left:0;right:0;bottom:var(--bxk-off,0px);z-index:40;display:flex;gap:10px;align-items:center;padding:10px 16px calc(12px + env(safe-area-inset-bottom));background:linear-gradient(to top,var(--bx-bg,#f6f5f0) 75%,rgba(246,245,240,0))}
  .bxk-bar .bxk-back{flex:none;min-height:50px;padding:0 16px;border-radius:14px;border:1.5px solid var(--bx-border-strong,rgba(11,17,24,.24));background:var(--bx-bg2,#fff);color:var(--bx-ink,#0b1118);font:inherit;font-weight:600;cursor:pointer}
  .bxk-bar .bxk-next{flex:1;min-height:50px;border-radius:14px;border:0;background:var(--bx-accent,#00774f);color:#fff;font:inherit;font-size:1rem;font-weight:700;cursor:pointer;display:flex;align-items:center;justify-content:center;gap:8px;box-shadow:0 8px 20px rgba(0,119,79,.22)}
  .bxk-bar .bxk-next[disabled]{opacity:.45;box-shadow:none;cursor:default}
  .bxk-bar .bxk-next small{font-weight:600;opacity:.85}
  body.bxk-1 .bxk-back{display:none}
  body.bxk-3 .bxk-bar,.bxk-bar.bxk-hide{display:none}
  body.bxk #bx9-app{padding-bottom:calc(110px + var(--bxk-off,0px))!important}
  html[data-theme="dark"] .bxk-bar{background:linear-gradient(to top,#0a0e13 75%,rgba(10,14,19,0))}
  html[data-theme="dark"] .bxk-bar .bxk-next{color:#0a0e13}
  .bxk-toast{position:fixed;left:16px;right:16px;bottom:calc(84px + var(--bxk-off,0px));z-index:41;padding:12px 14px;border-radius:12px;background:var(--bx-ink,#0b1118);color:#fff;font-size:.95rem;font-weight:600;text-align:center;opacity:0;transform:translateY(8px);transition:opacity .25s,transform .25s;pointer-events:none}
  .bxk-toast.on{opacity:1;transform:none}
  /* bouton « ajouter un autre produit » dans le panier */
  .bxk-more{display:block;width:100%;min-height:48px;margin:12px 0 0;border-radius:14px;border:1.5px dashed var(--bx-border-strong,rgba(11,17,24,.24));background:transparent;color:var(--bx-ink,#0b1118);font:inherit;font-weight:600;cursor:pointer}
}
@media (min-width:900px){.bxk-top,.bxk-steps,.bxk-h,.bxk-sub,.bxk-pick,.bxk-bar,.bxk-toast,.bxk-more{display:none!important}}