@import"https://fonts.googleapis.com/css2?family=Cairo:wght@300;400;500;600;700;800;900&display=swap";:root{--maroon: #6B1A1A;--gold: #C9973A;--bg-dark: #1B0606;--maroon-mid: #350D0D;--maroon-deep: #4B1212;--maroon-navy: #561515;--gold-light: #FFC44B;--gold-mid: #DDA640}*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}html{direction:rtl}body{font-family:Cairo,sans-serif;min-height:100vh;background:var(--bg-dark);display:flex;align-items:center;justify-content:center;padding:32px 16px;overflow-x:hidden;animation:fadeIn .6s ease}.bg-grid{position:fixed;top:0;right:0;bottom:0;left:0;background-image:linear-gradient(color-mix(in srgb,var(--gold) 3.5%,transparent) 1px,transparent 1px),linear-gradient(90deg,color-mix(in srgb,var(--gold) 3.5%,transparent) 1px,transparent 1px);background-size:52px 52px;pointer-events:none;z-index:0}.bg-orb{position:fixed;border-radius:50%;pointer-events:none;z-index:0}.bg-orb-1{width:640px;height:640px;background:radial-gradient(circle,color-mix(in srgb,var(--maroon) 35%,transparent) 0%,transparent 65%);top:-220px;right:-160px;filter:blur(70px);animation:drift1 13s ease-in-out infinite alternate}.bg-orb-2{width:480px;height:480px;background:radial-gradient(circle,color-mix(in srgb,var(--gold) 12%,transparent) 0%,transparent 65%);bottom:-140px;left:-100px;filter:blur(80px);animation:drift2 15s ease-in-out infinite alternate}.bg-orb-3{width:280px;height:280px;background:radial-gradient(circle,color-mix(in srgb,var(--gold-light) 7%,transparent) 0%,transparent 65%);top:50%;left:50%;transform:translate(-50%,-50%);filter:blur(90px);animation:drift1 10s ease-in-out infinite alternate-reverse}@keyframes drift1{0%{transform:translate(0)}to{transform:translate(40px,28px)}}@keyframes drift2{0%{transform:translate(0)}to{transform:translate(-28px,-18px)}}.page-wrap{position:relative;z-index:1;width:100%;max-width:460px}.header{text-align:center;margin-bottom:32px}.logo-ring{display:inline-flex;align-items:center;justify-content:center;width:72px;height:72px;border-radius:50%;background:color-mix(in srgb,var(--maroon) 40%,transparent);border:1.5px solid color-mix(in srgb,var(--gold) 40%,transparent);margin-bottom:14px;box-shadow:0 0 36px color-mix(in srgb,var(--gold) 15%,transparent),inset 0 0 20px color-mix(in srgb,var(--gold) 5%,transparent);animation:logoFloat 4s ease-in-out infinite}.logo-emoji{font-size:2.2rem}@keyframes logoFloat{0%,to{transform:translateY(0);box-shadow:0 0 32px color-mix(in srgb,var(--gold) 12%,transparent)}50%{transform:translateY(-6px);box-shadow:0 14px 44px color-mix(in srgb,var(--gold) 22%,transparent)}}.header-title{font-size:2rem;font-weight:900;background:linear-gradient(135deg,var(--gold-light) 0%,var(--gold) 60%,var(--gold-mid) 100%);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;letter-spacing:.5px}.header-sub{color:color-mix(in srgb,var(--gold) 45%,transparent);font-size:.82rem;font-weight:500;margin-top:6px;letter-spacing:.5px}.card{background:linear-gradient(145deg,color-mix(in srgb,var(--maroon) 22%,transparent),color-mix(in srgb,var(--maroon-mid) 18%,transparent),color-mix(in srgb,var(--maroon) 14%,transparent));backdrop-filter:blur(24px) saturate(1.3);-webkit-backdrop-filter:blur(24px) saturate(1.3);border:1px solid color-mix(in srgb,var(--gold) 20%,transparent);border-radius:28px;padding:28px 26px 32px;box-shadow:0 2px color-mix(in srgb,var(--gold-light) 6%,transparent) inset,0 -1px #00000059 inset,0 24px 60px #00000080,0 0 0 1px #00000040}.card-header{display:flex;align-items:center;gap:8px;margin-bottom:24px;padding-bottom:18px;border-bottom:1px solid color-mix(in srgb,var(--gold) 12%,transparent)}.card-header-icon{font-size:1.1rem}.card-header-text{font-size:.9rem;font-weight:700;color:color-mix(in srgb,var(--gold) 65%,transparent);letter-spacing:.3px}.field-row{display:grid;grid-template-columns:1fr 1fr;gap:14px}.field-group{margin-bottom:18px}.field-label{display:flex;align-items:center;gap:7px;color:color-mix(in srgb,var(--gold) 70%,transparent);font-size:.8rem;font-weight:700;margin-bottom:7px;letter-spacing:.2px}.label-dot{width:5px;height:5px;border-radius:50%;background:var(--gold);flex-shrink:0;box-shadow:0 0 6px color-mix(in srgb,var(--gold) 50%,transparent)}.input-wrap{position:relative}.input-suffix{position:absolute;left:14px;top:50%;transform:translateY(-50%);color:color-mix(in srgb,var(--gold) 35%,transparent);font-size:.78rem;font-weight:600;pointer-events:none}.field-input{width:100%;padding:11px 14px;background:color-mix(in srgb,var(--bg-dark) 60%,transparent);border:1.5px solid color-mix(in srgb,var(--maroon) 60%,transparent);border-radius:13px;font-family:Cairo,sans-serif;font-size:.95rem;font-weight:600;color:#e5f4f2;outline:none;transition:border-color .2s,box-shadow .2s,background .2s;-webkit-appearance:none;-moz-appearance:none;appearance:none}.field-input::placeholder{color:color-mix(in srgb,var(--gold) 20%,transparent)}.field-input:focus{border-color:color-mix(in srgb,var(--gold) 65%,transparent);background:color-mix(in srgb,var(--maroon) 15%,transparent);box-shadow:0 0 0 3px color-mix(in srgb,var(--gold) 10%,transparent),0 0 16px color-mix(in srgb,var(--gold) 6%,transparent)}input[type=date]{color-scheme:dark}input[type=date]::-webkit-calendar-picker-indicator{filter:invert(.7) sepia(.3) saturate(1.5) hue-rotate(160deg);cursor:pointer;opacity:.7}input[type=number]::-webkit-inner-spin-button,input[type=number]::-webkit-outer-spin-button{opacity:.4}.custom-select-wrap{position:relative}.custom-select-btn{width:100%;padding:11px 14px;background:color-mix(in srgb,var(--bg-dark) 60%,transparent);border:1.5px solid color-mix(in srgb,var(--maroon) 60%,transparent);border-radius:13px;font-family:Cairo,sans-serif;font-size:.95rem;font-weight:600;color:#e5f4f24d;cursor:pointer;display:flex;align-items:center;justify-content:space-between;gap:8px;outline:none;transition:border-color .2s,box-shadow .2s,background .2s;text-align:right}.custom-select-btn.has-value{color:#e5f4f2}.custom-select-btn:hover,.custom-select-btn:focus{border-color:color-mix(in srgb,var(--gold) 45%,transparent);background:color-mix(in srgb,var(--maroon) 12%,transparent)}.custom-select-btn.open{border-color:color-mix(in srgb,var(--gold) 65%,transparent);background:color-mix(in srgb,var(--maroon) 18%,transparent);box-shadow:0 0 0 3px color-mix(in srgb,var(--gold) 10%,transparent);border-bottom-left-radius:0;border-bottom-right-radius:0;border-bottom-color:color-mix(in srgb,var(--gold) 8%,transparent)}.custom-select-arrow{color:color-mix(in srgb,var(--gold) 45%,transparent);flex-shrink:0;display:flex;transition:transform .25s cubic-bezier(.4,0,.2,1)}.custom-select-btn.open .custom-select-arrow{transform:rotate(180deg);color:var(--gold)}.custom-dropdown{position:absolute;top:calc(100% - 1px);right:0;left:0;z-index:100;background:color-mix(in srgb,var(--bg-dark) 97%,transparent);backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);border:1.5px solid color-mix(in srgb,var(--gold) 28%,transparent);border-top:1px solid color-mix(in srgb,var(--gold) 7%,transparent);border-radius:0 0 14px 14px;box-shadow:0 20px 50px #000000a6,0 0 0 1px #0006,inset 0 1px color-mix(in srgb,var(--gold) 6%,transparent);overflow:hidden;opacity:0;transform:translateY(-6px);pointer-events:none;transition:opacity .2s ease,transform .2s cubic-bezier(.4,0,.2,1)}.custom-dropdown.open{opacity:1;transform:translateY(0);pointer-events:all}.dropdown-inner{max-height:220px;overflow-y:auto;padding:6px}.dropdown-inner::-webkit-scrollbar{width:4px}.dropdown-inner::-webkit-scrollbar-track{background:transparent}.dropdown-inner::-webkit-scrollbar-thumb{background:color-mix(in srgb,var(--gold) 20%,transparent);border-radius:4px}.dropdown-loading,.dropdown-empty{padding:16px;text-align:center;color:color-mix(in srgb,var(--gold) 40%,transparent);font-size:.85rem}.dropdown-option{padding:10px 14px;border-radius:9px;cursor:pointer;color:#e5f4f2b3;font-size:.9rem;font-weight:600;transition:background .15s,color .15s;display:flex;align-items:center;justify-content:space-between;gap:8px;border:1px solid transparent}.dropdown-option:hover{background:color-mix(in srgb,var(--maroon) 40%,transparent);color:#e5f4f2;border-color:color-mix(in srgb,var(--gold) 12%,transparent)}.dropdown-option.selected{background:color-mix(in srgb,var(--gold) 12%,transparent);color:var(--gold-light);border-color:color-mix(in srgb,var(--gold) 20%,transparent)}.dropdown-option .opt-check{font-size:.75rem;opacity:0;color:var(--gold)}.dropdown-option.selected .opt-check{opacity:1}.dropdown-option.out-of-stock{opacity:.4;cursor:not-allowed}.out-badge{font-size:.65rem;background:#c0505033;color:#e08080;border:1px solid rgba(192,80,80,.3);border-radius:4px;padding:1px 5px;margin-right:4px}.req-star{color:#e08080b3;font-size:.75rem}.total-preview{margin-bottom:18px;animation:slideDown .25s cubic-bezier(.4,0,.2,1)}@keyframes slideDown{0%{opacity:0;transform:translateY(-8px)}to{opacity:1;transform:translateY(0)}}.total-preview-inner{display:flex;align-items:center;justify-content:space-between;background:linear-gradient(135deg,color-mix(in srgb,var(--maroon) 35%,transparent),color-mix(in srgb,var(--gold) 8%,transparent));border:1px solid color-mix(in srgb,var(--gold) 25%,transparent);border-radius:14px;padding:14px 18px;box-shadow:inset 0 1px color-mix(in srgb,var(--gold-light) 5%,transparent)}.total-label{color:#e5f4f266;font-size:.82rem;font-weight:600}.total-right{display:flex;align-items:baseline;gap:6px}.total-value{font-size:1.7rem;font-weight:900;background:linear-gradient(135deg,var(--gold-light),var(--gold));-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;line-height:1}.total-currency{font-size:.85rem;font-weight:700;color:color-mix(in srgb,var(--gold) 50%,transparent)}.payment-toggle{display:flex;gap:10px}.pay-btn{flex:1;padding:12px;background:color-mix(in srgb,var(--bg-dark) 50%,transparent);border:1.5px solid color-mix(in srgb,var(--maroon) 50%,transparent);border-radius:13px;color:#e5f4f24d;font-family:Cairo,sans-serif;font-size:.9rem;font-weight:700;cursor:pointer;transition:all .2s cubic-bezier(.4,0,.2,1);display:flex;align-items:center;justify-content:center;gap:6px}.pay-btn:hover{border-color:color-mix(in srgb,var(--gold) 35%,transparent);color:#e5f4f2a6;background:color-mix(in srgb,var(--maroon) 15%,transparent)}.pay-btn.active{background:linear-gradient(135deg,color-mix(in srgb,var(--gold) 18%,transparent),color-mix(in srgb,var(--maroon) 25%,transparent));border-color:color-mix(in srgb,var(--gold) 50%,transparent);color:var(--gold-light);box-shadow:0 0 0 1px color-mix(in srgb,var(--gold) 12%,transparent) inset,0 4px 16px color-mix(in srgb,var(--gold) 10%,transparent)}.pay-icon{font-size:1rem}.field-error{color:#e08080;font-size:.75rem;font-weight:600;margin-top:5px;display:none;padding-right:4px}.field-error.show{display:block}.submit-error{color:#e08080;font-size:.85rem;background:#c0505014;border:1px solid rgba(192,80,80,.2);border-radius:12px;padding:11px 16px;margin-bottom:14px;display:none;animation:shake .4s ease;font-weight:600}.submit-error.show{display:block}.submit-btn{width:100%;padding:14px 20px;background:linear-gradient(135deg,var(--maroon) 0%,var(--maroon-navy) 60%,var(--maroon-mid) 100%);color:var(--gold-light);border:1px solid color-mix(in srgb,var(--gold) 30%,transparent);border-radius:15px;font-family:Cairo,sans-serif;font-size:1rem;font-weight:900;cursor:pointer;letter-spacing:.3px;transition:all .2s cubic-bezier(.4,0,.2,1);box-shadow:0 4px 20px color-mix(in srgb,var(--maroon) 50%,transparent),0 1px color-mix(in srgb,var(--gold-light) 10%,transparent) inset;display:flex;align-items:center;justify-content:center;gap:8px;position:relative;overflow:hidden}.submit-btn:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(135deg,color-mix(in srgb,var(--gold-light) 8%,transparent) 0%,transparent 60%);border-radius:inherit}.submit-btn:hover:not(:disabled){background:linear-gradient(135deg,color-mix(in srgb,var(--maroon) 85%,white) 0%,var(--maroon) 60%,var(--maroon-deep) 100%);box-shadow:0 6px 28px color-mix(in srgb,var(--maroon) 65%,transparent),0 1px color-mix(in srgb,var(--gold-light) 15%,transparent) inset;transform:translateY(-2px);color:#e5f4f2;border-color:color-mix(in srgb,var(--gold) 45%,transparent)}.submit-btn:active:not(:disabled){transform:translateY(0);box-shadow:0 2px 12px color-mix(in srgb,var(--maroon) 35%,transparent)}.submit-btn:disabled{opacity:.4;cursor:not-allowed;transform:none}.btn-loader .spin{animation:spin .8s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}.success-card{text-align:center;animation:fadeInUp .4s cubic-bezier(.4,0,.2,1);position:relative;overflow:hidden}.success-glow{position:absolute;width:300px;height:300px;background:radial-gradient(circle,color-mix(in srgb,var(--gold) 10%,transparent) 0%,transparent 70%);top:-100px;left:50%;transform:translate(-50%);pointer-events:none}@keyframes fadeInUp{0%{opacity:0;transform:translateY(24px)}to{opacity:1;transform:translateY(0)}}.success-icon-wrap{display:inline-flex;align-items:center;justify-content:center;width:80px;height:80px;border-radius:50%;background:color-mix(in srgb,var(--maroon) 35%,transparent);border:1.5px solid color-mix(in srgb,var(--gold) 35%,transparent);margin-bottom:20px;animation:successPop .5s cubic-bezier(.4,0,.2,1)}.success-icon{font-size:2.4rem}@keyframes successPop{0%{transform:scale(0);opacity:0}60%{transform:scale(1.15)}to{transform:scale(1);opacity:1}}.success-title{font-size:1.4rem;font-weight:900;background:linear-gradient(135deg,var(--gold-light),var(--gold));-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;margin-bottom:10px}.success-order{color:#e5f4f266;font-size:.9rem;font-weight:500}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes shake{0%,to{transform:translate(0)}20%{transform:translate(-5px)}40%{transform:translate(5px)}60%{transform:translate(-3px)}80%{transform:translate(3px)}}@media (max-width: 360px){.field-row{grid-template-columns:1fr}.header-title{font-size:1.7rem}}