@import url('https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;500;600&family=Noto+Sans+Arabic:wght@400;500;600;700&display=swap');
:root{color-scheme:dark}*{box-sizing:border-box}[hidden]{display:none!important}body{margin:0;background:#0b1012;color:#f1eee6;font:14px 'Noto Sans Arabic','DM Sans',sans-serif;line-height:1.8}header{display:flex;justify-content:space-between;align-items:center;padding:24px 6%;border-bottom:1px solid #ffffff18}header>a:first-child{font:22px 'DM Sans',sans-serif;letter-spacing:3px}header small{display:block;font-size:9px;letter-spacing:5px;margin-top:6px}a{color:#d6bd8c;text-decoration:none}.back{font-size:13px}main{max-width:1120px;margin:auto;padding:40px 24px 90px}.intro{margin-bottom:32px}.intro>p:first-child{font:10px 'DM Sans',sans-serif;letter-spacing:3px;color:#cbb689}.intro h1{font-size:38px;margin:12px 0}.intro p{color:#aeb9b9}.checkout-grid{display:grid;grid-template-columns:1.4fr 1fr;gap:28px;align-items:start}form,aside,#orderSuccess{background:#131d20;border:1px solid #ffffff18;padding:28px;border-radius:14px}h2{font-size:19px;margin:0 0 24px}label{display:block;margin:18px 0;font-weight:500;font-size:13px}label span{font-weight:400;font-size:11px;color:#839795}input,textarea{display:block;width:100%;border:1px solid #ffffff30;border-radius:7px;background:#0e1719;color:#f1eee6;padding:13px;margin-top:8px;font:14px 'Noto Sans Arabic',sans-serif}input:focus,textarea:focus{outline:2px solid #c7ae7c;outline-offset:2px}.privacy,.notice{font-size:12px;color:#a0b3b0;line-height:1.9}.notice{padding:14px;background:#c4ac7310;border-radius:6px}.error{color:#ffb5a9}button{width:100%;padding:14px;border:0;border-radius:7px;background:#d5bd8e;color:#171a17;font:600 15px 'Noto Sans Arabic',sans-serif;cursor:pointer}button:disabled{opacity:.5;cursor:wait}.summary-item{border-bottom:1px solid #ffffff15;padding:16px 0;display:flex;gap:12px;justify-content:space-between}.summary-item small{display:block;color:#96aaa7}.subtotal{display:flex;justify-content:space-between;font-size:17px;font-weight:600;margin:25px 0}.order-reference{font:24px 'DM Sans',sans-serif;color:#d5bd8e;direction:ltr}#checkoutStatus{color:#d5bd8e}#orderSuccess{max-width:650px;margin:30px auto;text-align:center}@media(max-width:720px){.checkout-grid{grid-template-columns:1fr}aside{order:-1}.intro h1{font-size:30px}main{padding:28px 16px}form,aside{padding:22px}}