.project-card {
  transition: transform 0.3s ease, box-shadow 0.3s ease;
  border-radius: 24px;
  overflow: hidden;
}

.project-card:hover {
  transform: translateY(-8px);
  box-shadow: 0 20px 40px rgba(0, 0, 0, 0.08);
}

.project-card img {
  transition: transform 0.4s ease;
}

.project-card:hover img {
  transform: scale(1.04);
}

.portfolio-grid img {
height: 280px;
width: 100%;
object-fit: cover;
}

.portfolio-grid img {
height: 280px;
width: 100%;
object-fit: contain;
}

.portfolio-grid .elementor-widget-image {
display: flex;
justify-content: center;
}


/* =========================================
   ANA SAYFA – SİYAH CONTACT ALANI
========================================= */

body.page-id-9 .elementor-element-7ede4ba {
    width: calc(100% - 40px) !important;
    max-width: 1200px !important;
    margin-left: auto !important;
    margin-right: auto !important;
    box-sizing: border-box !important;
    align-self: center !important;
    overflow: hidden !important;
}

@media (max-width: 767px) {

    body.page-id-9 .elementor-element-7ede4ba {
        width: calc(100% - 24px) !important;
    }
}


/* =========================================
   YATAY TAŞMAYI ENGELLE
========================================= */

html,
body {
    width: 100%;
    max-width: 100%;
    overflow-x: hidden;
}


/* =========================================
  MOBIİL MENU TASARIMI
========================================= */

/* =========================================
   TÜM SAYFALAR – MOBİL ÜST MENÜ
========================================= */

@media (max-width: 767px) {

    /* Beş sayfadaki menü konteynerleri */
    .elementor-element:is(
        .elementor-element-67440b3,
        .elementor-element-68de1a88,
        .elementor-element-7018cff4,
        .elementor-element-a44789b,
        .elementor-element-19cf9e69
    ) > .e-con-inner {
        display: grid !important;
        grid-template-columns: repeat(4, minmax(0, 1fr)) !important;
        align-items: center !important;
        justify-items: stretch !important;
        width: 100% !important;
        max-width: 100% !important;
        gap: 12px 4px !important;
        padding: 18px 16px 14px !important;
        margin: 0 auto !important;
        box-sizing: border-box !important;
    }

    /* EMRE CAN – ilk öğe */
    .elementor-element:is(
        .elementor-element-67440b3,
        .elementor-element-68de1a88,
        .elementor-element-7018cff4,
        .elementor-element-a44789b,
        .elementor-element-19cf9e69
    ) > .e-con-inner > .elementor-widget-text-editor:first-child {
        grid-column: 1 / -1 !important;
        width: 100% !important;
        max-width: 100% !important;
        margin: 0 !important;
        padding: 0 !important;
        text-align: center !important;
    }

    /* Ortadaki ayırıcı görsel */
    .elementor-element:is(
        .elementor-element-67440b3,
        .elementor-element-68de1a88,
        .elementor-element-7018cff4,
        .elementor-element-a44789b,
        .elementor-element-19cf9e69
    ) > .e-con-inner > .elementor-widget-image {
        display: none !important;
    }

    /* COEX, ENDURA, REVINS ve CREATIVE */
    .elementor-element:is(
        .elementor-element-67440b3,
        .elementor-element-68de1a88,
        .elementor-element-7018cff4,
        .elementor-element-a44789b,
        .elementor-element-19cf9e69
    ) > .e-con-inner > .elementor-widget-text-editor:not(:first-child) {
        display: block !important;
        width: 100% !important;
        min-width: 0 !important;
        max-width: 100% !important;
        margin: 0 !important;
        padding: 0 !important;
        text-align: center !important;
    }

    /* Menü yazıları */
    .elementor-element:is(
        .elementor-element-67440b3,
        .elementor-element-68de1a88,
        .elementor-element-7018cff4,
        .elementor-element-a44789b,
        .elementor-element-19cf9e69
    ) p {
        margin: 0 !important;
        padding: 0 !important;
        font-size: 10px !important;
        line-height: 1.3 !important;
        letter-spacing: 0.13em !important;
        text-align: center !important;
        white-space: nowrap !important;
    }

    .elementor-element:is(
        .elementor-element-67440b3,
        .elementor-element-68de1a88,
        .elementor-element-7018cff4,
        .elementor-element-a44789b,
        .elementor-element-19cf9e69
    ) a {
        display: block !important;
        width: 100% !important;
        padding: 5px 1px !important;
        box-sizing: border-box !important;
        text-align: center !important;
    }
}


/* =========================================
   ANA SAYFA – SİYAH CONTACT ALANI
========================================= */

body.page-id-9 .elementor-element-7ede4ba {
    width: calc(100% - 40px) !important;
    max-width: 1200px !important;
    margin-left: auto !important;
    margin-right: auto !important;
    box-sizing: border-box !important;
    align-self: center !important;
    overflow: hidden !important;
}

@media (max-width: 767px) {

    body.page-id-9 .elementor-element-7ede4ba {
        width: calc(100% - 24px) !important;
    }
}


/* Yatay taşmayı engelle */
html,
body {
    max-width: 100%;
    overflow-x: hidden;
}