body { font-family: Arial; background:#f5f5f5; margin:0; }
header { background:#ff9900; color:white; padding:15px; display:flex; justify-content:space-between; align-items:center; }
nav a { margin-left:15px; color:white; text-decoration:none; font-weight:bold; }
.container { padding:20px; }
.hero-banner img { border-radius:8px; margin-bottom:20px; width:100%; }
.categories { display:flex; gap:10px; margin-bottom:20px; flex-wrap:wrap; }
.categories button { flex:1; background:#ff9900; color:white; border:none; padding:10px; border-radius:5px; cursor:pointer; min-width:120px; }
.row { display:flex; flex-wrap:wrap; gap:15px; }
.product { flex:1 1 200px; text-align:center; padding:10px; background:white; border-radius:8px; position:relative; }
.product img { max-width:100%; border-radius:5px; }
button { background:#ff9900; color:white; border:none; padding:10px; cursor:pointer; border-radius:5px; margin-top:5px; }
.review { font-size:0.85em; color:#555; margin-top:5px; }
.flash-deal { border:2px solid #ff0000; padding:5px; color:red; position:absolute; top:10px; left:10px; font-weight:bold; border-radius:3px; }
@media(max-width:768px){ .row{flex-direction:column;} .categories button{flex:100%;} }