body { margin:0; font-family:'Segoe UI', Tahoma, sans-serif; background:#f7f7f7; }

/* ---------- Navbar ---------- */
.navbar{
    position:sticky; top:0; z-index:1000;
    background:#2d6a4f;            /* ✅ match policy navbar */
    color:#fff; padding:12px 20px;
    display:flex; justify-content:space-between; align-items:center;
    flex-wrap:wrap;
}
.navbar .logo {
    color:#fff; font-size:18px; font-weight:bold;
    text-decoration:none; display:flex; align-items:center;
}
.navbar .logo img { height:40px; margin-right:8px; }
.nav-links { display:flex; align-items:center; gap:15px; }
.nav-links a {
    color:#fff; text-decoration:none; font-weight:bold;
    position:relative; transition:color .3s;
}
.nav-links a::after{
    content:''; position:absolute; left:0; bottom:-5px;
    width:0; height:2px; background:#ffb703;   /* ✅ yellow hover */
    transition:width .3s;
}
.nav-links a:hover { color:#ffb703; }
.nav-links a:hover::after{ width:100%; }
.cart-icon { position:relative; }
.cart-count {
    position:absolute; top:-8px; right:-12px;
    background:#e53935; color:#fff; font-size:12px;
    border-radius:50%; padding:2px 6px;
}
.search-bar input {
    padding:6px 10px; border:none; border-radius:6px;
}

/* ---------- Layout ---------- */
.page-wrapper { display:flex; }
.sidebar {
    position:sticky; top:70px;
    width:220px;
    background:#2d6a4f;            /* ✅ match policy navbar */
    color:#fff;
    padding:20px;
    height:calc(100vh - 60px);
    overflow-y:auto;
}
.sidebar h2 { font-size:18px; margin-bottom:15px; }
.sidebar a {
    display:block; padding:8px 10px; margin-bottom:8px;
    background:rgba(255,255,255,0.15);
    color:#fff; border-radius:6px;
    text-decoration:none; transition:0.3s;
}
.sidebar a:hover,
.sidebar a.active {
    background:rgba(255,255,255,0.35);
}

.content { flex:1; padding:20px; }
.product-list {
    display:grid;
    grid-template-columns:repeat(auto-fit,minmax(250px,1fr));
    gap:20px;
}

/* ---------- Product Card ---------- */
.product-card {
    background:#fff; border-radius:12px; box-shadow:0 4px 8px rgba(0,0,0,0.1);
    padding:15px; text-align:center; position:relative; transition:transform .2s;
}
.product-card:hover { transform:translateY(-5px); }
.main-image { max-width:100%; height:180px; object-fit:contain; border-radius:8px; }
.discount-badge {
    position:absolute; top:10px; left:10px;
    background:#e53935; color:#fff; padding:4px 8px;
    font-size:12px; font-weight:bold; border-radius:6px;
}
.product-name { font-size:16px; font-weight:bold; margin:10px 0 5px; }
.price-box { margin:8px 0; }
.price-box .mrp { text-decoration:line-through; color:#999; font-size:13px; margin-right:8px; }
.price-box .selling { color:#2e7d32; font-weight:bold; font-size:15px; }
.unit { font-size:13px; color:#666; margin-bottom:8px; }

.btn-details {
    display:block; width:93%; padding:10px; border-radius:8px;
    font-size:14px; font-weight:bold;
    background:#1976d2; color:#fff; text-decoration:none; margin:6px 0;
    transition:.2s;
}
.btn-details:hover { background:#0d47a1; }

.cart-row { display:flex; justify-content:center; gap:8px; align-items:center; margin-top:8px; }
.cart-row input[type=number] {
    width:50px; padding:6px; text-align:center; border:1px solid #ccc; border-radius:6px;
}
.btn-cart {
    flex:1; padding:8px; border-radius:8px;
    background:#ff9800; color:#fff; font-weight:bold; border:none; cursor:pointer;
}
.btn-cart:hover { background:#e65100; }

.icon-row { margin-top:8px; display:flex; justify-content:center; gap:12px; font-size:20px; }
.icon-row a { color:#555; text-decoration:none; transition:.2s; }
.icon-row a:hover { color:#000; }

@media(max-width:768px){
    .page-wrapper{ flex-direction:column; }
    .sidebar{ width:100%; display:flex; overflow-x:auto; }
    .sidebar h2{ display:none; }
    .sidebar a{ margin-right:10px; white-space:nowrap; }
    .search-bar{ margin-top:10px; width:100%; }
}
.icon-row {
  display: flex;
  gap: 12px;
  margin-top: 10px;
}

.icon-link {
  font-size: 22px;
  color: #333;
  text-decoration: none;
  transition: color 0.3s ease;
}

.icon-link:hover {
  color: #25d366; /* WhatsApp green as default hover */
}

.icon-link:nth-child(1):hover { color: #e63946; }  /* Wishlist red */
.icon-link:nth-child(3):hover { color: #e1306c; }  /* Instagram pink */
.icon-link:nth-child(4):hover { color: #1877f2; }  /* Facebook blue */
.icon-link:nth-child(5):hover { color: #1da1f2; }  /* Twitter blue */