.product-img, .article-img { width: 100%; height: auto; object-fit: cover; }
    .hero {
              background: linear-gradient(to right, #0d6efd, #084298);
              color: white;
              padding: 10px 0; text-align: center;
            }
    .navbar {
            background-color: var(--dark);
            position: sticky;
            top: 0px;
            z-index: 1000;
            box-shadow: rgba(0, 0, 0, 0.1) 0px 2px 10px;
            padding: 1rem 0px;
            height: 120px;
            }