*{box-sizing:border-box}body{margin:0;font-family:Tajawal,Arial,sans-serif;background:#f4f8f5;color:#173a27}.top{background:#174f32;color:#fff;text-align:center;padding:11px 15px;font-weight:700;font-size:14px}.nav{height:72px;background:#fff;border-bottom:1px solid #e1ebe4;display:flex;align-items:center;justify-content:center}.logo{direction:ltr;display:flex;align-items:center;gap:9px;color:#174f32}.logo span{display:grid;place-items:center;width:38px;height:38px;background:#1c7546;color:#fff;border-radius:9px;font-size:24px}.logo b{display:block;font-size:24px;line-height:1}.logo small{display:block;font-size:8px;letter-spacing:2px;margin-top:4px;color:#71867a}main{min-height:calc(100vh - 115px);display:grid;place-items:center;padding:30px 16px}.card{width:min(920px,100%);display:grid;grid-template-columns:1.05fr .95fr;background:#fff;border:1px solid #dfeae3;border-radius:22px;overflow:hidden;box-shadow:0 18px 55px rgba(22,79,49,.10);direction:ltr}.visual{background:linear-gradient(145deg,#fbfdfb,#edf6f0);display:grid;place-items:center;padding:25px}.visual img{display:block;width:min(100%,470px);height:auto;mix-blend-mode:multiply}.order{direction:rtl;padding:44px 40px;display:flex;flex-direction:column;justify-content:center}.price{font-size:34px;font-weight:800;color:#174f32;text-align:center;margin-bottom:8px}.instruction{text-align:center;font-size:18px;font-weight:700;line-height:1.7;margin:0 0 22px;color:#263f30}label{display:block;font-size:14px;font-weight:700;margin-top:13px}input{width:100%;margin-top:7px;border:1.5px solid #d4e0d7;border-radius:12px;padding:14px;font:inherit;outline:0;background:#fbfdfc}input:focus{border-color:#398158;box-shadow:0 0 0 3px #e6f3ea}button{width:100%;border:0;background:#1c7043;color:#fff;border-radius:13px;padding:15px;margin-top:20px;font:800 17px Tajawal,Arial,sans-serif;cursor:pointer;box-shadow:0 8px 22px rgba(28,112,67,.22)}button:disabled{opacity:.65}.error{background:#fff0f0;color:#9b2525;padding:11px;border-radius:10px;margin-top:12px;text-align:center}@media(max-width:720px){.nav{height:62px}.logo b{font-size:21px}.logo span{width:34px;height:34px}.top{font-size:13px}.card{grid-template-columns:1fr;border-radius:17px}.visual{padding:15px 15px 4px}.visual img{width:min(92%,390px)}.order{padding:20px 20px 27px}.price{font-size:30px}.instruction{font-size:17px;margin-bottom:16px}main{padding:16px 11px}}