/* ==========================================================================
   DigitalTab Pty Ltd — Responsive Breakpoints (Desktop, Tablet, Mobile)
   ========================================================================== */

/* 1. Large Desktop & Laptop (<= 1399px) */
@media (max-width: 1399.98px) {
    .dt-services-grid {
        grid-template-columns: repeat(3, 1fr);
    }
    .dt-tech-showcase-grid {
        grid-template-columns: repeat(4, 1fr);
    }
}

/* 2. Standard Laptop / Tablet Landscape (<= 1199px) */
@media (max-width: 1199.98px) {
    .dt-hero {
        padding: 8.5rem 0 4rem;
    }

    .dt-about-asymmetric-grid {
        grid-template-columns: 1fr;
        gap: 2.75rem;
    }

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

    .dt-why-bento-grid,
    .dt-process-timeline,
    .dt-industries-grid,
    .dt-testimonials-grid {
        grid-template-columns: repeat(2, 1fr);
    }

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

    .dt-contact-layout {
        grid-template-columns: 1fr;
        gap: 2.5rem;
    }

    .dt-holo-top-left {
        left: 0;
    }
    .dt-holo-bottom-right,
    .dt-holo-top-right {
        right: 0;
    }
}

/* 3. Tablet Portrait (<= 991px) */
@media (max-width: 991.98px) {
    .dt-section {
        padding: 5rem 0;
    }

    .dt-hero {
        min-height: auto;
        padding: 7.5rem 0 3.5rem;
    }

    .dt-hero-row {
        min-height: auto;
    }

    .dt-hero-3d-stage {
        margin-top: 2rem;
    }

    .dt-portfolio-editorial-grid,
    .dt-who-we-are,
    .dt-feature-split {
        grid-template-columns: 1fr;
        gap: 2rem;
    }

    .dt-feature-split.reverse {
        direction: ltr;
    }

    .dt-tech-showcase-grid {
        grid-template-columns: repeat(3, 1fr);
    }

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

    .dt-footer-status-strip {
        flex-direction: column;
        align-items: flex-start;
    }
}

/* 4. Mobile Landscape & Phablet (<= 767px) */
@media (max-width: 767.98px) {
    .dt-section {
        padding: 4rem 0;
    }

    .dt-page-header,
    .dt-page-header-clean {
        padding: 7.5rem 0 3.25rem;
    }

    .dt-hero-title {
        font-size: 2.25rem;
    }

    .dt-hero-actions {
        flex-direction: column;
        align-items: stretch;
    }

    .dt-hero-actions .dt-btn {
        width: 100%;
    }

    .dt-hero-trust {
        width: 100%;
        justify-content: space-between;
        gap: 1rem;
    }

    .dt-trust-divider {
        display: none;
    }

    .dt-console-telemetry {
        grid-template-columns: 1fr;
    }

    .dt-console-pipeline {
        flex-wrap: wrap;
        gap: 0.75rem;
    }

    .dt-pipe-connector {
        display: none;
    }

    .dt-holo-float {
        position: static;
        margin-top: 0.75rem;
        width: 100%;
    }

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

    .dt-mission-vision-grid,
    .dt-about-stats-bento,
    .dt-services-grid,
    .dt-why-bento-grid,
    .dt-process-timeline,
    .dt-industries-grid,
    .dt-testimonials-grid {
        grid-template-columns: 1fr;
    }

    .dt-about-presence-nodes {
        flex-direction: column;
        align-items: flex-start;
    }

    .dt-presence-bridge {
        display: none;
    }

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

    .dt-portfolio-metrics {
        grid-template-columns: 1fr;
    }

    .dt-portfolio-footer {
        flex-direction: column;
        align-items: flex-start;
    }

    .dt-contact-form-panel,
    .dt-container-narrow,
    .dt-cta-box {
        padding: 1.75rem 1.35rem;
    }

    .dt-cookie-content {
        flex-direction: column;
        align-items: flex-start;
    }

    .dt-cookie-actions {
        width: 100%;
    }

    .dt-cookie-actions .dt-btn {
        flex: 1;
    }

    .dt-footer-bottom {
        flex-direction: column;
        align-items: flex-start;
    }
}

/* 5. Small Mobile Devices (<= 479px) */
@media (max-width: 479.98px) {
    .dt-hero-title {
        font-size: 1.95rem;
    }

    .dt-section-title {
        font-size: 1.75rem;
    }

    .dt-partners-grid,
    .dt-tech-showcase-grid,
    .dt-stats-grid,
    .dt-visual-metrics {
        grid-template-columns: 1fr;
    }

    .dt-logo-img {
        height: 27px;
    }
}