/* ═══ Bandeau d'annonces — en bas à gauche ═══ */

.cd-an{position:fixed;left:clamp(12px,2vw,26px);bottom:clamp(12px,2vw,26px);z-index:9000;
  width:min(340px,calc(100vw - 24px));pointer-events:none}

.cd-an-bulle{pointer-events:auto;display:flex;gap:.75rem;align-items:center;
  background:var(--s,#fff);border:1px solid var(--b,#E9DCD3);border-radius:14px;
  padding:.6rem .75rem;box-shadow:0 18px 40px -22px rgba(60,30,35,.5);
  text-decoration:none;color:inherit;position:relative;
  opacity:0;transform:translateY(14px);
  transition:opacity .34s ease,transform .42s cubic-bezier(.2,.8,.2,1)}
.cd-an-bulle.vue{opacity:1;transform:none}
.cd-an-bulle:hover{border-color:var(--peau,#E9CFC3);
  box-shadow:0 22px 46px -20px rgba(60,30,35,.55)}

.cd-an-vis{width:56px;height:70px;flex:none;border-radius:8px;overflow:hidden;background:#fff}
.cd-an-vis img{width:100%;height:100%;object-fit:contain;display:block}

.cd-an-txt{display:flex;flex-direction:column;gap:.12rem;min-width:0;padding-right:1rem}
.cd-an-phrase{font-family:var(--mono,monospace);font-size:.62rem;letter-spacing:.11em;
  text-transform:uppercase;color:var(--a,#8C2F42)}
.cd-an-titre{font-size:.82rem;line-height:1.3;color:var(--t,#241619);
  display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}
.cd-an-prix{font-family:var(--mono,monospace);font-size:.76rem;color:var(--t2,#4A3439);
  font-variant-numeric:tabular-nums}

.cd-an-fermer{position:absolute;top:4px;right:5px;width:22px;height:22px;border:0;
  background:none;cursor:pointer;color:var(--d,#7A6058);line-height:1;font-size:1.05rem;
  border-radius:50%;display:grid;place-items:center;transition:color .2s,background .2s}
.cd-an-fermer:hover{color:var(--t,#241619);background:var(--f2,#F4EAE3)}

/* Sans image — le fait « livraison offerte » n'en a pas — la carte se resserre. */
.cd-an-bulle.sans-image{padding-left:1rem}

@media (prefers-reduced-motion:reduce){
  .cd-an-bulle{transition:opacity .01s;transform:none}
}

/* Sur petit écran, la carte s'étire mais reste au-dessus du pouce, pas dessous :
   la barre d'onglets et le bouton de discussion vivent en bas à droite. */
@media (max-width:640px){
  .cd-an{width:calc(100vw - 24px);bottom:14px}
  .cd-an-vis{width:48px;height:60px}
}