.test {
	font-size: 10rem;
}

/* CHECKOUT */

.woocommerce-checkout .panel {
	display: none;
	background-color: white;
	overflow: hidden;
}

.woocommerce-checkout .panel-container {
	max-width: 783px;
}

.woocommerce-checkout .fourhundred {
	max-width: 400px;
}

.woocommerce-checkout .panel-separator {
	margin: 24px 0px !important;
	color: #ACB7C8;
}

.woocommerce-checkout .active-panel {
	display: flex;
	flex-direction: column;
	gap: 16px;
}

.woocommerce-checkout .panel input {
	border-radius: 4px;
	padding: 16px;
	border: 1px solid #ACB7C8;
	background-color: #EFF2F5;
}

.woocommerce-checkout .panel .button{
	width: 100%;
	background-color: #47F9FF !important;
	border-radius: 100px !important;
	padding: 14px 20px;
		color: black !important;
	border: none !important;
}

.kipful-coupon-form .button {
	width: 100%;
	background-color: #212B3A !important;
	border-radius: 100px !important;
	padding: 14px 20px;
	color: white !important;
	border: none !important;
}

.kipful-coupon-form {
	display: flex;
	flex-direction: column;
	gap: 16px;
}

.accordion-title {
	display: flex;
	justify-content: space-between;
	flex-direction: row;
}

.accordion-title button {
	background-color: transparent !important;
	flex-direction: row !important;
	align-items: center !important;
	gap: 8px !important;
}

.title-container {
	display: flex;
	gap: 16px;
	font-size: 32px;
	line-height: 42px;
	align-items: center;
}

.title-number {
	min-width: 32px;
	min-height: 32px;
	max-width: 32px;
	max-height: 32px;
	display: flex;
	justify-content: center;
	align-items: center;
	border-radius: 136px;
	color: white;
	font-size: 18px;
	background-color: #1A1E28;
}

/* SHIPPING */

.shipping-title {
	display: flex;
	flex-direction: row;
	padding: 18px 24px;
	background-color: #EFF2F5;
	gap: 16px;
	border-radius: 8px;
	font-size: 18px;
	line-height: 26px;
	margin-top: 40px;
	font-weight: 500;
}

.shipping-method-container {
	width: 100%;
	display: flex;
	flex-direction: row;
	gap: 16px;
	padding: 16px 24px;
}

.shipping-method-container label {
	display: flex !important;
	width: 100%;
	flex-direction: row;
	justify-content: space-between;
	gap: 16px;
	font-size: 18px;
	line-height: 26px;
}

.shipping-method-container label .woocommerce-Price-amount {
	font-size: 24px;
	line-height: 32px;
	font-weight: 500 !important;
}

/* OPTION EXPRESS */

.express-content {
	display: flex;
	flex-direction: row;
	gap: 32px;
	padding: 16px 24px;
}

.express-content-text {
	display: flex;
	flex-direction: column;
	gap: 8px;
}

.express-content-text h4 {
	font-size: 18px;
	line-height: 25px;
	font-weight: 500;
	margin: 0 !important;
	padding: 0 !important;
}

.express-content-text p {
	font-size: 16px;
	line-height: 22px;
	color: #5C697F;
	margin: 0 !important;
	padding: 0 !important;
}

.express-content-text .express-conditions {
	display: flex;
	flex-direction: row;
	gap: 8px;
	color: #929DB0;
	font-size: 14px;
	line-height: 19px;
	font-weight: 400;
}

.express-price {
	font-size: 24px;
	line-height: 32px;
	font-weight: 500;
}

/* OPTION */

.option-container {
	display: flex;
	flex-direction: column;
	gap: 24px;
}

@media screen and (min-width: 1024px) {
.option{
	padding-bottom: 120px;
}
}

.option:last-child{
	hr{
		visibility: hidden;
	}
}

.details-cart-options {
	display: flex;
	flex-direction: column;
	gap: 8px;
}

.details-cart-options-item {
	display: flex;
	flex-direction: row;
	justify-content: space-between;
}

.details-cart-options p {
	font-size: 14px;
	line-height: 18px;
	font-weight: 400;
}

.price-commande{
	font-size: 14px !important;
	font-weight: 600 !important;
	line-height: 42px !important;
}

.price-commande-option{
	font-size: 14px !important;
	font-weight: 600 !important;
	line-height: 18px !important;
}

.commande{
	gap: 8px !important;
	margin-bottom: 24px !important;
}

.images{
	width: 170px;
  	height: auto;
	border-radius: 16px !important;
}

.TVA{
	gap: 0px !important;
}



.option-title {
	display: flex;
	flex-direction: column;
}

.option-title * {
	margin: 0 !important;
	padding: 0 !important;
}

.option-title h3 {
	font-size: 24px;
	line-height: 32px;
}

.option-title h4 {
	font-size: 18px;
	line-height: 24px;
}

.option-title p {
	font-size: 18px;
	line-height: 24px;
	color: #929DB0;
}

.option-description {
	display: flex;
	flex-direction: column;
	gap: 4px;
	font-size: 14px;
	line-height: 19px;
	color: #5C697F;
}

.option-title .option-description{
	p{
		font-size: 12px !important;
		font-weight: 500 !important;
		padding-right: 12px !important;
	}
}

.option-description .title {
	font-weight: 600;
	font-size: 16px;
	line-height: 22px;
	color: #1A1E28;
}

.suscribre-detail{
	color: #5C697F;
	font-size: 16px;
	padding-top: 40px;
}

.porte-carte{
	font-size: 12px;
}

.option-price {
	margin-top: 8px;
	line-height: 24px !important;
	color: #19110B !important;
}

.detail-option-price{
	font-weight: 500 !important;
	font-size: 18px !important;
}

.price{
	font-size: 24px !important;
	font-weight: 500 !important;
}

.price-panier{
	font-weight: 600 !important;
	min-width: 50px !important;
}

.total{
	font-weight: 700;
	font-size: 16px;
}

.price-total{
	font-size: 18px !important;
	font-weight: 500 !important;
}

.detail-price{
	font-size: 14px !important;
	font-weight: 400 !important;
}

.option-button-container {
	display: flex;
	gap: 16px;
}

@media screen and (max-width: 768px) {
    .option-button-container{
		display: flex;
		flex-direction: column;
		justify-content: space-between;
	}

	.img-panier{
		width: 86px !important;
	}
}
.option-button-container .primary {
	border: none !important;
	background-color: #212B3A !important;
	border-radius: 72px !important;
	padding: 10px 24px;
	color: white;
	font-weight: 500;
	font-size: 18px;
}

.option-button-container .secondary {
	border: none !important;
	background-color: #EFF2F5 !important;
	border-radius: 72px !important;
	padding: 10px 24px;
	color: #1A1E28;
	font-weight: 500;
	font-size: 18px;
}

.option-container img {
	height: auto !important;
	align-self: start;
	object-fit: cover;
	margin-right: 6px !important;
}

.details{
	display: flex;
    flex-direction: row;
    justify-content: space-between;
	width: 100%;
}

@media screen and (max-width: 768px) {
	.details-responsive{
		flex-direction: column;
	}
}

.details-coupon {
	font-size: 12px;
	line-height: 18px;
	font-weight: 400;
	color: #1c6800 !important;
}

.details-details-coupon {
	display: flex;
	flex-direction: row;
	gap: 16px;
}

.divers{
	padding-bottom: 220px;
}

@media screen and (max-width: 1024px) {
	.divers{
		padding-bottom: 20px;
	}
	
}

.divider{
	border-color: #E1E1E1;
	height: 1px;
	gap: 15px;
	width: 100%;
	border-style: solid;
	margin-top: 24px !important;
	margin-bottom: 16px !important;
}

.divider-chest{
	border-color: #E1E1E1;
	height: 1px;
	width: 100%;
	border-style: solid;
	margin-top: 24px !important;
	margin-bottom: 120px !important;
}

@media screen and (max-width: 1024px) {
	.divider-chest{
		margin-bottom: 20px !important;
	}
}

.divider-panier{
	border-color: #E1E1E1;
	height: 1px;
	width: 100%;
	border-style: solid;
	margin-top: 16px !important;
	margin-bottom: 40px !important;
}

.cancel{
	border: none !important;
	color: #FF4747;
	display: flex;
	align-items: center;
	gap: 10px;
	font-size: 16px;
	font-weight: 600;
	padding: 5px 10px  !important;
	border-radius: 72px !important;
	max-width: 125px;
}

/* Loading Overlay */
#kipful-loading-overlay, #kipful-loading-overlay-details {
    position: absolute;
    width: 100%;
    height: 100%;
    background: rgba(255, 255, 255, 0.8); /* Couleur blanche avec opacité */
    display: flex;
    align-items: center;
    justify-content: center;
    z-index: 9999;
    display: none; /* Masquer par défaut */
}

.spinner {
	position: absolute;
	top:45%;
    left: 45%;
    width: 50px;
    height: 50px;
    border: 5px solid rgba(0, 0, 0, 0.2);
    border-top: 5px solid #000;
    border-radius: 50%;
    animation: spin 1s linear infinite;
}

@keyframes spin {
    0% { transform: rotate(0deg); }
    100% { transform: rotate(360deg); }
}

/* Payment design */
.woocommerce-checkout-payment {
	background: transparent !important;
}

.payment_box {
	background: #EFF2F5 !important;
	border-radius: 8px !important;
	padding: 16px;
}

.payment_box::before {
	content: none !important;
}

.wc-payment-form {
	border: none !important;
}

.Input {
	background: white !important;
}

.button {
	font-weight: 400 !important;
}

.tax-label {
	font-size: 16px;
    font-weight: 400;
}

.details-cart-free-trial {
	font-size: 14px;
	font-weight: 400;
	padding-top: 8px;
}

.first-renew {
	color: #5C697F;
    font-size: 12px;
    align-self: end;
}

@keyframes redPulse {
    0% {
        box-shadow: 0 0 0 0 rgba(255, 0, 0, 0.5);
    }
    70% {
        box-shadow: 0 0 20px 10px rgba(255, 0, 0, 0);
    }
    100% {
        box-shadow: 0 0 0 0 rgba(255, 0, 0, 0);
    }
}

.pulse-button {
    animation: redPulse 1.5s infinite;
    border: 2px solid red; /* Optional: Ensure the button has a visible border */
}
.wcs-recurring-totals-panel{padding:1em 0 0;position:relative}.wcs-recurring-totals-panel:after{border-style:solid;border-width:1px 0;bottom:0;content:"";display:block;left:0;opacity:.3;pointer-events:none;position:absolute;right:0;top:0}.wcs-recurring-totals-panel+.wcs-recurring-totals-panel:after{border-top-width:0}.wcs-recurring-totals-panel .wc-block-components-panel .wc-block-components-totals-item{padding-left:0;padding-right:0}.wcs-recurring-totals-panel .wc-block-components-totals-item__label:first-letter{text-transform:capitalize}.wcs-recurring-totals-panel .wcs-recurring-totals-panel__title .wc-block-components-totals-item__label{font-weight:700}.wcs-recurring-totals-panel__title{margin:0}.wcs-recurring-totals-panel__details .wc-block-components-panel__button,.wcs-recurring-totals-panel__details .wc-block-components-panel__button:focus,.wcs-recurring-totals-panel__details .wc-block-components-panel__button:hover{font-size:.875em}.wcs-recurring-totals-panel__details .wc-block-components-panel__content>.wc-block-components-totals-item:first-child{margin-top:0}.wcs-recurring-totals-panel__details .wc-block-components-panel__content>.wc-block-components-totals-item:last-child{margin-bottom:0}.wcs-recurring-totals-panel__details .wcs-recurring-totals-panel__details-total .wc-block-components-totals-item__label{font-weight:700}.wcs-recurring-totals__subscription-length{float:right}