.bg{animation:bg 1s ease both;background:rgba(0,0,0,.6);display:flex;flex-direction:column;font-family:Verdana,sans-serif;height:100%;left:0;padding:25px;position:fixed;top:0;width:100%;z-index:9999}.bg *{font-family:inherit}.bg .content{animation:bgcontent 1s ease .5s both;background:#fff;border-radius:6px;margin:auto;max-width:500px;padding:25px;position:relative}.bg .content .product-cart{align-items:center;display:flex;flex-direction:column;font-size:13px}.bg .content .product-cart .title{font-size:22px;margin-bottom:15px;text-transform:uppercase}.bg .content .product-cart .price{font-size:16px;font-weight:700}.bg .content .product-cart form{align-items:center;border-top:1px solid hsla(0,0%,52%,.2);display:flex;flex-wrap:wrap;gap:10px;margin-top:10px;padding-top:10px}.bg .content .product-cart form .input{display:flex;flex-wrap:wrap}.bg .content .product-cart form .input button{margin:0;padding:10px 15px}.bg .content .product-cart form .input button.plus:after{content:"+"}.bg .content .product-cart form .input button.minus:after{content:"-"}.bg .content .product-cart form .input input{margin:0 10px;max-width:60px;text-align:center}.bg .content .product-cart form .input input::-webkit-inner-spin-button,.bg .content .product-cart form .input input::-webkit-outer-spin-button{-webkit-appearance:none;margin:0}.bg .content .product-cart form .input input[type=number]{-moz-appearance:textfield}.bg .content .product-cart form a,.bg .content .product-cart form button{background:#777;border-radius:3px;color:#fff;flex:1;font-size:12px;font-weight:700;margin-top:10px;padding:15px;text-align:center;transition:all .5s}.bg .content .product-cart form a:hover,.bg .content .product-cart form button:hover{background:#000;border-radius:8px}.bg .content .product-cart form a{background:#212121}.bg .content .product-cart form .form-group{align-items:center;display:flex;flex-direction:column;width:100%}.bg .content .product-cart form .form-group label{margin-bottom:10px}.bg .content .close{align-items:center;background:#fff;border:1px solid hsla(0,0%,52%,.3);border-radius:3px;cursor:pointer;display:flex;flex-direction:column;font-size:13px;height:30px;justify-content:center;position:absolute;right:0;top:0;width:30px}.bg .content .close:after{content:"X"}.alert{background-color:#f1f1f1;border:1px solid #d6d8db;border-radius:.25rem;color:#383d41;margin-bottom:1rem;padding:1rem 1.25rem;position:relative;text-align:center}.top-cart{font-family:Verdana,sans-serif;padding:25px}.top-cart *{font-family:inherit;font-size:22px;text-align:center;text-transform:uppercase}.cart-content{padding:25px}.cart-content .cart-details{align-items:flex-end;display:flex;flex-direction:column;margin:0 auto;max-width:1000px}.cart-content .cart-details .recap{border:1px solid hsla(0,0%,52%,.2);margin-top:25px;max-width:320px;padding:25px;width:100%}.cart-content .cart-details .recap>a{background:#444;color:#fff;display:block;font-size:12px;font-weight:700;letter-spacing:.1rem;margin-top:10px;padding:15px 35px;text-align:center;text-transform:uppercase}.cart-content .cart-details .recap>div{border-bottom:1px solid hsla(0,0%,52%,.2);padding-bottom:10px;padding-top:10px;text-align:right}.cart-content .cart-details .recap>div strong{flex:1}.cart-content .cart-details .recap>div strong:after{content:"|";margin:0 10px}.cart-content .cart-details .recap>div span{letter-spacing:.05rem}.cart-content .cart-details .items{border:1px solid hsla(0,0%,52%,.3);padding:25px;width:100%}.cart-content .cart-details .items form{font-family:Verdana,sans-serif;overflow:auto;width:100%}.cart-content .cart-details .items form *{font-family:Verdana,sans-serif}.cart-content .cart-details .items form table{font-size:12px;width:100%}.cart-content .cart-details .items form table thead{border-bottom:1px solid hsla(0,0%,52%,.6)}.cart-content .cart-details .items form table thead th{padding:5px;text-align:center;vertical-align:middle}.cart-content .cart-details .items form table thead th:first-child{text-align:left}.cart-content .cart-details .items form table tbody tr{border-bottom:1px solid hsla(0,0%,52%,.3)}.cart-content .cart-details .items form table tbody tr td{padding:5px;text-align:center;vertical-align:middle}.cart-content .cart-details .items form table tbody tr td.qty .input{display:flex;justify-content:center}.cart-content .cart-details .items form table tbody tr td.qty .input button{background:#777;border-radius:3px;color:#fff;font-size:12px;font-weight:700;margin:0;padding:10px 15px;text-align:center;transition:all .5s}.cart-content .cart-details .items form table tbody tr td.qty .input button:hover{background:#000;border-radius:8px}.cart-content .cart-details .items form table tbody tr td.qty .input button.plus:after{content:"+"}.cart-content .cart-details .items form table tbody tr td.qty .input button.minus:after{content:"-"}.cart-content .cart-details .items form table tbody tr td.qty .input input{font-size:12px;margin:0 10px;max-width:60px;text-align:center}.cart-content .cart-details .items form table tbody tr td.qty .input input::-webkit-inner-spin-button,.cart-content .cart-details .items form table tbody tr td.qty .input input::-webkit-outer-spin-button{-webkit-appearance:none;margin:0}.cart-content .cart-details .items form table tbody tr td.qty .input input[type=number]{-moz-appearance:textfield}.cart-content .cart-details .items form table tbody tr td.remove button{background:#444;border-radius:3px;color:#fff;font-weight:700;padding:5px 8px}.cart-content .cart-details .items form table tbody tr td:first-child{text-align:left;text-transform:capitalize}.form-details{align-items:flex-end;display:flex;flex-direction:column;margin:0 auto;max-width:1000px;padding:25px}.form-details .recap{border:1px solid hsla(0,0%,52%,.2);margin-top:25px;max-width:320px;padding:25px;width:100%}.form-details .recap>a{background:#444;color:#fff;display:block;font-size:12px;font-weight:700;letter-spacing:.1rem;margin-top:10px;padding:15px 35px;text-align:center;text-transform:uppercase}.form-details .recap>div{border-bottom:1px solid hsla(0,0%,52%,.2);padding-bottom:10px;padding-top:10px;text-align:right}.form-details .recap>div strong:after{content:"|";margin:0 10px}.form-details .recap>div span{letter-spacing:.05rem}.form-details .table{border:1px solid hsla(0,0%,52%,.3);padding:25px;width:100%}.form-details .table table{font-size:13px;width:100%}.form-details .table table thead{border-bottom:1px solid hsla(0,0%,52%,.6)}.form-details .table table thead th{padding:10px;text-align:center;vertical-align:middle}.form-details .table table thead th:first-child{text-align:left}.form-details .table table tbody tr{border-bottom:1px solid hsla(0,0%,52%,.3)}.form-details .table table tbody tr td{padding:10px;text-align:center;vertical-align:middle}.form-details .table table tbody tr td:first-child{text-align:left;text-transform:capitalize}.form-details .form{margin-top:25px;width:100%}.form-details .form .title{font-family:Verdana,sans-serif;font-weight:700;margin-bottom:25px;text-transform:uppercase}.form-details .form .form-group{font-size:12px;margin-bottom:10px;position:relative}.form-details .form .form-group.submit button{background:#444;border-radius:3px;color:#fff;font-size:12px;font-weight:700;letter-spacing:.05rem;padding:15px 35px;text-transform:uppercase}.form-details .form .form-group input,.form-details .form .form-group textarea{-webkit-appearance:none;-moz-appearance:none;appearance:none;background-clip:padding-box;background-color:#fff;border:1px solid #ced4da;border-radius:.25rem;color:#212529;display:block;font-size:1rem;font-size:12px;font-weight:400;height:45px;line-height:1.5;padding:10px 15px;transition:border-color .15s ease-in-out,box-shadow .15s ease-in-out;width:100%}.form-details .form .form-group input:focus,.form-details .form .form-group input:not(:placeholder-shown),.form-details .form .form-group textarea:focus,.form-details .form .form-group textarea:not(:placeholder-shown){padding-bottom:10px;padding-left:12px;padding-top:20px}.form-details .form .form-group input:focus+label,.form-details .form .form-group input:not(:placeholder-shown)+label,.form-details .form .form-group textarea:focus+label,.form-details .form .form-group textarea:not(:placeholder-shown)+label{opacity:.65;transform:scale(.85) translateY(-.5rem) translateX(.15rem)}.form-details .form .form-group input::placeholder,.form-details .form .form-group textarea::placeholder{color:transparent}.form-details .form .form-group input::-webkit-input-placeholder,.form-details .form .form-group textarea::-webkit-input-placeholder{color:transparent}.form-details .form .form-group input:-moz-placeholder,.form-details .form .form-group input::-moz-placeholder,.form-details .form .form-group textarea:-moz-placeholder,.form-details .form .form-group textarea::-moz-placeholder{color:transparent}.form-details .form .form-group input:-ms-input-placeholder,.form-details .form .form-group textarea:-ms-input-placeholder{color:transparent}.form-details .form .form-group label{border:1px solid transparent;height:100%;left:0;padding:1rem .75rem;pointer-events:none;position:absolute;top:0;transform-origin:0 0;transition:opacity .1s ease-in-out,transform .1s ease-in-out}.form-details .form textarea{min-height:80px;resize:vertical}@keyframes bg{0%{opacity:0;visibility:hidden}to{opacity:1;visibility:visible}}@keyframes bgcontent{0%{opacity:0;transform:translateY(50%)}to{opacity:1;transform:translateY(0)}}@media screen and (min-width:1024px){.form-details .form .list{display:flex;flex-wrap:wrap}.form-details .form .list .form-group:not(.message){flex:1 1 50%;margin:0;padding:5px}.form-details .form .list .form-group:not(.message) label{padding:20px}.form-details .form .list .form-group.message{flex:1 1 100%;width:100%}}