:root{--primary:#2563eb;--primary-dark:#1e40af;--bg-color:#f8fafc;--card-bg:#fff;--text-main:#1e293b;--text-muted:#64748b;--border:#e2e8f0;--shadow:0 4px 6px -1px rgba(0,0,0,.1),0 2px 4px -2px rgba(0,0,0,.1);--radius:16px}*{box-sizing:border-box;-webkit-tap-highlight-color:transparent}body{margin:0;font-family:Cairo,system-ui,sans-serif;background-color:var(--bg-color);color:var(--text-main);padding:0 0 80px}a{text-decoration:none;color:inherit}.container{max-width:1200px;margin:0 auto;padding:16px}.card{background:var(--card-bg);border-radius:var(--radius);border:1px solid var(--border);padding:16px;box-shadow:var(--shadow);transition:transform .2s,box-shadow .2s}.card:hover{transform:translateY(-2px);box-shadow:0 10px 15px -3px rgba(0,0,0,.1)}.grid{display:grid;grid-gap:16px;gap:16px;grid-template-columns:repeat(auto-fill,minmax(280px,1fr))}.btn{display:inline-flex;align-items:center;justify-content:center;padding:10px 16px;border-radius:12px;font-weight:700;cursor:pointer;border:none;background:#f1f5f9;color:var(--text-main);transition:all .2s;font-size:14px}.btn:active{transform:scale(.96)}.btnPrimary{background:var(--primary);color:#fff;box-shadow:0 4px 10px rgba(37,99,235,.3)}.btnPrimary:hover{background:var(--primary-dark)}.input{width:100%;padding:12px 16px;border-radius:12px;border:1px solid var(--border);background:#fff;font-family:inherit;font-size:15px;outline:none;transition:border-color .2s}.input:focus{border-color:var(--primary)}.row{gap:12px;align-items:center;flex-wrap:wrap}.col,.row{display:flex}.col{flex-direction:column;gap:8px}.badge,.muted{color:var(--text-muted)}.badge{background:#f1f5f9;padding:4px 10px;border-radius:20px;font-size:12px;font-weight:700}.home-hero{background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;padding:34px 0 44px}.home-hero-inner{max-width:800px;margin:0 auto;text-align:center}.home-hero-title{font-size:32px;font-weight:900;margin-bottom:10px}.home-hero-subtitle{font-size:16px;opacity:.9;margin-bottom:18px;line-height:1.6}.home-search-wrapper{max-width:720px;margin:0 auto}.home-search-bar{background:#fff;border-radius:999px;padding:4px;box-shadow:0 10px 25px rgba(0,0,0,.1);display:flex;align-items:center;gap:8px}.home-search-input{flex:1 1;border:none;outline:none;padding:10px 16px;font-size:14px;border-radius:999px}.home-search-button{border-radius:999px;border:none;background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;font-weight:600;padding:10px 20px;cursor:pointer;font-size:14px;white-space:nowrap}.category-strip{display:flex;gap:8px;overflow-x:auto;padding:6px 2px 10px;margin-bottom:4px;scroll-behavior:smooth}.category-strip::-webkit-scrollbar{display:none}.category-pill{display:inline-flex;align-items:center;gap:6px;padding:6px 14px;border-radius:999px;border-width:1px;border-style:solid;background:#fff;font-size:13px;cursor:pointer;white-space:nowrap}.category-icon{font-size:15px}.home-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(260px,1fr));grid-gap:16px;gap:16px}@media (max-width:768px){.hide-on-mobile{display:none!important}.grid{grid-template-columns:1fr}.container{padding:12px}.home-hero{padding:22px 0 30px}.home-hero-title{font-size:26px}.home-hero-subtitle{font-size:14px;margin-bottom:14px}.home-search-bar{box-shadow:0 6px 16px rgba(0,0,0,.15)}.home-search-input{font-size:13px;padding:8px 12px}.home-search-button{padding:8px 16px;font-size:13px}.home-grid{grid-template-columns:1fr}.home-card img{height:170px}}