body{margin:0;font-family:Segoe UI;background:#f4f6f8}
.top-header{background:#1e3c72;color:#fff;padding:15px 25px;
display:flex;justify-content:space-between;align-items:center}
.gear{font-size:22px;cursor:pointer;margin-right:15px}
.cart-btn{background:#25D366;padding:8px 12px;border-radius:6px;cursor:pointer}

nav{background:#fff;padding:12px;text-align:center}
nav a{margin:0 15px;color:#1e3c72;text-decoration:none;font-weight:600}

.slider{height:300px;position:relative}
.slide{position:absolute;inset:0;background-size:cover;background-position:center;
opacity:0;transition:1s}
.slide.active{opacity:1}
.slide-text{position:absolute;bottom:20px;left:20px;
background:rgba(0,0,0,.6);color:#fff;padding:10px;border-radius:8px}

.container{max-width:1200px;margin:auto;padding:30px}
.products{display:grid;grid-template-columns:repeat(auto-fit,260px);
gap:20px;justify-content:center}
.card{background:#fff;border-radius:15px;padding:15px;
box-shadow:0 6px 15px rgba(0,0,0,.15)}
.card img{width:100%;height:180px;object-fit:cover;border-radius:10px}

button{background:#1e3c72;color:#fff;border:none;padding:10px;border-radius:6px}

.cart{position:fixed;right:0;top:0;width:300px;height:100%;
background:#fff;padding:15px;transform:translateX(100%);
transition:.3s}
.cart.open{transform:translateX(0)}

.page{display:none}
.page.active{display:block}

footer{background:#1e3c72;color:#fff;text-align:center;padding:20px}