/**
 * Autobylos Responsive Styles
 * Mobile-first: styles go upward
 */

/* ===== TABLET (768px+) ===== */
@media (min-width: 768px) {
    h1 { font-size: 2.5rem; }
    h2 { font-size: 2rem; }
    h3 { font-size: 1.5rem; }

    .container {
        padding: 0 32px;
    }

    .section {
        padding: 80px 0;
    }

    .section__title {
        font-size: 2rem;
    }

    /* Header */
    .header-top {
        display: block;
    }

    .header-cta {
        display: inline-flex;
    }

    .mobile-menu-toggle {
        display: none;
    }

    .main-navigation {
        display: block;
    }

    /* Hero */
    .hero {
        padding: 60px 0 80px;
    }

    .hero__inner {
        flex-direction: row;
        align-items: center;
    }

    .hero__content {
        flex: 1;
    }

    .hero__image {
        flex: 1;
        max-width: 480px;
    }

    .hero__title {
        font-size: 2.5rem;
    }

    /* Page header */
    .page-header {
        padding: 56px 0;
    }

    .page-header__title {
        font-size: 2.5rem;
    }

    /* Stats */
    .stats-grid {
        grid-template-columns: repeat(4, 1fr);
    }

    /* Services grid */
    .home-services__grid {
        grid-template-columns: repeat(2, 1fr);
    }

    .services-hub-grid {
        grid-template-columns: repeat(2, 1fr);
    }

    .services-list {
        grid-template-columns: repeat(2, 1fr);
    }

    /* Trust section */
    .trust-grid {
        grid-template-columns: repeat(3, 1fr);
    }

    /* Testimonials */
    .testimonial-card {
        flex: 0 0 50%;
    }

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

    /* Article */
    .article-layout {
        grid-template-columns: 1fr 280px;
    }

    .post-navigation__inner {
        grid-template-columns: 1fr 1fr;
    }

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

    /* About */
    .about-layout {
        grid-template-columns: 1fr 1fr;
        align-items: center;
    }

    .values-grid {
        grid-template-columns: repeat(2, 1fr);
    }

    /* Reviews */
    .insurance-companies-grid {
        grid-template-columns: repeat(2, 1fr);
    }

    /* Footer */
    .footer-grid {
        grid-template-columns: 2fr 1fr 1fr 1fr;
    }

    /* Order form */
    .order-form-layout {
        grid-template-columns: 1fr 320px;
    }

    .order-progress__label {
        display: block;
    }

    .form-row {
        grid-template-columns: 1fr 1fr;
    }

    .city-selector {
        grid-template-columns: repeat(3, 1fr);
    }

    /* Service detail */
    .service-detail__layout {
        grid-template-columns: 1fr 340px;
    }

    /* Floating CTA - hide on tablets */
    .floating-cta {
        display: none;
    }

    /* CTA block */
    .cta-block {
        padding: 64px 48px;
    }

    .cta-block__title {
        font-size: 2rem;
    }
}

/* ===== DESKTOP (1024px+) ===== */
@media (min-width: 1024px) {
    h1 { font-size: 3rem; }

    .container {
        padding: 0 40px;
    }

    .section {
        padding: 100px 0;
    }

    /* Header */
    .header-main__inner {
        gap: 32px;
    }

    .main-navigation .nav-menu {
        gap: 4px;
    }

    /* Hero */
    .hero {
        padding: 80px 0 100px;
    }

    .hero__inner {
        gap: 60px;
    }

    .hero__title {
        font-size: 3rem;
    }

    .hero__subtitle {
        font-size: 1.125rem;
    }

    /* Services */
    .home-services__grid {
        grid-template-columns: repeat(4, 1fr);
    }

    .services-list {
        grid-template-columns: repeat(2, 1fr);
        gap: 20px;
    }

    /* Testimonials */
    .testimonial-card {
        flex: 0 0 33.3333%;
    }

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

    /* Reviews */
    .insurance-companies-grid {
        grid-template-columns: repeat(3, 1fr);
    }

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

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

    /* Order form */
    .order-form-layout {
        grid-template-columns: 1fr 360px;
    }

    .service-detail__layout {
        grid-template-columns: 1fr 380px;
    }
}

/* ===== LARGE DESKTOP (1280px+) ===== */
@media (min-width: 1280px) {
    .hero__title {
        font-size: 3.25rem;
    }

    .stat-item__number {
        font-size: 3rem;
    }
}

/* ===== PRINT ===== */
@media print {
    .site-header,
    .site-footer,
    .floating-cta,
    .cta-section,
    .header-phone-btn,
    .mobile-menu-toggle {
        display: none !important;
    }

    body {
        font-size: 12pt;
        color: #000;
    }

    .section {
        padding: 20px 0;
    }

    a {
        color: #000;
        text-decoration: underline;
    }
}