/* produit */
.close-btn {
    position: absolute;
    top: 10px;
    right: 10px;
    cursor: pointer;
}

/* global */

ul {
    padding: 0 0 0 10px;
}

li::marker {
    content: "•";
	margin-right: 10px;
}

section#wrapper {
 	margin-top: 0 !important;
	padding-top: 0 !important;
}

.cgl-section-hero-full {
    width: 100vw; /* Largeur de l'écran entier */
    margin-left: calc(-50vw + 50%); /* Annule les marges parent liées à un conteneur centré */
    position: relative; /* Nécessaire si tu veux ajouter des enfants positionnés */
}

/* Section pleine page */

.cgl-section-full {
    position: relative;
}

.cgl-section-full::before,
.cgl-section-full::after {
    content: "";
    position: absolute;
    top: 0;
    bottom: 0;
    width: 50vw;
    background-color: #F5F5F5;
    z-index: 1;
}

.cgl-section-full::before {
    left: -50vw;
}

.cgl-section-full::after {
    right: -50vw;
}

.cgl-after-blanc::after {
    background-color: #fff;
}

/* Styles de base */
.modale {
    display: none; 
    position: fixed;
    top: 0;
    right: 0;
    width: 50%; /* Affichage sur la moitié droite */
    height: 100%;
    background-color: #fff;
    color: white;
    overflow-y: auto;
    z-index: 99999;
    padding: 20px;
}

/* Overlay sombre */
.overlay {
    display: none; /* Masquer l'overlay par défaut */
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: rgba(0, 0, 0, 0.5); /* Fond noir transparent */
    z-index: 9999;
}

.modale-center {
    width: 75%; /* Ajuste la largeur au besoin */
    left: 50%; /* Position horizontale au centre */
    top: 50%; /* Position verticale au centre */
    transform: translate(-50%, -50%); /* Centre parfaitement */
    height: auto; /* Ajuste la hauteur automatiquement */
    padding: 20px; /* Optionnel : ajuster le padding */
    box-shadow: 0 4px 10px rgba(0, 0, 0, 0.3); /* Ajoute une ombre pour un meilleur visuel */
    z-index: 99999; /* Assure que la modale reste au-dessus */
    background-color: #fff; /* Couleur de fond */
    border-radius: 8px; /* Ajoute des coins arrondis */
}

#product #blockcart-modal .modal-dialog .modal-body .cart-content-btn .btn {
  max-width: 190px;
}
 
.btn.cdpcp-compare-btn {
	min-height: 30px;
    max-height: 30px;
    max-width: 77px;
    padding: 0 !important;
    font-size: 12px !important;
    width: 100% !important;
    justify-content: center;
}

.cart-subtotal-insurance label {
	    display: inline;
}

.ndki-infos {
	margin-top: 0!important;
}
  
.page-cart .younitedpay_product_info {
    border-radius: 16px !important;
    background: #f5f5f5 !important;
    padding: 0 10px !important;
}

.page-cart .younitedpay_product_info .younitedpay-widget-root {
	max-width: 330px;
}