.bcc { position: fixed; right: 1rem; bottom: 1rem; z-index: 9999; font-family: Jost, system-ui, sans-serif; }
.bcc-bulle { background: #1A2233; color: #F4F1EA; border: 0; padding: .8rem 1.2rem; font: 500 .9375rem Jost, system-ui, sans-serif; cursor: pointer; box-shadow: 0 6px 20px rgba(26,34,51,.25); }
.bcc-bulle:hover { background: #7A5C3B; }
.bcc-bulle:focus-visible, .bcc button:focus-visible, .bcc a:focus-visible { outline: 2px solid #C9A676; outline-offset: 2px; }
.bcc-panneau { width: min(360px, calc(100vw - 2rem)); max-height: min(560px, calc(100vh - 2rem)); display: flex; flex-direction: column; background: #F4F1EA; border: 1px solid #D9D2C3; box-shadow: 0 10px 40px rgba(26,34,51,.25); }
.bcc-panneau[hidden] { display: none; }
.bcc-tete { display: flex; justify-content: space-between; align-items: center; background: #1A2233; color: #F4F1EA; padding: .7rem 1rem; font: 500 1rem 'Bodoni Moda', Georgia, serif; }
.bcc-fermer { background: none; border: 0; color: #C9A676; font-size: 1.5rem; line-height: 1; cursor: pointer; }
.bcc-fil { overflow-y: auto; padding: 1rem; display: grid; gap: .6rem; font-size: .9rem; color: #1A2233; }
.bcc-msg { margin: 0; background: #fff; border: 1px solid #D9D2C3; padding: .55rem .75rem; max-width: 90%; }
.bcc-moi { justify-self: end; background: #1A2233; color: #F4F1EA; border-color: #1A2233; }
.bcc-choix { display: flex; flex-wrap: wrap; gap: .4rem; }
.bcc-option { background: transparent; border: 1px solid #7A5C3B; color: #1A2233; padding: .4rem .7rem; font: .85rem Jost, system-ui, sans-serif; cursor: pointer; }
.bcc-option:hover { background: #E9E3D6; }
.bcc-produits { display: grid; grid-template-columns: 1fr 1fr; gap: .5rem; }
.bcc-produit { display: grid; gap: .3rem; text-decoration: none; color: #1A2233; background: #fff; border: 1px solid #D9D2C3; padding: .4rem; font-size: .8rem; line-height: 1.3; }
.bcc-produit img { width: 100%; aspect-ratio: 1; object-fit: contain; }
.bcc-produit:hover span { text-decoration: underline; }
.bcc-lien { color: #7A5C3B; font-size: .85rem; }
@media (max-width: 600px) { .bcc { right: .5rem; bottom: .5rem; } .bcc-bulle { padding: .65rem 1rem; font-size: .875rem; } }