/* ==========================================================================
   Responsive Styles — Intasecotas Theme
   ========================================================================== */

/* ---------- Max 1024px (Tablets / Small Desktop) ---------- */
@media (max-width: 1024px) {
    .grid--4 {
        grid-template-columns: repeat(2, 1fr);
    }

    .why-choose__list {
        grid-template-columns: 1fr;
    }

    .product-hero {
        grid-template-columns: 1fr;
        gap: var(--space-xl);
    }

    .site-footer__grid {
        grid-template-columns: 1fr 1fr;
        gap: var(--space-xl);
    }
}

/* ---------- Max 768px (Tablets Portrait) ---------- */
@media (max-width: 768px) {
    /* Header */
    .site-header__nav,
    .site-header__cta {
        display: none;
    }

    .site-header__toggle {
        display: block;
    }

    /* Grids */
    .grid--3 {
        grid-template-columns: repeat(2, 1fr);
    }

    .grid--2 {
        grid-template-columns: 1fr;
    }

    /* Hero Section */
    .hero-section {
        min-height: 70vh;
    }

    .hero-section__title {
        font-size: var(--text-2xl);
    }

    /* Hero Slider */
    .hero-slider {
        min-height: 70vh;
    }

    .slider-track {
        min-height: 70vh;
    }

    .slide-content h1 {
        font-size: var(--text-2xl);
    }

    .slider-prev,
    .slider-next {
        width: 36px;
        height: 36px;
        font-size: 1rem;
    }

    .slider-prev { left: var(--space-sm); }
    .slider-next { right: var(--space-sm); }

    /* Feature Cards */
    .feature-card {
        min-height: 280px;
    }

    /* Page Banner */
    .page-banner {
        min-height: 200px;
    }

    .page-banner__title {
        font-size: var(--text-xl);
    }

    /* Contact Form */
    .form-row {
        grid-template-columns: 1fr;
    }

    /* Contact Layout */
    .contact-layout {
        grid-template-columns: 1fr;
    }

    /* Footer */
    .site-footer__grid {
        grid-template-columns: 1fr;
        gap: var(--space-xl);
    }

    /* Single post hero */
    .single-hero {
        min-height: 350px;
        max-height: 450px;
    }

    .single-hero__glass {
        padding: var(--space-md) var(--space-lg);
    }

    .single-hero__title {
        font-size: var(--text-xl);
    }
}

/* ---------- Max 576px (Mobile) ---------- */
@media (max-width: 576px) {
    .grid--3,
    .grid--4 {
        grid-template-columns: 1fr;
    }

    .hero-section {
        min-height: 60vh;
    }

    .hero-section__title {
        font-size: var(--text-xl);
    }

    .hero-section__badge {
        font-size: var(--text-lg);
    }

    .hero-slider {
        min-height: 60vh;
    }

    .slider-track {
        min-height: 60vh;
    }

    .slide-content {
        padding: var(--space-md);
    }

    .slide-content h1 {
        font-size: var(--text-xl);
    }

    .slide-content p {
        font-size: var(--text-base);
    }

    .btn--lg {
        padding: 0.75rem 1.75rem;
        font-size: var(--text-sm);
    }

    /* Post card adjustments */
    .post-card__image {
        aspect-ratio: 16 / 9;
    }

    /* Section spacing */
    .section {
        padding: var(--space-xl) 0;
    }

    /* Single post hero mobile */
    .single-hero {
        min-height: 300px;
        max-height: 400px;
    }

    .single-hero__glass {
        padding: var(--space-sm) var(--space-md);
    }

    .single-hero__title {
        font-size: clamp(1.25rem, 1rem + 2vw, 1.5rem);
        line-height: 1.3;
    }

    .single-hero__meta {
        font-size: var(--text-xs);
        flex-wrap: wrap;
    }

    .single-hero__back {
        font-size: var(--text-xs);
    }

    /* Single article */
    .single-article {
        padding-top: var(--space-lg);
    }

    /* Post footer */
    .single-footer {
        flex-direction: column;
        align-items: flex-start;
    }

    /* Single post meta */
    .single-meta {
        flex-wrap: wrap;
        gap: var(--space-xs);
    }
}