.payment{display:flex;flex-direction:column;gap:30px;width:100%}.payment .error{padding:15px;background-color:var(--secondErrorColor);color:#fff;border-radius:20px;font-size:18px;text-align:center}.payment .button{width:100%;padding:20px;font-size:28px;font-weight:700;border:none;border-radius:30px;background-color:var(--mainColor);color:var(--secondTextColor);cursor:pointer;transition:background-color .3s ease}.payment .button:hover:not(:disabled){background-color:var(--secondColor);color:var(--mainTextColor)}.payment .button:disabled{opacity:.6;cursor:not-allowed}.cart{padding:50px 0}.cart .conteneur{display:flex;flex-direction:column;gap:50px;margin:0 50px;padding:50px;background-color:var(--secondBackgroundColor);border-radius:50px}.cart .conteneur .login{display:flex;flex-direction:column;gap:30px}.cart .conteneur .login button{display:flex;align-items:center;justify-content:center;padding:20px 50px;font-size:40px;border-radius:50px;background-color:var(--secondBackgroundColor);border:3px solid rgba(0,0,0,0);box-shadow:-4px 4px 4px rgba(0,0,0,.3);transition:border-color .3s ease}.cart .conteneur .login button img{height:40px;width:auto;margin-right:10px}.cart .conteneur .login button:hover{border:3px solid var(--mainColor)}.cart .conteneur .content{display:flex;justify-content:space-between;align-items:center}.cart .conteneur .content .list{width:50%;list-style:none;display:flex;flex-direction:column;gap:50px}.cart .conteneur .content .list .item{display:flex;align-items:center;justify-content:space-between;gap:50px}.cart .conteneur .content .list .item img{width:150px}.cart .conteneur .content .list .item h3{flex:1 1;margin:0}.cart .conteneur .content .list .item p{margin:0;flex-shrink:0}.cart .conteneur .content .list .item .remove{width:-moz-fit-content;width:fit-content;padding:10px 15px;background-color:var(--mainColor);color:#fff;border:none;border-radius:25px;cursor:pointer;transition:background-color .3s ease,color .3s ease;flex-shrink:0}.cart .conteneur .content .list .item .remove:hover{background-color:var(--secondColor);color:#000}.cart .conteneur .content .total{width:40%;color:#fff;display:flex;flex-direction:column;gap:50px;font-size:24px;font-weight:800}.cart .conteneur .content .total p{display:flex;align-items:center;gap:10px}.cart .conteneur .content .total .price-skeleton{display:inline-block;width:50px;height:25px;background-color:var(--thirdBackgroundColor);border-radius:10px}.cart .conteneur .content .total .valider{padding:15px;border:none;border-radius:30px;background-color:var(--secondColor);color:#000;font-size:24px;font-weight:700;cursor:pointer;transition:background-color .3s ease,color .3s ease}.cart .conteneur .content .total .valider:disabled{cursor:not-allowed}.cart .conteneur .content .total .valider:disabled,.cart .conteneur .content .total .valider:disabled:hover{background-color:var(--thirdBackgroundColor);color:var(--thirdColor)}.cart .conteneur .content .total .valider:hover{background-color:var(--mainColor);color:#fff}.cart .conteneur .checkout{display:flex}.cart .conteneur .checkout form{display:flex;flex-direction:column;width:100%;gap:50px}.cart .conteneur .checkout form .city,.cart .conteneur .checkout form .name,.cart .conteneur .checkout form .street{display:flex;gap:50px}.cart .conteneur .checkout form .address-autocomplete{position:relative;width:100%}.cart .conteneur .checkout form .address-autocomplete .suggestions{position:absolute;top:100%;left:0;right:0;background-color:var(--secondBackgroundColor);border:3px solid var(--mainColor);border-radius:30px;list-style:none;padding:10px;margin:10px 0 0;max-height:400px;overflow-y:auto;overflow-x:hidden;z-index:1000;box-shadow:-4px 4px 4px rgba(0,0,0,.3);scrollbar-width:none}.cart .conteneur .checkout form .address-autocomplete .suggestions::-webkit-scrollbar{display:none}.cart .conteneur .checkout form .address-autocomplete .suggestions li{padding:30px;cursor:pointer;border-radius:20px;display:flex;flex-direction:column;gap:8px;transition:background-color .3s ease,transform .2s ease;margin-bottom:5px}.cart .conteneur .checkout form .address-autocomplete .suggestions li:last-child{margin-bottom:0}.cart .conteneur .checkout form .address-autocomplete .suggestions li:hover{background-color:var(--mainColor);transform:translateX(5px)}.cart .conteneur .checkout form .address-autocomplete .suggestions li:hover span,.cart .conteneur .checkout form .address-autocomplete .suggestions li:hover strong{color:var(--secondTextColor)}.cart .conteneur .checkout form .address-autocomplete .suggestions li strong{color:var(--mainColor);font-size:24px;font-weight:600;transition:color .3s ease}.cart .conteneur .checkout form .address-autocomplete .suggestions li span{color:var(--mainTextColor);font-size:20px;font-weight:500;transition:color .3s ease}.cart .conteneur .checkout form input,.cart .conteneur .checkout form textarea{width:100%;padding:20px;font-size:30px;border:3px solid var(--mainColor);border-radius:30px}.cart .conteneur .checkout form input::placeholder,.cart .conteneur .checkout form textarea::placeholder{color:var(--mainColor);font-size:30px}.cart .conteneur .checkout form label{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.cart .conteneur .checkout form .billing label{position:static;width:auto;height:auto;margin:0;overflow:visible;clip:auto;white-space:normal;display:flex;align-items:center;gap:15px;font-size:24px;color:var(--mainColor);cursor:pointer}.cart .conteneur .checkout form .billing label input[type=checkbox]{width:30px;height:30px;cursor:pointer;accent-color:var(--mainColor)}.cart .conteneur .checkout form .action{display:flex;justify-content:space-around}.cart .conteneur .checkout form .action button{padding:15px 30px;background-color:var(--mainColor);color:var(--secondTextColor);border:none;border-radius:25px;font-size:24px;cursor:pointer;transition:color .3s ease,background-color .3s ease}.cart .conteneur .checkout form .action button:hover{background-color:var(--secondColor);color:var(--mainTextColor)}.cart .conteneur .shipping form,.cart .conteneur .shipping form .list{display:flex;flex-direction:column;gap:30px}.cart .conteneur .shipping form .list .method{display:flex;flex-direction:column;border:3px solid var(--mainColor);border-radius:30px;transition:all .3s ease;background-color:var(--secondBackgroundColor)}.cart .conteneur .shipping form .list .method .head{display:flex;align-items:center;padding:30px;cursor:pointer}.cart .conteneur .shipping form .list .method .head input[type=radio]{-moz-appearance:none;appearance:none;-webkit-appearance:none;width:30px;height:30px;margin-right:20px;cursor:pointer;border:2px solid var(--mainColor);border-radius:50%;transition:all .2s ease}.cart .conteneur .shipping form .list .method .head input[type=radio]:checked{background-color:var(--mainColor)}.cart .conteneur .shipping form .list .method .head .info{display:flex;flex-direction:row;align-items:center;justify-content:space-between;width:100%;gap:20px}.cart .conteneur .shipping form .list .method .head .info img.logo{height:50px;width:auto;object-fit:contain}.cart .conteneur .shipping form .list .method .head .info p{margin:0;font-size:20px;flex:1 1}.cart .conteneur .shipping form .list .method .head .info p.price{font-size:24px;font-weight:700;text-align:right}.cart .conteneur .shipping form .list .method .selector{padding:0 30px 30px}.cart .conteneur .shipping form .list .method .selector h3{color:var(--mainColor);margin-bottom:20px;font-size:28px}.cart .conteneur .shipping form .list .method .relaySelected{display:flex;align-items:center;justify-content:space-between;padding:0 20px 20px}.cart .conteneur .shipping form .list .method .relaySelected>div{flex:1 1}.cart .conteneur .shipping form .list .method .relaySelected h4{color:var(--mainColor);margin-bottom:10px;font-size:22px}.cart .conteneur .shipping form .list .method .relaySelected p{margin:5px 0;font-size:18px;color:var(--mainTextColor)}.cart .conteneur .shipping form .list .method .relaySelected button{padding:15px 30px;background-color:var(--mainColor);color:var(--secondTextColor);border:none;border-radius:25px;font-size:24px;cursor:pointer;transition:color .3s ease,background-color .3s ease}.cart .conteneur .shipping form .list .method .relaySelected button:hover{background-color:var(--secondColor);color:var(--mainTextColor)}.cart .conteneur .shipping form .actions{display:flex;justify-content:space-around;margin-top:20px}.cart .conteneur .shipping form .actions button{padding:15px 30px;background-color:var(--mainColor);color:var(--secondTextColor);border:none;border-radius:25px;font-size:24px;cursor:pointer;transition:color .3s ease,background-color .3s ease}.cart .conteneur .shipping form .actions button:hover{background-color:var(--secondColor);color:var(--mainTextColor)}.cart .conteneur .recap{display:flex;gap:50px}.cart .conteneur .recap .wrapper{flex:1 1;display:flex;flex-direction:column;gap:50px}.cart .conteneur .recap .wrapper button{padding:15px 30px;background-color:var(--mainColor);color:var(--secondTextColor);border:none;border-radius:25px;font-size:24px;cursor:pointer;transition:color .3s ease,background-color .3s ease;width:-moz-fit-content;width:fit-content}.cart .conteneur .recap .wrapper button:hover{background-color:var(--secondColor);color:var(--mainTextColor)}.cart .conteneur .recap .wrapper .products{display:flex;flex-direction:column;gap:20px}.cart .conteneur .recap .wrapper .products .product{padding:15px;background-color:hsla(0,0%,100%,.05);border-radius:20px}.cart .conteneur .recap .wrapper .products .product .card{display:flex;flex-direction:row;align-items:center;gap:20px}.cart .conteneur .recap .wrapper .products .product .card .image{width:150px;flex-shrink:0}.cart .conteneur .recap .wrapper .products .product .card h3{flex:1 1;font-size:20px;color:var(--mainTextColor);margin:0}.cart .conteneur .recap .wrapper .products .product .card .price{font-size:22px;font-weight:700;color:var(--mainColor);margin:0}.cart .conteneur .recap .wrapper .products .product .card .price .prix{margin:0}.cart .conteneur .recap .wrapper .products .product .card .price .reserved{display:none}.cart .conteneur .recap .wrapper .addresses{display:flex;gap:50px}.cart .conteneur .recap .wrapper .addresses .address{flex:1 1;padding:25px;background-color:hsla(0,0%,100%,.05);border:2px solid var(--mainColor);border-radius:30px}.cart .conteneur .recap .wrapper .addresses .address h3{color:var(--mainColor);margin-bottom:20px;font-size:24px}.cart .conteneur .recap .wrapper .addresses .address h4{color:var(--mainColor);margin-top:20px;margin-bottom:10px;font-size:20px}.cart .conteneur .recap .wrapper .addresses .address p{margin:8px 0;font-size:18px;color:var(--mainTextColor)}.cart .conteneur .recap .summary{width:350px;display:flex;flex-direction:column;gap:30px}.cart .conteneur .recap .summary .line{display:flex;justify-content:space-between;font-size:24px;color:var(--mainTextColor)}.cart .conteneur .recap .summary .line.total{color:var(--mainTextColor);font-size:32px;font-weight:700}.cart .conteneur .recap .summary .loading{padding:20px;text-align:center;font-size:20px;color:var(--mainColor)}.cart .conteneur .cart-skeleton .image-skeleton{width:150px;aspect-ratio:4/5;flex-shrink:0;background-color:var(--thirdBackgroundColor);border-radius:var(--productImageRadius)}.cart .conteneur .cart-skeleton .text-skeleton{background-color:var(--thirdBackgroundColor);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-radius:10px;flex-shrink:0}.cart .conteneur .cart-skeleton .text-skeleton.name{flex:1 1;height:24px}.cart .conteneur .cart-skeleton .text-skeleton.price{width:50px;height:24px}.cart .conteneur .empty-message{display:flex;align-items:center;justify-content:center;min-height:187.5px}.cart .conteneur .empty-message p{font-size:24px;color:var(--thirdColor)}.cart .conteneur .modal-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background-color:rgba(0,0,0,.7);display:flex;align-items:center;justify-content:center;z-index:10000;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px)}.cart .conteneur .modal-overlay .modal-content{background-color:var(--secondBackgroundColor);border:3px solid var(--mainColor);border-radius:30px;padding:50px;max-width:600px;width:90%;box-shadow:0 10px 40px rgba(0,0,0,.5)}.cart .conteneur .modal-overlay .modal-content h3{color:var(--mainColor);font-size:32px;margin:0 0 20px;text-align:center}.cart .conteneur .modal-overlay .modal-content p{font-size:22px;color:var(--mainTextColor);margin:15px 0;text-align:center;line-height:1.5}.cart .conteneur .modal-overlay .modal-content p strong{color:var(--mainColor);font-size:24px}.cart .conteneur .modal-overlay .modal-content .address-display{background-color:var(--mainColor);color:var(--secondTextColor);padding:30px;border-radius:20px;margin:30px 0;text-align:center}.cart .conteneur .modal-overlay .modal-content .address-display strong{color:var(--secondTextColor);font-size:24px;line-height:1.6}.cart .conteneur .modal-overlay .modal-content .modal-actions{display:flex;gap:30px;margin-top:40px;justify-content:center}.cart .conteneur .modal-overlay .modal-content .modal-actions button{padding:15px 30px;border:none;border-radius:25px;font-size:24px;cursor:pointer;transition:all .3s ease}.cart .conteneur .modal-overlay .modal-content .modal-actions button.modify{background-color:rgba(0,0,0,0);color:var(--mainColor);border:3px solid var(--mainColor)}.cart .conteneur .modal-overlay .modal-content .modal-actions button.modify:hover{background-color:var(--mainColor);color:var(--secondTextColor)}.cart .conteneur .modal-overlay .modal-content .modal-actions button.confirm{background-color:var(--secondColor);color:var(--mainTextColor)}.cart .conteneur .modal-overlay .modal-content .modal-actions button.confirm:hover{background-color:var(--mainColor);color:var(--secondTextColor)}