/* ================================================
   PIMEKSA — Global Responsive Overrides
   Breakpoints: tablet ≤900px | mobile ≤600px
   ================================================ */

/* ── About Section (Homepage) ─────────────────── */
.pim-about-section {
    flex-wrap: wrap;
}
@media (max-width: 900px) {
    .pim-about-section {
        flex-direction: column !important;
    }
    .pim-about-img {
        flex: none !important;
        width: 100% !important;
        min-height: 300px !important;
    }
    .pim-about-content {
        flex: none !important;
        width: 100% !important;
        padding: 48px 32px !important;
        align-items: flex-start !important;
    }
    .pim-about-content h2 {
        font-size: 24px !important;
    }
    .pim-about-content div[style*="gap:40px"] {
        gap: 24px !important;
    }
}
@media (max-width: 600px) {
    .pim-about-img {
        min-height: 240px !important;
    }
    .pim-about-content {
        padding: 32px 16px !important;
    }
    .pim-about-content h2 {
        font-size: 20px !important;
    }
    .pim-about-content div[style*="font-size:36px"] {
        font-size: 28px !important;
    }
    .pim-about-content div[style*="gap:40px"] {
        flex-wrap: wrap !important;
        gap: 20px !important;
    }
}


section[style*="padding:80px 60px"],
section[style*="padding: 80px 60px"],
div[style*="padding:80px 60px"],
div[style*="padding: 80px 60px"] {
    padding-left: 24px !important;
    padding-right: 24px !important;
}
section[style*="padding:70px 60px"],
div[style*="padding:70px 60px"] {
    padding-left: 24px !important;
    padding-right: 24px !important;
}

/* ── Page Hero sections ───────────────────────── */
div[style*="padding:80px 60px;position:relative"] {
    padding: 48px 20px !important;
}

/* ── Two-column grids → single column ────────── */

/* max-width container */
div[style*="max-width:1280px"] {
    padding-left: 0 !important;
    padding-right: 0 !important;
}

/* ================================================
   TABLET  ≤900px
   ================================================ */
@media (max-width: 900px) {

    /* Section padding */
    section, .pim-section { padding: 48px 24px !important; }

    /* Hero sections */
    div[style*="padding:80px 60px"] { padding: 48px 24px !important; }
    div[style*="padding:70px 60px"] { padding: 48px 24px !important; }

    /* Two-col sidebar layouts */
    div[style*="grid-template-columns:1fr 320px"],
    div[style*="grid-template-columns:1fr 300px"],
    div[style*="grid-template-columns:1fr 360px"] {
        grid-template-columns: 1fr !important;
    }

    /* Blog 2-col posts grid → 1 col */
    div[style*="grid-template-columns:repeat(2,1fr)"] {
        grid-template-columns: 1fr !important;
    }

    /* Referanslar card grid */
    div[style*="grid-template-columns:repeat(auto-fill,minmax(320px"] {
        grid-template-columns: 1fr 1fr !important;
    }

    /* Hizmetler card grid */
    div[style*="grid-template-columns:repeat(auto-fill,minmax(280px"] {
        grid-template-columns: 1fr 1fr !important;
    }

    /* Footer 4-col → 2-col */
    div[style*="grid-template-columns:2fr 1fr 1fr 1.4fr"] {
        grid-template-columns: 1fr 1fr !important;
        gap: 32px !important;
    }

    /* About hero 2-col */
    div[style*="grid-template-columns:1fr 1fr"] {
        grid-template-columns: 1fr !important;
    }

    /* Stats bar flex-wrap */
    div[style*="justify-content:space-around"] {
        flex-wrap: wrap !important;
        gap: 16px !important;
    }
}

/* ================================================
   MOBILE  ≤600px
   ================================================ */
@media (max-width: 600px) {

    /* Section padding */
    section, .pim-section { padding: 32px 16px !important; }
    div[style*="padding:80px 60px"] { padding: 40px 16px !important; }
    div[style*="padding:70px 60px"] { padding: 40px 16px !important; }
    div[style*="padding:24px 60px"] { padding: 16px !important; }

    /* Hero title sizes */
    h1[style*="font-size:40px"] { font-size: 26px !important; }
    h2[style*="font-size:30px"] { font-size: 22px !important; }
    h2[style*="font-size:28px"] { font-size: 22px !important; }

    /* All multi-col grids → single col */
    div[style*="grid-template-columns"] {
        grid-template-columns: 1fr !important;
    }

    /* Referanslar cards */
    div[style*="grid-template-columns:repeat(auto-fill"] {
        grid-template-columns: 1fr !important;
    }

    /* Footer grid → single col */
    div[style*="grid-template-columns:2fr 1fr 1fr 1.4fr"] {
        grid-template-columns: 1fr !important;
        gap: 24px !important;
    }

    /* Copyright bar */
    div[style*="padding:16px 60px"] {
        padding: 16px !important;
        flex-direction: column !important;
        gap: 8px !important;
        text-align: center !important;
    }

    /* Stat cards */
    div[style*="justify-content:space-around"] > div {
        min-width: 45% !important;
    }

    /* Article content padding */
    article[style*="padding:48px 52px"] {
        padding: 24px 16px !important;
    }

    /* Feature image negative margin reset */
    div[style*="margin:-48px -52px 40px"] {
        margin: -24px -16px 28px !important;
    }

    /* Sidebar sticky → normal */
    div[style*="position:sticky"] {
        position: static !important;
    }

    /* Blog sidebar → hide on very small */
    div[style*="position:sticky;top:110px;display:flex;flex-direction:column;gap:28px"] {
        display: none !important;
    }
}