.panierSlide{position:fixed;top:0;right:-400px;width:400px;height:100vh;background:hsla(0,0%,100%,.85);backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);transition:right .3s ease-in-out;box-shadow:-6px 0 20px rgba(255,45,149,.2);z-index:1000;color:#333;border-left:2px solid hsla(0,0%,100%,.3)}@media (max-width:767px){.panierSlide{width:300px;right:-300px}.panierSlide.ouvert{right:0}}@media (min-width:768px) and (max-width:1023px){.panierSlide{width:340px;right:-340px}.panierSlide.ouvert{right:0}}.panierSlide.ouvert{right:0}.boutonBasculePanier{position:absolute;left:-36px;top:50%;transform:translateY(-50%);background:linear-gradient(135deg,#ff2d95,#ff5fa6);color:#fff;padding:10px;cursor:pointer;border:2px solid #fff;border-radius:6px 0 0 6px;transition:background .3s;z-index:1001}.boutonBasculePanier:hover{background:#e0247e}.contenuPanier{padding:20px;height:100%;overflow-y:auto}.contenuPanier h2{margin-bottom:20px;font-size:1.6em;color:#ff2d95}.panierVide{color:#999;font-style:italic;text-align:center;margin-top:30px}.listeArticles{list-style-type:none;padding:0}.articlePanier{display:flex;justify-content:space-between;align-items:center;background-color:#fff5fa;border:1px solid #ffe0ef;border-radius:10px;padding:10px;margin-bottom:15px;box-shadow:0 2px 6px rgba(255,45,149,.08)}.articleInfo{flex:1}.articleNom{font-weight:600;display:block;color:#ff2d95;margin-top:5px}.articlePrix{color:#ff7e80;font-weight:700;margin-top:5px}.controlesQuantite{display:flex;align-items:center;margin:0 10px}.controlesQuantite button{background-color:#ff5fa6;color:#fff;border:none;padding:5px 10px;cursor:pointer;font-size:1em;border-radius:6px;transition:background-color .2s}.controlesQuantite button:hover{background-color:#ff2d95}.controlesQuantite span{margin:0 10px;font-weight:600}.boutonSupprimer{background-color:#ff7e80;color:#fff;border:none;padding:6px 10px;cursor:pointer;border-radius:6px;transition:background-color .2s}.boutonSupprimer:hover{background-color:#e45a60}.totalPanier{margin-top:20px;font-size:1.2em;text-align:right;color:#ff2d95;font-weight:700}.boutonPaiement{display:block;width:100%;padding:12px;background:linear-gradient(135deg,#ff2d95,#ff7e80);color:#fff;border:none;border-radius:8px;cursor:pointer;margin-top:20px;font-size:1em;text-transform:uppercase;font-weight:600;transition:background .3s}.boutonPaiement:hover{background:#ff2d95}