@import url('https://fonts.googleapis.com/css2?family=Vazirmatn:wght@400;500;600;700;800&display=swap');
:root{font-family:Vazirmatn,Tahoma,sans-serif;color:#172033;background:#f5f7fb}*{box-sizing:border-box}body{margin:0}.top{background:#101a32;color:white;padding:14px max(4vw,16px);display:flex;align-items:center;justify-content:space-between;gap:12px;position:sticky;top:0;z-index:5}.brand,.actions,.row{display:flex;align-items:center;gap:12px}.mark{width:44px;height:44px;border-radius:13px;background:linear-gradient(135deg,#1e72c9,#e34b53);display:grid;place-items:center;font-size:25px;font-weight:800}.brand h1{font-size:18px;margin:0}.brand small{color:#c6d0e4}.button,button,.cta{font:inherit;cursor:pointer;border:0;border-radius:10px;padding:10px 15px;background:#1769c2;color:white}.outline{background:transparent;border:1px solid #8290a8;color:white}.cart{background:#e54e58}.hero{padding:55px 7vw;background:linear-gradient(115deg,#142343,#245c91);color:white}.hero h2{font-size:clamp(26px,5vw,42px);margin:12px 0}.hero p{color:#dce8f7}.eyebrow{color:#a9d3ff}.cta{display:inline-block;text-decoration:none;margin-top:12px;background:#e54e58}main{padding:30px max(4vw,16px);max-width:1250px;margin:auto}.section-head{display:flex;justify-content:space-between;align-items:center;gap:12px}.section-head h2{margin:0}.section-head p{margin:4px 0;color:#718096}input,textarea{font:inherit;padding:12px;border:1px solid #d7deea;border-radius:10px;width:100%;background:white}.section-head input{max-width:280px}.categories{display:flex;gap:8px;overflow:auto;padding:18px 0}.categories button{white-space:nowrap;background:#e6edf7;color:#29415f}.categories button.active{background:#1769c2;color:white}.grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(210px,1fr));gap:16px}.product{background:white;border:1px solid #e5eaf2;border-radius:16px;padding:17px;box-shadow:0 5px 20px #1720330a}.product .pic{height:115px;border-radius:12px;background:linear-gradient(135deg,#edf3fb,#dce7f5);display:grid;place-items:center;font-size:44px}.product h3{font-size:16px;min-height:48px}.muted{color:#748197;font-size:13px}.price{font-weight:800;color:#145ca9}.product button{width:100%;margin-top:10px}.status{text-align:center;color:#69788d;padding:18px}.total{padding:15px 0;font-weight:700}.total b{color:#1769c2}dialog{border:0;border-radius:18px;padding:24px;width:min(92vw,440px);box-shadow:0 20px 80px #0004}dialog::backdrop{background:#101a3280}dialog form{display:grid;gap:12px}.close{justify-self:end;background:#edf1f7;color:#333;padding:4px 12px;font-size:22px}.secondary{background:#e8edf5;color:#24344d}footer{text-align:center;padding:25px;color:#78859a}.cartline{display:flex;justify-content:space-between;gap:8px;padding:9px 0;border-bottom:1px solid #eee}.cartline button{padding:3px 9px;background:#f3e7e8;color:#a22}#authMessage,#checkoutMessage{color:#c43b45;font-size:13px}@media(max-width:600px){.top{align-items:flex-start}.actions{gap:6px}.actions button{font-size:12px;padding:8px}.section-head{align-items:stretch;flex-direction:column}.section-head input{max-width:none}.hero{padding:40px 6vw}}
