.content-section {
    max-width: 1200px;
}
.features-grid {
    grid-template-columns: repeat(auto-fit, minmax(400px, 1fr)) !important;
    gap: 2rem;
    margin: 3rem 0;
}
.review-grid {
    grid-template-columns: repeat(auto-fit, minmax(400px, 1fr)) !important;
}
.supplement-facts {
    max-width: 600px;
    width: 95%;
}
.hero-container {align-items: start;}
.product-hero {background: linear-gradient(135deg, #fafafa 0%, #e1e1e1 00%) !important;}
/* Footer */
        footer {
            background: #2c3e50;
            color: white;
            padding: 3rem 2rem;
            text-align: center;
        }

        .footer-links {
            display: flex;
            justify-content: center;
            gap: 2rem;
            flex-wrap: wrap;
            margin-bottom: 2rem;
        }

        .footer-links a {
            color: white;
            text-decoration: none;
            transition: opacity 0.3s;
        }

        .footer-links a:hover {
            opacity: 0.7;
        }

        .disclaimer {
            max-width: 900px;
            margin: 2rem auto 0;
            padding-top: 2rem;
            border-top: 1px solid rgba(255,255,255,0.2);
            font-size: 0.9rem;
            color: #bdc3c7;
            line-height: 1.6;
        }
@media screen and (max-width: 767px) {
	.features-grid {
    grid-template-columns: repeat(auto-fit, minmax(100%, 1fr)) !important;
    gap: 2rem;
    margin: 3rem 0;
}
.review-grid {
    grid-template-columns: repeat(auto-fit, minmax(100%, 1fr)) !important;
}
h2 {font-size:2rem !important;line-height:1.4em;}
h3 {font-size:1.5rem !important;line-height:1.6em;}
.trust-badges {display:grid;gap: 0.5rem !important;grid-template-columns: repeat(auto-fit, minmax(30%, 1fr)) !important;}
.badge {font-size:0.7rem !important}
}
/* ============================================
   MOBILE RESPONSIVE PRODUCT IMAGE STYLES
   Add this to your style.css file
   ============================================ */

/* Product Image Container - Desktop */
.product-image {
    max-width: 100%;
    overflow: hidden;
    padding: 0 !important;
    background: transparent !important;
    border-radius: 0 !important;
    box-shadow: none !important;
}

.product-image img {
    max-width: 100%;
    max-height: 500px;
    height: auto;
    width: 100%;
    object-fit: contain;
    display: block;
    padding: 0 !important;
}

/* Mobile Responsive Styles */
@media (max-width: 768px) {
    .product-hero {
        padding: 2rem 1rem !important;
    }
    
    .product-image {
        padding: 0 !important;
        background: transparent !important;
        border-radius: 0 !important;
        box-shadow: none !important;
        min-height: auto !important;
    }
    
    .product-image img {
        width: 100%;
        max-height: 400px !important;
        object-fit: contain;
    }
	.hero-container {gap:1rem;}
}

@media (max-width: 480px) {
    .product-hero {
        padding: 1.5rem 1rem !important;
    }
    
    .product-image img {
        max-height: 350px !important;
    }
}