/* AxessPharma — assistant (sans IA). On-brand, flottant. */
.ax-as-launch{position:fixed;right:20px;bottom:20px;z-index:1150;width:58px!important;height:58px!important;border-radius:50%!important;border:0!important;background:#006E96!important;color:#fff!important;cursor:pointer;box-shadow:0 14px 34px -12px rgba(7,42,56,.5)!important;display:flex!important;align-items:center;justify-content:center;padding:0!important;transition:transform .2s,background .2s}
.ax-as-launch:hover{background:#02597b!important;transform:translateY(-2px)}
.ax-as-launch svg{width:26px;height:26px}
@media(max-width:880px){.ax-as-launch{bottom:78px}}
.ax-as-panel{position:fixed;right:20px;bottom:20px;z-index:1160;width:min(380px,calc(100vw - 32px));height:min(560px,calc(100vh - 40px));background:#fff;border-radius:18px;box-shadow:0 30px 70px -24px rgba(7,42,56,.55);display:flex;flex-direction:column;overflow:hidden;font-family:'Inter',system-ui,sans-serif;opacity:0;transform:translateY(14px) scale(.98);pointer-events:none;transition:.22s}
.ax-as-panel.open{opacity:1;transform:none;pointer-events:auto}
@media(max-width:880px){.ax-as-panel{bottom:0;right:0;width:100vw;height:88vh;border-radius:18px 18px 0 0}}
.ax-as-head{background:#006E96;color:#fff;padding:15px 18px;display:flex;align-items:center;justify-content:space-between}
.ax-as-head b{font-size:1.02rem}.ax-as-head small{display:block;opacity:.85;font-size:.74rem}
.ax-as-x{background:none!important;border:0!important;box-shadow:none!important;color:#fff!important;font-size:1.6rem;line-height:1;cursor:pointer;width:32px!important;height:32px!important;padding:0!important;border-radius:8px!important;display:flex;align-items:center;justify-content:center}
.ax-as-x:hover{background:rgba(255,255,255,.15)!important}
.ax-as-msgs{flex:1;overflow:auto;padding:16px;background:#f5f8f9;display:flex;flex-direction:column;gap:10px}
.ax-as-bot,.ax-as-user{max-width:88%;padding:11px 14px;border-radius:14px;font-size:.92rem;line-height:1.5}
.ax-as-bot{background:#fff;border:1px solid #e6edf0;color:#0f2a36;align-self:flex-start;border-bottom-left-radius:4px}
.ax-as-user{background:#019D6D;color:#fff;align-self:flex-end;border-bottom-right-radius:4px}
.ax-as-bot p{margin:0 0 8px}.ax-as-bot p:last-child{margin:0}
.ax-as-btn{display:inline-block;background:#019D6D;color:#fff!important;border-radius:999px;padding:9px 15px;font-weight:700;font-size:.85rem;text-decoration:none;margin-top:6px}
.ax-as-btn:hover{background:#01875e}
.ax-as-link{display:block;color:#006E96;font-weight:600;text-decoration:none;padding:6px 0;border-bottom:1px solid #eef0f2}
.ax-as-card{display:flex;gap:10px;align-items:center;background:#fff;border:1px solid #e6edf0;border-radius:12px;padding:8px 10px;margin-top:6px;text-decoration:none;color:#0f2a36}
.ax-as-card:hover{border-color:#019D6D}
.ax-as-card__img{width:42px;height:42px;border-radius:8px;background:#f3f7f9 center/contain no-repeat;flex:0 0 auto}
.ax-as-card__b{display:flex;flex-direction:column;min-width:0}
.ax-as-card__b strong{font-size:.88rem;line-height:1.2}
.ax-as-card__p{font-size:.8rem;color:#019D6D;font-weight:600}
.ax-as-off{background:#fff;border:1px solid #e6edf0;border-radius:10px;padding:8px 11px;margin-top:6px;display:flex;flex-direction:column;font-size:.84rem}
.ax-as-off span{color:#5d7682}.ax-as-off a{color:#006E96;font-weight:600;text-decoration:none}
.ax-as-chips{display:flex;gap:7px;flex-wrap:wrap;padding:10px 14px;background:#fff;border-top:1px solid #eef0f2}
.ax-as-chip{background:#eef3f5;border:0;border-radius:999px;padding:7px 12px;font-size:.8rem;color:#28586e;cursor:pointer;font-weight:600}
.ax-as-chip:hover{background:#006E96;color:#fff}
.ax-as-form{display:flex;gap:8px;padding:12px 14px;border-top:1px solid #eef0f2;background:#fff}
.ax-as-form input{flex:1;padding:11px 13px;border:1.5px solid #d8dce1;border-radius:999px;font-size:.92rem;outline:0}
.ax-as-form input:focus{border-color:#006E96}
.ax-as-form button{background:#006E96;border:0;color:#fff;border-radius:50%;width:42px;height:42px;cursor:pointer;flex:0 0 auto}
.ax-as-typing{align-self:flex-start;color:#8a93a0;font-size:.85rem;padding:4px 8px}

/* Mobile : l'assistant est dans la barre du bas → on masque le bouton flottant */
@media(max-width:880px){ .ax-as-launch{display:none!important} }
/* Barre du bas à 7 items : on resserre un peu sur petits écrans */
@media(max-width:480px){ .axmob a{font-size:10px;padding-left:2px;padding-right:2px} .axmob .ic svg{width:20px;height:20px} }

/* ===== Toolbar latérale verticale (bord droit) : Assistant + Trouver une pharmacie + Panier ===== */
#ax-toolbar{position:fixed;top:50%;right:0;transform:translateY(-50%);z-index:9986;display:none;flex-direction:column;gap:6px}
.ax-tb__btn{position:relative;background:linear-gradient(180deg,#006E96 0%,#005471 100%);color:#fff!important;border:0!important;border-radius:10px 0 0 10px!important;padding:12px 6px!important;cursor:pointer;display:flex!important;flex-direction:column;align-items:center;gap:7px;font-family:'Lato',sans-serif;font-weight:500;font-size:.62rem;letter-spacing:.02em;line-height:1;box-shadow:-3px 3px 12px rgba(0,84,113,.22);text-decoration:none!important;transition:padding-right .18s;width:auto!important;height:auto!important}
.ax-tb__btn:hover{padding-right:10px!important;color:#fff!important}
.ax-tb__btn svg{width:15px;height:15px}
.ax-tb__pin{width:15px;height:auto;display:block}
.ax-tb__btn--assist{background:linear-gradient(180deg,#019D6D 0%,#01875e 100%)}
.ax-tb__label{writing-mode:vertical-rl;transform:rotate(180deg);text-transform:uppercase;font-size:.62rem!important;font-weight:500!important;letter-spacing:.02em!important;line-height:1!important}
.ax-tb__c{position:absolute;top:-6px;left:-6px;background:#e2241b;color:#fff;min-width:20px;height:20px;line-height:20px;border-radius:10px;font-size:11px;font-weight:700;text-align:center;padding:0 4px}
/* Desktop : la toolbar remplace les boutons flottants individuels */
@media(min-width:881px){
  #ax-toolbar{display:flex}
  .ax-as-launch{display:none!important}
  .ax-cartfab{display:none!important}
  .ax-shop-locator-btn{display:none!important}
}
/* Mobile : pas de toolbar ni de flottants (tout est dans la barre du bas) */
@media(max-width:880px){ #ax-toolbar{display:none!important} .ax-cartfab{display:none!important} }
