:root{--primary: #2563eb;--bg: #f9fafb;--text: #111827;--gray: #6b7280;--card: #ffffff}*{margin:0;padding:0;box-sizing:border-box;font-family:Inter,sans-serif}body{background-color:var(--bg);color:var(--text)}header{position:sticky;top:0;background:#fff;border-bottom:1px solid #e5e7eb;z-index:100}a{text-decoration:none}.navbar{max-width:1200px;margin:auto;padding:1rem 2rem;display:flex;align-items:center;gap:1rem;justify-content:space-between}.logo{font-size:1.4rem;font-weight:700;color:var(--primary)}.search{flex:1;max-width:400px}.search input{width:100%;padding:.6rem 1rem;border-radius:12px;border:1px solid #e5e7eb}.hero{max-width:1200px;margin:auto;padding:4rem 2rem;text-align:center}.hero h1{font-size:2.5rem;margin-bottom:1rem}.hero p{color:var(--gray);margin-bottom:2rem}.hero button{background:var(--primary);color:#fff;border:none;padding:.9rem 2rem;border-radius:14px;cursor:pointer}.categories{max-width:1200px;margin:auto;padding:2rem}.categories h2{font-size:1.8rem;margin-bottom:2rem}.grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(220px,1fr));gap:1.5rem}.category-card{background:var(--card);border-radius:18px;overflow:hidden;text-decoration:none;color:inherit;transition:.3s ease;border:1px #eaeaea solid}.category-card:hover{transform:translateY(-6px);box-shadow:0 20px 40px #0000001f}.category-card img{width:100%;height:180px;object-fit:cover}.category-info{padding:.5rem 1rem 1rem}.category-info span{color:var(--gray);font-size:.9rem}footer{background:#fff;border-top:1px solid #e5e7eb;margin-top:4rem}.footer-content{max-width:1200px;margin:auto;padding:2rem;display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:2rem}footer a{text-decoration:none;color:var(--gray);display:block;margin-bottom:.4rem}.footer-content h4{margin-bottom:10px;font-size:1.1rem}.footer-content a{display:block;text-decoration:none;margin-bottom:6px;font-size:.95rem}.footer-bottom{margin-top:30px;margin-bottom:30px;padding-top:15px;border-top:1px solid rgba(255,255,255,.15);text-align:center;font-size:.85rem;color:#9ca3af}@media(max-width:640px){.hero h1{font-size:1.8rem}.categories h2{font-size:1.4rem}.product-thumbs{overflow-x:auto}.navbar{padding:1rem .8rem}}.skeleton{background:linear-gradient(90deg,#e5e7eb 25%,#f3f4f6 37%,#e5e7eb 63%);background-size:400% 100%;animation:shimmer 1.4s ease infinite;border-radius:12px}@keyframes shimmer{0%{background-position:100% 0}to{background-position:-100% 0}}.skeleton-img{width:100%;height:420px}.skeleton-img-card{width:100%;height:180px}.skeleton-thumb{width:70px;height:70px}.skeleton-text{height:18px;margin-bottom:10px}.skeleton-title{height:32px;width:70%;margin-bottom:1rem}