/* Fix horizontal scrolling */
html, body {
    max-width: 100%;
    overflow-x: hidden;
}

.container {
    width: 100%;
    max-width: var(--max-width);
    margin: 0 auto;
    padding-left: var(--container-padding);
    padding-right: var(--container-padding);
    box-sizing: border-box;
}

/* Fix for tab navigation overflow */
.tab-nav {
    width: 100%;
    max-width: 100%;
    margin-left: 0 !important;
}

/* Fix for product grid overflow */
.product-grid {
    width: 100%;
    margin: 0;
    padding: 0;
}

/* Fix carousel track overflow */
.carousel-track {
    width: 100%;
    margin: 0;
    padding: 0 24px;
}

@media (max-width: 768px) {
    .feature-cards-grid,
    .product-grid,
    .products-carousel {
        width: 100%;
        margin: 0;
        padding: 0 16px;
    }
    
    .carousel-track {
        padding: 0 16px;
    }
}