/* Responsive breakpoints */
@media (max-width: 1024px) {
    .container {
        padding: 0 16px;
    }
    .hero-slideshow {
        height: clamp(280px, 40vw, 420px);
    }
}

@media (max-width: 768px) {
    .section {
        padding: 40px 0;
    }
    .hero-slideshow {
        height: clamp(240px, 50vw, 350px);
    }
    .slide-btn {
        font-size: 1.5rem;
        padding: 8px 14px;
    }
    .slide-btn.prev {
        left: 8px;
    }
    .slide-btn.next {
        right: 8px;
    }
    .slide-overlay h2 {
        font-size: 1.5rem;
    }
    .slide-overlay p {
        font-size: 0.9375rem;
    }
    .calculator-step {
        padding: 20px;
    }
    .calculator-nav {
        padding: 16px 20px;
    }
    .results-container {
        padding: 20px;
    }
    .radio-card-grid {
        grid-template-columns: 1fr;
    }
    .height-inputs {
        flex-direction: column;
        gap: 0;
    }
    .feature-grid {
        grid-template-columns: 1fr;
    }
    .quick-calc-cta {
        flex-direction: column;
        align-items: center;
    }
}

@media (max-width: 480px) {
    .hero-slideshow {
        height: 220px;
    }
    .slide-overlay h2 {
        font-size: 1.25rem;
    }
    .slide-overlay p {
        font-size: 0.8125rem;
    }
    .btn-large {
        padding: 12px 20px;
        font-size: 1rem;
    }
    .calculator-nav .btn {
        min-width: auto;
        padding: 10px 16px;
        font-size: 0.875rem;
    }
    .primary-result .calorie-number {
        font-size: 2.5rem;
    }
    .result-cards {
        grid-template-columns: 1fr;
    }
    .faq-categories {
        gap: 4px;
    }
    .faq-cat {
        padding: 6px 12px;
        font-size: 0.8125rem;
    }
}