:root {
  --brand: #1f6feb;
}
body { font-family: 'Segoe UI', Roboto, Arial, sans-serif; color: #222; }
.top-bar { background: #14213d; color: #fff; }
.footer-link { color: #cfd8dc; text-decoration: none; }
.footer-link:hover { color: #fff; }
.cart-badge { position: absolute; top: -4px; right: -10px; font-size: .6rem; }

/* Hero */
.hero-banner { background-size: cover; background-position: center; border-radius: .5rem; overflow: hidden; }
.hero-banner img { width: 100%; height: 100%; object-fit: cover; }

/* Category grid */
.category-card { text-align: center; text-decoration: none; color: #222; transition: transform .15s; }
.category-card:hover { transform: translateY(-4px); }
.category-card img { width: 100%; aspect-ratio: 1/1; object-fit: cover; border-radius: 50%; border: 1px solid #eee; }
.category-card span { display: block; margin-top: .5rem; font-size: .9rem; font-weight: 500; }

/* Product cards */
.product-card { border: 1px solid #eee; border-radius: .5rem; overflow: hidden; transition: box-shadow .15s; height: 100%; }
.product-card:hover { box-shadow: 0 4px 16px rgba(0,0,0,.08); }
.product-card .product-img-wrap { aspect-ratio: 1/1; overflow: hidden; background: #fafafa; display: flex; align-items: center; justify-content: center; }
.product-card img { width: 100%; height: 100%; object-fit: contain; }
.product-card .price-mrp { text-decoration: line-through; color: #888; font-size: .85rem; }
.product-card .price-now { font-weight: 700; color: #14213d; font-size: 1.05rem; }
.badge-discount { background: #e63946; color: #fff; font-size: .7rem; }
.badge-cod { background: #2a9d8f; color: #fff; font-size: .7rem; }

/* Product detail gallery */
.thumb-img { width: 70px; height: 70px; object-fit: cover; border: 1px solid #ddd; border-radius: .3rem; cursor: pointer; }
.thumb-img.active { border-color: var(--brand); border-width: 2px; }
.main-product-img { width: 100%; aspect-ratio: 1/1; object-fit: contain; border: 1px solid #eee; border-radius: .5rem; background: #fafafa; }

/* Testimonial */
.testimonial-card { border-radius: .5rem; background: #f8f9fa; padding: 1.25rem; height: 100%; }

/* Misc */
.section-title { font-weight: 700; margin-bottom: 1.25rem; border-left: 4px solid var(--brand); padding-left: .6rem; }