*{box-sizing:border-box}body{font-family:Arial,Helvetica,sans-serif;margin:0;background:#f6f7f8;color:#222}
.header{display:flex;justify-content:space-between;align-items:center;padding:14px 20px;background:#111}
.logo{height:44px}
.admin-link{background:#ff6a00;color:#fff;padding:8px 12px;border-radius:6px;text-decoration:none;font-weight:700}
.container{max-width:1100px;margin:28px auto;padding:0 16px}
.hero{position:relative;border-radius:8px;overflow:hidden}
.hero img{width:100%;height:300px;object-fit:cover;display:block}
.hero-text{position:absolute;left:28px;bottom:28px;color:#fff;text-shadow:0 3px 12px rgba(0,0,0,0.5)}
.product-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(220px,1fr));gap:16px;margin-top:12px}
.card{background:#fff;padding:12px;border-radius:8px;box-shadow:0 6px 18px rgba(0,0,0,0.04)}
.card img{width:100%;height:140px;object-fit:cover;border-radius:6px}
.footer{padding:18px;text-align:center;color:#666;margin-top:28px}