#ospb {
    background-color: #fff;
    box-shadow: 0px 0px 10px #cacaca;
    -webkit-transition: -webkit-transform 250ms ease-out;
    transition: -webkit-transform 250ms ease-out;
    -o-transition: -o-transform 250ms ease-out;
    -moz-transition: transform 250ms ease-out, -moz-transform 250ms ease-out;
    transition: transform 250ms ease-out;
    transition: transform 250ms ease-out, -webkit-transform 250ms ease-out, -moz-transform 250ms ease-out, -o-transform 250ms ease-out;
    position: fixed;
    left: 0;
    right: 0;
    z-index: 20 !important;
}

/* Top position styles */
#ospb:not(.sticky-bottom) {
    top: 0;
    transform: translateY(-100%);
}

#ospb:not(.sticky-bottom).ars-sticky {
    transform: translateY(0);
    top: 0px !important;
}

/* Bottom position styles - mobile only */
#ospb.mobile.sticky-bottom {
    bottom: 0;
    top: auto !important;
    transform: translateY(100%);
}

#ospb.mobile.sticky-bottom.ars-sticky {
    transform: translateY(0);
    bottom: 0 !important;
    top: auto !important;
}

/* Force desktop version to always be at top */
#ospb.desktop {
    top: 0;
    transform: translateY(-100%);
    bottom: auto !important;
}

#ospb.desktop.ars-sticky {
    transform: translateY(0);
    top: 0px !important;
}

#ospb .show-more-without-taxes, #ospb .tax-shipping-delivery-label, #ospb .qty {
  display: none
}
.attribute-item.product-availability-date {
  display: none
}
#ospb .tax-label-next-price {
  font-size: 8px;
}
#ospb .product-prices {
  display: inline-flex;
}

#ospb #ospb-summury-container {
  overflow: hidden; /* Cache les éléments hors du conteneur visible */
  position: relative;
}

#ospb .page-element-wrapper {
  transition: transform 0.4s ease;
  display: flex; /* Assure que les éléments sont en ligne */
  will-change: transform;
  align-items: center;
}

#ospb .page-element {
  min-width: 33%; /* Chaque élément prend un tiers de l'espace */
  padding: 8px 32px;
  color: #000;
  text-align: center;
}

#ospb .chevron_left:hover, #ospb .chevron_right:hover {
  cursor: pointer;
}

#ospb .ospb-name-mobile {
  width:65%;
  padding:5px;
}

#ospb .product-information .product-quantity, #ospb .product-information .product-minimal-quantity {
  margin: 0;
}

#ospb .ospb-price {
  min-width: 60px;
  max-width: fit-content;
  text-align: right;
  font-weight: 600;
  font-size: 0.9rem;
  white-space: nowrap;
  padding-right: 10px;
}

#ospb .desktop .row {
  flex-wrap: nowrap;
}

#ospb .d-flex.align-items-center.gap-4 {
  max-width: 42%;
  padding: 0 15px;
}

#ospb .ospb-name {
  min-width: 150px;
  max-width: 20%;
}

#ospb .product-information {
  min-width: 114px;
  max-width: 18%;
}

#ospb > div {
  padding-left: 10px;
  padding-right: 10px;
}

/* Ajout des styles pour le bouton add to cart mobile */
#ospb.mobile .add-to-cart {
  padding: 12px 45px;
  height: 50px;
  width: 50px;
  display: flex;
  align-items: center;
  justify-content: center;
}

#ospb.mobile .add-to-cart i {
  font-size: 23px;
}

#ospb.mobile .product-information {
  padding-right: 15px;
}

/* Styles pour le bouton devis mobile */
#ospb.mobile .btn[data-target="#devisModal"] {
    padding: 12px 45px;
    height: 50px;
    width: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
}

#ospb.mobile .btn[data-target="#devisModal"] i {
    font-size: 23px;
}
