@font-face{font-family:'YekanBakh';src:url('../fonts/YekanBakhFaNum-Light.woff2') format('woff2');font-weight:300;font-style:normal;font-display:swap}@font-face{font-family:'YekanBakh';src:url('../fonts/YekanBakhFaNum-Regular.woff2') format('woff2');font-weight:400;font-style:normal;font-display:swap}@font-face{font-family:'YekanBakh';src:url('../fonts/YekanBakhFaNum-SemiBold.woff2') format('woff2');font-weight:600;font-style:normal;font-display:swap}@font-face{font-family:'YekanBakh';src:url('../fonts/YekanBakhFaNum-Bold.woff2') format('woff2');font-weight:700;font-style:normal;font-display:swap}*{box-sizing:border-box}body{margin:0;background:#f6f7fb;color:#172033;font-family:'YekanBakh',sans-serif}button,input,select,textarea{font-family:'YekanBakh',sans-serif}.topbar{height:78px;background:#fff;border-bottom:1px solid #e7eaf0;display:flex;align-items:center;justify-content:space-between;padding:0 max(24px,calc((100vw - 1180px)/2));position:sticky;top:0;z-index:20}.brand{display:flex;gap:11px;align-items:center;color:inherit;text-decoration:none}.brand-mark{width:42px;height:42px;border-radius:13px;background:#1d4ed8;color:#fff;display:grid;place-items:center;font-weight:800}.brand b,.brand small{display:block}.brand small{color:#7a8497;margin-top:3px}.top-actions{display:flex;gap:10px}.ghost,.cart-btn{border:1px solid #dfe3ea;background:#fff;border-radius:10px;padding:10px 15px;text-decoration:none;color:#263248;font:inherit}.cart-btn{background:#172033;color:#fff;border-color:#172033;cursor:pointer}.cart-btn span{background:#fff;color:#172033;border-radius:99px;padding:2px 7px;margin-right:7px}.hero{max-width:1180px;margin:28px auto 20px;background:linear-gradient(135deg,#102a63,#1d4ed8 65%,#3676f6);border-radius:28px;padding:50px;color:#fff;display:grid;grid-template-columns:1.5fr .7fr;gap:40px;box-shadow:0 22px 60px rgba(29,78,216,.18)}.eyebrow{display:inline-block;background:#ffffff1c;border:1px solid #ffffff33;padding:7px 12px;border-radius:99px}.hero h1{font-size:36px;line-height:1.6;margin:15px 0 6px}.hero p{color:#dbe7ff}.search{display:flex;max-width:620px;margin-top:25px;background:#fff;border-radius:13px;padding:5px}.search input{flex:1;border:0;outline:0;padding:12px;font:inherit}.search button{border:0;background:#172033;color:#fff;border-radius:10px;padding:0 22px;font:inherit}.hero-card{background:#ffffff12;border:1px solid #ffffff2b;border-radius:19px;padding:22px;display:flex;flex-direction:column;gap:13px}.hero-card b{font-size:18px;margin-bottom:5px}.hero-card span:before{content:'✓';margin-left:8px;color:#9ae6b4}.container{max-width:1180px;margin:34px auto 70px}.section-head{display:flex;justify-content:space-between;align-items:end}.section-head h2{margin:0;font-size:25px}.section-head p{margin:6px 0 0;color:#7a8497}.products{display:grid;grid-template-columns:repeat(3,1fr);gap:20px;margin-top:20px}.product{background:#fff;border:1px solid #e5e8ef;border-radius:18px;overflow:hidden;transition:.2s;display:flex;flex-direction:column}.product:hover{transform:translateY(-3px);box-shadow:0 15px 35px rgba(20,31,54,.08)}.product-image{height:240px;background:#eef2f7;position:relative;display:grid;place-items:center}.product-image img{width:100%;height:100%;object-fit:contain;padding:15px}.placeholder{color:#9aa4b5;font-size:18px}.badge{position:absolute;top:14px;right:14px;background:#e9fbf0;color:#15803d;border-radius:99px;padding:6px 10px;font-size:12px}.product-body{padding:18px;display:flex;flex-direction:column;flex:1}.code{color:#7a8497;font-size:12px}.product h3{margin:6px 0 10px;font-size:19px}.desc{color:#687387;line-height:1.85;font-size:13px;min-height:48px}.meta{display:flex;gap:8px;flex-wrap:wrap;margin:14px 0}.meta span{background:#f5f7fa;border-radius:8px;padding:6px 8px;font-size:11px;color:#5d687b}.product-foot{margin-top:auto;border-top:1px solid #edf0f4;padding-top:15px;display:flex;align-items:center;justify-content:space-between;gap:10px}.price{font-weight:800;font-size:18px}.price small{font-weight:400;font-size:11px;color:#7a8497}.price span{font-size:13px;color:#b45309}.add-cart,.checkout,.auth-form button{border:0;background:#1d4ed8;color:#fff;border-radius:10px;padding:10px 13px;font:inherit;cursor:pointer;text-decoration:none;text-align:center}.add-cart:disabled{opacity:.45;cursor:not-allowed}.drawer{position:fixed;top:0;left:-440px;width:min(420px,92vw);height:100%;background:#fff;z-index:50;transition:.25s;box-shadow:20px 0 70px #0002;display:flex;flex-direction:column}.drawer.open{left:0}.overlay{position:fixed;inset:0;background:#10182877;z-index:40;display:none}.overlay.show{display:block}.drawer-head,.drawer-foot{padding:20px;border-bottom:1px solid #e8ebf0}.drawer-head{display:flex;justify-content:space-between;align-items:center}.drawer-head button{border:0;background:none;font-size:28px}.drawer-foot{margin-top:auto;border-top:1px solid #e8ebf0;border-bottom:0}.cart-items{padding:14px;overflow:auto}.cart-row{display:grid;grid-template-columns:64px 1fr auto;gap:12px;padding:12px 0;border-bottom:1px solid #edf0f4}.cart-row img,.cart-thumb{width:64px;height:64px;object-fit:contain;background:#f1f4f8;border-radius:10px}.cart-row h4{margin:3px 0 7px}.qty{display:flex;gap:7px;align-items:center}.qty button{width:27px;height:27px;border:1px solid #dde2e9;background:#fff;border-radius:7px}.remove{border:0;background:none;color:#c2410c;cursor:pointer}.total{display:flex;justify-content:space-between;margin-bottom:15px}.empty{text-align:center;background:#fff;border-radius:14px;padding:35px;color:#7a8497;grid-column:1/-1}.checkout-wrap{max-width:1120px;margin:36px auto;padding:0 18px}.steps{display:flex;gap:10px;margin-bottom:22px}.steps span{background:#fff;border:1px solid #e4e8ee;padding:10px 15px;border-radius:99px;color:#7a8497}.steps .active{background:#eaf1ff;color:#1d4ed8;border-color:#cad9ff}.checkout-grid{display:grid;grid-template-columns:1fr 320px;gap:20px}.checkout-main{display:flex;flex-direction:column;gap:18px}.panel{background:#fff;border:1px solid #e5e8ef;border-radius:16px;padding:22px}.panel h2,.panel h3{margin-top:0}.summary{height:max-content}.summary>div{display:flex;justify-content:space-between;margin:16px 0}.checkout-item{display:grid;grid-template-columns:70px 1fr auto;gap:14px;align-items:center;padding:12px 0;border-bottom:1px solid #edf0f4}.checkout-item img,.checkout-item .cart-thumb{width:70px;height:70px;object-fit:contain}.tabs{display:flex;gap:8px;margin-bottom:16px}.tab{border:1px solid #dfe3ea;background:#fff;padding:9px 17px;border-radius:9px;font:inherit}.tab.active{background:#172033;color:#fff}.auth-form{display:grid;gap:13px}.auth-form label{display:grid;gap:6px;color:#475467}.auth-form input{height:42px;border:1px solid #d7dce5;border-radius:9px;padding:0 11px;font:inherit}.two{display:grid;grid-template-columns:1fr 1fr;gap:12px}.hidden{display:none}.form-error{color:#b42318;font-size:13px}.signed{background:#ecfdf3;color:#067647;border-radius:10px;padding:14px}.payment-panel.locked{opacity:.55}.gateway{display:flex;align-items:center;gap:13px;border:1px solid #e1e5eb;border-radius:12px;padding:15px}.gateway-logo{width:46px;height:46px;border-radius:11px;background:#f5a300;color:#fff;display:grid;place-items:center;font-weight:800}.gateway b,.gateway small{display:block}.gateway small{color:#7a8497;margin-top:4px}.soon{margin-right:auto;color:#b45309;background:#fff7ed;border-radius:99px;padding:5px 9px;font-size:11px}.demo-note{background:#fffaeb;color:#854a0e;padding:12px;border-radius:10px;margin:14px 0;font-size:13px}.pay-disabled{width:100%;border:0;border-radius:10px;padding:12px;background:#d6dae2;color:#8a93a3}.payment-preview{max-width:560px;margin:80px auto}.payment-preview .checkout{display:block;margin-top:20px}@media(max-width:850px){.hero{margin:15px;grid-template-columns:1fr;padding:30px}.hero-card{display:none}.products{grid-template-columns:repeat(2,1fr)}.container{margin:25px 15px}.checkout-grid{grid-template-columns:1fr}.summary{order:-1}}@media(max-width:560px){.topbar{height:68px;padding:0 12px}.brand small,.ghost{display:none}.hero h1{font-size:26px}.products{grid-template-columns:1fr}.product-image{height:210px}.two{grid-template-columns:1fr}.steps{overflow:auto}.search button{padding:0 12px}}
