@import"https://fonts.googleapis.com/css2?family=Tajawal:wght@200;300;400;500;700;800;900&display=swap";*{box-sizing:border-box;font-family:"Tajawal",sans-serif}body{color:#333;margin:0;padding:20px;background-image:url("/images/bg.png");background-size:cover;display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:100vh;overflow-x:hidden}body.order-page .card{width:100%;background-color:#fff;padding:20px;border-radius:12px;box-shadow:0 2px 10px rgba(0,0,0,.1);max-width:600px;margin:auto}body.order-page .info{display:flex;flex-direction:column;gap:8px;margin-top:20px}body.order-page .info p{margin:0;text-align:right;font-size:18px}body.order-page .fruits{margin-top:25px;background:#4caf50;border-radius:10px;padding:10px 20px;color:#fff;text-align:right}body.order-page .fruits ul{padding-right:0}body.order-page .fruits li{list-style:inside;padding:6px 0;border-bottom:1px solid #eee;font-weight:500}body.order-page img{display:block;margin:20px auto;width:200px;border-radius:35px;border:12px solid #204a22}body main{max-width:520px;width:calc(100% - 10px)}body .step{width:100%;display:none;border-radius:16px}body .step.active{display:block}body .step.active#step1{padding:20px;display:flex;background:#fff;box-shadow:0 4px 10px rgba(0,0,0,.05)}body .step.active#step2,body .step.active#step4,body .step.active#step5{display:flex}body .step h2{font-size:24px;font-weight:800;color:#573512;text-align:center}body .step#step1{flex-direction:column;gap:20px}body .step#step2{flex-direction:column;gap:10px}body .step#step4{min-height:calc(100vh - 80px);flex-direction:column;justify-content:space-between}body .step#step5{min-height:calc(100vh - 80px);flex-direction:column;justify-content:space-between}body .step#step5 .ok{display:flex;flex-direction:column;justify-content:center;align-items:center;gap:2px}body .step#step5 .ok h4{margin:0 !important;font-size:24px;color:#204a22}body .step#step5 .ok p{font-size:16px;color:#6b4000;font-weight:500}body .step#step5 #qrcode{margin:auto;border-radius:35px;border:12px solid #204a22}body .step#step5 .details{display:flex;flex-direction:column;justify-content:center;gap:10px;align-items:center;background-color:hsla(0,0%,100%,.0823529412);-webkit-backdrop-filter:blur(50px);backdrop-filter:blur(50px);padding:25px 20px;border-radius:20px;font-size:24px;font-weight:700;box-shadow:0 4px 10px rgba(0,0,0,.05)}body .step h3{font-size:22px;font-weight:800;color:#fff;text-align:right;margin:10px 0}body .step .select-box{display:flex;justify-content:space-between;align-items:center;gap:30px}body .step .select-box label{position:relative;font-size:24px;color:#fff;font-weight:700}body .step .select-box label:before{content:"";position:absolute;background-image:url("/images/leaves.svg");background-size:cover;height:80px;width:80px;z-index:-1;top:50%;left:50%;transform:translate(-50%, -50%)}body .step .select-box input,body .step .select-box select{border-radius:16px;border:1px solid #fff}body .step .select-box input:disabled,body .step .select-box select:disabled{background-color:#ddd;cursor:not-allowed}body .step .slider-container{position:relative;width:100%;max-width:400px;margin:20px auto}body .step .slider-container::-webkit-scrollbar{display:none}body .step .slider-wrapper{position:relative;display:flex;transition:transform .2s ease-in-out;overflow:auto;width:calc(100% + 50px);right:-25px;padding-right:10px;padding-left:20px}body .step .slider-wrapper::-webkit-scrollbar{display:none}body .step .card-slide{position:relative;width:300px;height:500px;border-radius:25px;background-size:120%;background-position:center;background-repeat:no-repeat;position:relative;flex-shrink:0;cursor:grab;transition:transform .3s;transform:scale(0.9)}body .step .card-slide.active{transform:scale(1)}body .step .card-slide.disabled::after{content:"";position:absolute;width:100%;height:100%;background-color:rgba(0,0,0,.4);border-radius:25px}body .step .card-slide.selected{border:4px solid #ff9800}body .step .card-slide:last-of-type{margin-left:20px}body .step .card-slide span.main{position:absolute;right:0;top:0;padding:15px;padding-top:12px;background-color:#ff9800;color:#fff;border-top-right-radius:20px;border-top-left-radius:0px;border-bottom-right-radius:0px;border-bottom-left-radius:25px;font-size:14px}body .step .card-slide span.soon{position:absolute;left:50%;transform:translateX(-50%);top:20px;padding:10px 15px;height:-moz-fit-content;height:fit-content;width:-moz-fit-content;width:fit-content;background-color:#fff;color:#000;border-radius:8px;font-size:16px;font-weight:700;z-index:2}body .step .card-content{width:calc(100% - 32px);position:absolute;bottom:15px;left:15px;color:#fff;text-shadow:0 0 5px rgba(0,0,0,.7);-webkit-user-select:none;user-select:none;-webkit-user-drag:none;-moz-user-select:none;-ms-user-select:none;user-drag:none}body .step .card-content h3{margin-bottom:5px;color:#70bf73}body .step p{margin:0;color:#fff}body .step .slider-pagination{text-align:center;margin-top:10px;-webkit-user-select:none;user-select:none;-webkit-user-drag:none;-moz-user-select:none;-ms-user-select:none;user-drag:none}body .step .slider-pagination .dot{display:inline-block;width:10px;height:10px;background:#fff;border-radius:50%;margin:0 5px;cursor:pointer;-webkit-user-select:none;user-select:none;-webkit-user-drag:none;-moz-user-select:none;-ms-user-select:none;user-drag:none}body .step .slider-pagination .dot.active{background:#459f49}body input,body select,body button{display:block;width:100%;padding:12px 15px;margin:8px 0;border:1px solid #ddd;border-radius:16px;font-size:16px;font-family:"Tajawal",sans-serif}body select{border-radius:16px;border:1px solid #fff}body .form-group{margin-bottom:15px}body .form-group label{display:block;margin-bottom:8px;font-weight:600;font-size:14px;color:#b16c05}body .form-group input,body .form-group select{margin:0}body #map,body #map-farms{height:220px !important;margin:15px 0;border-radius:10px;overflow:hidden}body button{margin-top:20px;background:linear-gradient(to left, #459f49, #459f49, #e8d636);color:#fff;border:none;cursor:pointer;font-weight:700}body button:disabled,body button.disabled{opacity:.5;cursor:not-allowed}body #fruits-container{background-color:#4caf50;padding:20px;border-radius:20px}body #fruits-container .fruit-row{display:flex;justify-content:space-between;align-items:end;gap:10px}body #fruits-container .fruit-row .fruit-box,body #fruits-container .fruit-row .input-box{position:relative;display:flex;flex-direction:column}body #fruits-container .fruit-row .fruit-box input,body #fruits-container .fruit-row .fruit-box select,body #fruits-container .fruit-row .input-box input,body #fruits-container .fruit-row .input-box select{margin:0 !important}body #fruits-container .fruit-row .fruit-box select,body #fruits-container .fruit-row .input-box select{width:-moz-fit-content;width:fit-content}body #fruits-container .fruit-row .fruit-box label,body #fruits-container .fruit-row .input-box label{font-size:16px;color:#fff;margin-bottom:6px}body #fruits-container .fruit-row .input-box{width:100%}body #fruits-container .fruit-row .input-box input{width:100% !important;font-size:18px;font-weight:500}body #fruits-container .fruit-row .add,body #fruits-container .fruit-row .less{position:absolute;right:10px;bottom:5px;padding:0 !important;width:-moz-fit-content !important;width:fit-content !important;background-image:unset;color:#000;font-size:32px;font-weight:500;margin:0 !important}body #fruits-container .fruit-row .less{right:unset;left:10px}body #fruits-container .fruit-row .delete{display:flex;justify-content:center;align-items:center;padding:5px !important;width:-moz-fit-content !important;width:fit-content !important;border-radius:10px;background-color:#fff;color:#ff4c2c;background-image:unset;margin:0 !important;min-height:48px}body #fruits-container .fruit-row .delete img{width:30px}body #fruits-container #addFruit{background-image:unset;background-color:unset;border:2px solid #fff;display:flex;align-items:center;justify-content:center;gap:10px;color:#edf7ee}body .map{height:200px;border-radius:10px;margin:10px 0;background:#eaeaea}body .card{background:#f1f1f1;border-radius:10px;padding:15px;margin:10px 0;text-align:center;cursor:pointer}body .card.active{background:#007bff;color:#fff}body .card.disabled{opacity:.5;cursor:not-allowed}body .swal-confirm-btn{background-color:#459f49 !important;color:#fff !important}/*# sourceMappingURL=style.css.map */