*,body{margin:0}*,main h1{padding:0}.modal,.modal-content{padding:20px;width:100%}.modal-btn,button{color:#fff;cursor:pointer;font-size:16px}*{box-sizing:border-box}html{scroll-behavior:smooth}body{background-color:#1f2c3a;color:#fff;font-family:Arial,sans-serif;line-height:1.6}main h1{font-weight:700;text-align:center;margin:10px 0;text-transform:uppercase;background:linear-gradient(90deg,#fff,#ffffff9d);-webkit-background-clip:text;color:transparent}main h3 a{color:#fff;text-decoration:none}button{background-color:#8e4d4d;border:none;padding:10px 20px;border-radius:5px;transition:opacity .2s}button:hover{opacity:.9}@keyframes fadeIn{from{opacity:0}to{opacity:1}}@keyframes fadeOut{from{opacity:1}to{opacity:0}}.modal{display:none;position:fixed;top:50%;left:50%;transform:translate(-50%,-50%);max-width:500px;height:auto;z-index:1000;background-color:transparent;animation:.5s ease-in-out fadeIn}.modal.fade-out{animation:.5s ease-in-out forwards fadeOut}.modal-content{background-color:#8e4d4d;border-radius:10px;text-align:center;max-width:400px;margin:0 auto}.modal-btn{background-color:#4caf50;border:none;padding:10px 20px;border-radius:5px}.modal-btn:hover{background-color:#45a049}.action-link .cart-bubble,.header-icons .cart-bubble{position:absolute;background-color:#3498db;font-weight:700;border-radius:50%;text-align:center;display:flex;box-shadow:0 2px 4px rgba(0,0,0,.2)}.header-icons .cart-bubble{top:10px;right:10px;font-size:12px;width:18px;height:18px;align-items:center;justify-content:center}.action-link .cart-bubble{top:5px;right:15px;font-size:10px;width:15px;height:15px;align-items:center;justify-content:center}.action-link .hidden{display:none}ul{list-style-position:inside}@media (min-width:769px){main h1{font-size:1.8rem}}@media (min-width:481px) and (max-width:768px){main h1{font-size:1.5rem}}@media (max-width:480px){main h1{font-size:1.3rem}}

.offre-laterale {
  position: fixed;
  top: 150px;
  right: 0;
  transform: translateX(100%); /* Replié par défaut : décalé hors écran */
  transition: transform 0.4s ease;
  z-index: 10000;
  display: flex;
  align-items: center;
}

#toggle-offre-laterale:checked + .offre-laterale {
  transform: translateX(0); /* Déplié */
}

.onglet-offre-laterale {
  position: absolute;
  left: -30px;
  top: 25px;
  width: 30px;
  height: 100px;
  background-color: #c2185b;
  color: white;
  font-weight: bold;
  font-family: sans-serif;
  text-align: center;
  line-height: 30px;
  cursor: pointer;
  writing-mode: vertical-rl;
  transform: rotate(180deg);
  border-radius: 0 10px 10px 0;
  box-shadow: 0 0 10px rgba(0,0,0,0.4);
}

.contenu-offre-laterale {
  height: 150px;
  background-color: white;
  border-radius: 8px 0 0 8px;
  overflow: hidden;
  box-shadow: 0 0 15px rgba(0,0,0,0.2);
  display: flex;
  align-items: center;
  justify-content: center;
}

.contenu-offre-laterale img {
  height: 150px;
  width: auto;
  display: block;
}