@media (min-width:1024px) {
	    .nav-links {
	        gap: 3rem;
	        margin: 0 auto;
	        
	    }

	    .hero {
	      height: 100vh;             /* full viewport height */
	      display: flex;             /* flex for easy centering */
	      flex-direction: column;    
	      align-items: center;       /* center horizontally */
	      justify-content: center;   /* center vertically */
	      box-sizing: border-box;
	      padding: 0 5%;             /* horizontal padding */
	      overflow: hidden;          /* hide overflow if any */
	    }

	    .hero-content{
	    	padding-top:5rem;
	    }
	    .hero-logo {
	        width: 200px;
	        height: 200px;
	        margin-top: 4rem;
	        filter: drop-shadow(0 0 100px rgba(183, 110, 121, .8));
	    }
	    .hero-logo::before {
	        width: 220px;
	        height: 220px
	    }
	    .hero-logo-text {
	        font-size: 2rem
	    }
	
	    .hero h1 {
	        font-size: 2rem
	    }
	    .hero p {
	        font-size: 1.5rem
	    }
	    .cta-button {
	        padding: 1rem 2rem;
	        font-size: 1.1rem
	    }

	    .products {
	      padding: 0 5% 7rem 5%;
	      position: static; /* reset */
	      top: auto;
	      scroll-margin-top: 4rem;
	    }
	    
	    
	    .section-title {
	        font-size: 3rem
	    }
	    .section-subtitle {
	        font-size: 1.2rem;
	        margin-bottom: 4rem;
	        display: none;
	    }

	    .products .carousel-container {
	        width: 100%;
	        max-width: 900px;
	        aspect-ratio: 1 / 1;
	        max-height: 60vh;
	        height: 70vh;
	        min-height: 400px;
	        margin: 0 auto;
	        overflow: hidden;
	        box-sizing: border-box;
	        border-radius: 0;
	        display: flex; /* ensure display flex */
	        align-items: stretch;
	        justify-content: flex-start;
	        padding: 0;
	    }
	    
	    .products .product-grid {
	        display: flex; /* changed from flex-start to flex */
	        flex-wrap: nowrap;
	        width: 100%;
	        height: 100%;
	        transition: transform 0.5s ease-in-out;
	        transform: translateX(0);
	        margin: 0;
	        padding: 0;
	        align-items: stretch;
	        justify-content: flex-start;
	        will-change: transform;
	    }
	    
	    .products .product-card {
	        flex: 0 0 100%;
	        height: 100%;
	        width: 100%;
	        box-sizing: border-box;
	        border-radius:0b;
	        display: flex;
	        flex-direction: column;
	        justify-content: center;
	        align-items: stretch;
	        text-align: center;
	        padding: 2rem;
	        margin: 0;
	        position:relative; /* added to remove margin space */
	    }

	    .product-image {
	        width: 190px;
	        height: 190px;
	        object-fit: cover;
	        border-radius: 3%;
	        margin: 0 auto 1.5rem;
	        display: block;
	        box-shadow: 0 0 30px rgba(183, 110, 121, .4);
	        border: 2px solid rgba(183, 110, 121, .3)
	    }
	    

	    .product-card:hover {
	    transform:none;
	    }
	    
	    
	    .carousel-button {
	        width: 55px;
	        height: 55px;
	        font-size: 1.5rem;
	        position: absolute;
	        top: 35%;
	    }
	    .carousel-button.prev {
	        left: 20px
	    }
	    .carousel-button.next {
	        right: 20px
	    }
	    .dot {
	        width: 12px;
	        height: 12px
	    }
	    .carousel-dots {
	        gap: 1rem
	    }
	    .about {
	        padding: 6rem 5%
	    }
	    .about-content {
	        max-width: 900px;
	        margin: 0 auto;
	        top: -2rem;
	    }
	    .about-content p {
	        font-size: 1.2rem
	    }
	    footer {
	        padding: 3rem 5%
	    }
	    .footer-content {
	        grid-template-columns: repeat(2, 1fr);
	        gap: 3rem
	    }
	    .copyright {
	        padding-top: 2rem;
	        margin-top: 2rem;
	        font-size: 1rem
	    }
	}