/* ========================================================================== 
   MG Work Studio — Light Refined 2026
   High-contrast light glass theme and balanced single-stage inner pages.
   ========================================================================== */

:root {
    --light-canvas: #eef3f7;
    --light-canvas-warm: #f7f4ee;
    --light-shell: rgba(249, 251, 253, .91);
    --light-panel: rgba(255, 255, 255, .92);
    --light-panel-solid: #ffffff;
    --light-panel-soft: #f5f8fb;
    --light-ink: #102033;
    --light-heading: #091a2c;
    --light-muted: #536479;
    --light-dim: #718096;
    --light-line: rgba(16, 32, 51, .12);
    --light-line-strong: rgba(16, 32, 51, .20);
    --light-cyan: #74deeb;
    --light-cyan-strong: #087f91;
    --light-violet: #7568db;
    --light-coral: #e66c60;
    --light-shadow: 0 24px 64px rgba(36, 55, 78, .11);
    --ref-text: var(--light-ink);
    --ref-muted: var(--light-muted);
    --ref-dim: var(--light-dim);
    --ref-panel: var(--light-panel);
    --ref-panel-strong: var(--light-panel-solid);
    --ref-line: var(--light-line);
    --ref-line-strong: var(--light-line-strong);
    --ref-cyan: var(--light-cyan);
}

html {
    color: var(--light-ink);
    background: var(--light-canvas);
}

body,
body.tema-kobalt-nane,
body.tema-mor-mercan,
body.tema-gunes-deniz {
    color: var(--light-ink) !important;
    background:
        radial-gradient(circle at 4% 2%, rgba(92, 206, 220, .20), transparent 25rem),
        radial-gradient(circle at 98% 14%, rgba(117, 104, 219, .14), transparent 30rem),
        linear-gradient(145deg, var(--light-canvas-warm) 0%, #edf4f8 46%, #f6f8fb 100%) !important;
}

body::before {
    background-image: radial-gradient(rgba(16,32,51,.13) .5px, transparent .5px) !important;
    opacity: .14;
}

.sayfa-zemini {
    opacity: .32 !important;
}

.zemin-katman-bir {
    background: radial-gradient(circle, rgba(80,201,218,.28), transparent 68%) !important;
}

.zemin-katman-iki {
    background: radial-gradient(circle, rgba(117,104,219,.18), transparent 68%) !important;
}

.zemin-grid {
    opacity: .025 !important;
}

::selection {
    color: #071624;
    background: #8fe9f2;
}

h1,
h2,
h3,
h4,
h5,
h6,
.baslik-kritik,
.sayfa-baslik,
.mg-manifesto h2,
.mg-section-head h2,
.mg-team-intro h2,
.mg-faq-intro h2,
.mg-final-card h2,
.proje-kart h3,
.servis-kart h3,
.blog-kart h2,
.blog-kart h3,
.cta-panel h2,
.sayfa-yan-kutu h3,
.liste-kutusu h3,
.detay-sss-kart h3,
.metin-akisi h2,
.metin-akisi h3 {
    color: var(--light-heading) !important;
    -webkit-text-fill-color: currentColor !important;
    text-shadow: none !important;
}

p,
li,
.sayfa-ozet,
.kahraman-metin,
.mg-section-head p,
.mg-manifesto-note p,
.mg-team-intro p,
.mg-final-card p,
.mg-work-copy p,
.mg-service-row p,
.mg-process-card p,
.mg-team-card p,
.sss-icerik p,
.metin-akisi p,
.metin-akisi li,
.sayfa-yan-kutu p,
.sayfa-yan-kutu li,
.liste-kutusu li,
.blog-kart p,
.detay-sss-kart p {
    color: var(--light-muted) !important;
}

/* Site shell */
.ust-alan,
body.sayfa-anasayfa .ust-alan,
body.sayfa-kaydirildi .ust-alan {
    color: var(--light-ink) !important;
    background: rgba(255, 255, 255, .91) !important;
    border-color: var(--light-line) !important;
    box-shadow: 0 18px 46px rgba(36,55,78,.13), inset 0 1px 0 rgba(255,255,255,.95) !important;
    -webkit-backdrop-filter: blur(26px) saturate(125%);
    backdrop-filter: blur(26px) saturate(125%);
}

.marka-alani,
.marka-alani-logolu {
    background: transparent !important;
    border-color: transparent !important;
    box-shadow: none !important;
}

.marka-alani-logolu .marka-logo,
.marka-logo,
.footer-logo {
    background: transparent !important;
    border: 0 !important;
    border-radius: 0 !important;
    box-shadow: none !important;
    mix-blend-mode: multiply;
}

.ust-nav {
    color: var(--light-ink) !important;
    background: rgba(239,244,248,.88) !important;
    border-color: var(--light-line) !important;
}

.ust-nav a {
    color: #3d4e62 !important;
    background: transparent !important;
}

.ust-nav a:hover,
.ust-nav a:focus-visible {
    color: var(--light-heading) !important;
    background: #fff !important;
    box-shadow: 0 8px 22px rgba(36,55,78,.09);
}

.dil-baglanti-grubu {
    background: #edf3f7 !important;
    border-color: var(--light-line) !important;
}

.dil-baglanti-grubu a {
    color: #536479 !important;
}

.dil-baglanti-grubu a.aktif {
    color: #06202b !important;
    background: var(--light-cyan) !important;
}

.ust-cta,
.birincil-buton,
.ajans-shadow-button {
    color: #06202b !important;
    background: linear-gradient(135deg, #a7edf4, var(--light-cyan)) !important;
    border-color: rgba(8,127,145,.16) !important;
    box-shadow: 0 12px 28px rgba(42,169,187,.18), inset 0 1px 0 rgba(255,255,255,.75) !important;
}

.ikincil-buton {
    color: var(--light-heading) !important;
    background: rgba(255,255,255,.76) !important;
    border-color: var(--light-line-strong) !important;
}

.ikincil-buton:hover {
    color: var(--light-heading) !important;
    background: #fff !important;
}

main {
    color: var(--light-ink) !important;
    background:
        radial-gradient(circle at 1% 3%, rgba(80,201,218,.10), transparent 24rem),
        radial-gradient(circle at 99% 15%, rgba(117,104,219,.09), transparent 28rem),
        var(--light-shell) !important;
    border-color: var(--light-line) !important;
    box-shadow: var(--light-shadow), inset 0 1px 0 rgba(255,255,255,.92) !important;
}

/* Labels and accessible links */
.mg-hero .rozet,
.mg-section-no,
.rozet,
.ajans-kicker,
.blog-liste-kicker,
.hata-etiket,
.studio-rozet,
.proje-kategori,
.servis-rozet,
.sayfa-bilgi-cips span,
.etiket-satir span,
.blog-meta span,
.kucuk-kod {
    color: #075f70 !important;
    background: #e3f7fa !important;
    border-color: rgba(8,127,145,.20) !important;
    box-shadow: none !important;
}

.metin-buton,
.breadcrumb a,
.sayfa-yan-kutu a,
.liste-kutusu a,
.footer-liste a {
    color: #086f82 !important;
}

.metin-buton::after {
    color: #06202b !important;
    background: var(--light-cyan) !important;
}

/* Home hero */
.mg-hero-meta {
    color: var(--light-dim) !important;
}

.mg-hero .baslik-kritik,
body.sayfa-anasayfa .baslik-kritik {
    color: var(--light-heading) !important;
    background: linear-gradient(120deg, #091a2c 5%, #176273 52%, #6557b9 88%) !important;
    background-clip: text !important;
    -webkit-background-clip: text !important;
    -webkit-text-fill-color: transparent !important;
}

.mg-hero-intro,
.mg-hero-proof > div,
.mg-service-row,
.mg-services .servis-kart,
.mg-work-card,
.mg-work .proje-kart,
.mg-process-card,
.mg-process .surec-kart,
.mg-team-card,
.sss-oge,
.mg-faq .sss-oge,
.proje-kart,
.servis-kart,
.blog-kart,
.sayfa-kabugu,
.cam-yuzey,
.sayfa-yan-kutu,
.liste-kutusu,
.cta-panel,
.detay-sss-kart {
    color: var(--light-ink) !important;
    background: var(--light-panel) !important;
    border-color: var(--light-line) !important;
    box-shadow: 0 16px 42px rgba(36,55,78,.08), inset 0 1px 0 #fff !important;
}

.mg-hero-intro .kahraman-metin,
.mg-hero-proof span {
    color: var(--light-muted) !important;
}

.mg-hero-proof strong {
    color: var(--light-heading) !important;
}

.mg-hero-poster {
    border-color: rgba(56,69,105,.18) !important;
    box-shadow: 0 20px 50px rgba(59,56,112,.18) !important;
}

/* Section glass surfaces */
.mg-manifesto-grid,
.mg-team-layout,
.mg-faq-layout,
.mg-final-card,
.studio-blok,
.studio-arkaplan-cam,
.studio-arkaplan-kuzey,
.studio-arkaplan-amber,
.studio-arkaplan-safir,
.studio-arkaplan-gunes,
.studio-arkaplan-mesh,
.studio-arkaplan-gece {
    color: var(--light-ink) !important;
    background:
        radial-gradient(circle at 94% 8%, rgba(80,201,218,.08), transparent 28%),
        rgba(255,255,255,.86) !important;
    border-color: var(--light-line) !important;
    box-shadow: 0 20px 54px rgba(36,55,78,.09), inset 0 1px 0 #fff !important;
}

.studio-blok h2,
.studio-blok h3,
.studio-blok h4,
.studio-blok p,
.studio-arkaplan-gece h3,
.studio-arkaplan-gece p {
    color: var(--light-heading) !important;
}

.studio-blok p,
.studio-arkaplan-gece p {
    color: var(--light-muted) !important;
}

.mg-service-row:hover,
.mg-work-card:hover,
.proje-kart:hover,
.servis-kart:hover,
.blog-kart:hover {
    border-color: var(--light-line-strong) !important;
    box-shadow: 0 24px 56px rgba(36,55,78,.14), inset 0 1px 0 #fff !important;
}

.mg-service-row h3,
.mg-work-copy h3,
.mg-process-card h3,
.mg-team-card h3,
.sss-dugme span {
    color: var(--light-heading) !important;
}

.mg-service-row > a {
    color: #086f82 !important;
    background: #e9f8fa !important;
    border-color: rgba(8,127,145,.16) !important;
}

.mg-work-copy {
    color: var(--light-ink) !important;
    background: var(--light-panel-solid) !important;
}

.mg-work-visual,
.proje-kart-gorsel,
.proje-detay-gorsel {
    background: #dfe8ef !important;
}

.sss-dugme {
    color: var(--light-heading) !important;
}

.sss-dugme strong,
.mg-faq .sss-dugme strong {
    color: #06202b !important;
    background: var(--light-cyan) !important;
}

.sss-oge.acik,
.mg-faq .sss-oge.acik {
    background: #effafb !important;
    border-color: rgba(8,127,145,.22) !important;
}

.mg-final-card {
    background:
        radial-gradient(circle at 82% 12%, rgba(80,201,218,.20), transparent 30%),
        radial-gradient(circle at 10% 92%, rgba(117,104,219,.10), transparent 31%),
        #fff !important;
}

/* Inner pages: one centered stage, balanced support cards below */
body:not(.sayfa-anasayfa) .sayfa-vitrin-grid {
    display: grid !important;
    grid-template-columns: minmax(0, 1fr) !important;
    grid-auto-columns: minmax(0, 1fr) !important;
    gap: 16px !important;
}

body:not(.sayfa-anasayfa) .sayfa-vitrin-grid > .sayfa-kahraman-karti,
body:not(.sayfa-anasayfa) .sayfa-vitrin-grid > .koleksiyon-kahraman,
body:not(.sayfa-anasayfa) .sayfa-vitrin-grid > .sayfa-vitrin-yan {
    grid-column: 1 !important;
    grid-row: auto !important;
    width: 100% !important;
}

body:not(.sayfa-anasayfa) .sayfa-kahraman-karti,
body:not(.sayfa-anasayfa) .koleksiyon-kahraman {
    width: 100%;
    min-height: 0 !important;
    padding: clamp(42px, 6vw, 76px) !important;
    color: var(--light-ink) !important;
    background:
        radial-gradient(circle at 92% 8%, rgba(80,201,218,.13), transparent 27%),
        radial-gradient(circle at 8% 94%, rgba(117,104,219,.08), transparent 30%),
        #fff !important;
    border: 1px solid var(--light-line) !important;
    box-shadow: 0 20px 54px rgba(36,55,78,.09), inset 0 1px 0 #fff !important;
}

body:not(.sayfa-anasayfa) .sayfa-baslik {
    max-width: 16ch;
    color: var(--light-heading) !important;
}

body:not(.sayfa-anasayfa) .sayfa-kahraman-karti .sayfa-ozet,
body:not(.sayfa-anasayfa) .koleksiyon-kahraman .sayfa-ozet,
body:not(.sayfa-anasayfa) .sayfa-kahraman-karti p,
body:not(.sayfa-anasayfa) .koleksiyon-kahraman p {
    color: var(--light-muted) !important;
}

.breadcrumb,
.breadcrumb a,
body:not(.sayfa-anasayfa) .breadcrumb,
body:not(.sayfa-anasayfa) .breadcrumb a {
    color: var(--light-dim) !important;
}

body:not(.sayfa-anasayfa) .sayfa-vitrin-yan {
    display: grid !important;
    grid-template-columns: repeat(auto-fit, minmax(260px, 1fr)) !important;
    grid-auto-rows: 1fr;
    gap: 16px !important;
}

body:not(.sayfa-anasayfa) .sayfa-vitrin-yan .sayfa-yan-kutu,
body:not(.sayfa-anasayfa) .sayfa-vitrin-yan .sayfa-mini-cta {
    min-height: 250px !important;
    color: var(--light-ink) !important;
    background: var(--light-panel-solid) !important;
    border: 1px solid var(--light-line) !important;
    box-shadow: 0 16px 42px rgba(36,55,78,.08) !important;
}

body:not(.sayfa-anasayfa) .sayfa-vitrin-yan .sayfa-yan-kutu h3,
body:not(.sayfa-anasayfa) .sayfa-vitrin-yan .sayfa-mini-cta strong,
body:not(.sayfa-anasayfa) .sayfa-vitrin-yan .sayfa-kabugu:nth-child(even).sayfa-mini-cta strong {
    color: var(--light-heading) !important;
    -webkit-text-fill-color: currentColor !important;
    text-shadow: none !important;
}

body:not(.sayfa-anasayfa) .sayfa-vitrin-yan .sayfa-yan-kutu p,
body:not(.sayfa-anasayfa) .sayfa-vitrin-yan .sayfa-mini-cta p,
body:not(.sayfa-anasayfa) .sayfa-vitrin-yan .sayfa-kabugu:nth-child(even).sayfa-mini-cta p {
    color: var(--light-muted) !important;
}

body:not(.sayfa-anasayfa) .sayfa-liste-yogun li {
    color: var(--light-muted) !important;
    border-top-color: var(--light-line) !important;
}

body:not(.sayfa-anasayfa) .detay-grid,
body:not(.sayfa-anasayfa) .blog-detay-grid {
    display: grid !important;
    width: min(calc(100% - 64px), 980px) !important;
    max-width: 980px !important;
    grid-template-columns: minmax(0, 1fr) !important;
    gap: 16px !important;
    margin-inline: auto;
}

body:not(.sayfa-anasayfa) .yan-bilgi-alani {
    display: grid !important;
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
    gap: 16px !important;
}

body:not(.sayfa-anasayfa) .yan-bilgi-alani .liste-kutusu,
body:not(.sayfa-anasayfa) .yan-bilgi-alani .liste-kutusu:nth-child(even) {
    color: var(--light-ink) !important;
    background: #fff !important;
    border: 1px solid var(--light-line) !important;
    box-shadow: 0 14px 36px rgba(36,55,78,.08) !important;
}

body:not(.sayfa-anasayfa) .yan-bilgi-alani .liste-kutusu h3,
body:not(.sayfa-anasayfa) .yan-bilgi-alani .liste-kutusu li,
body:not(.sayfa-anasayfa) .yan-bilgi-alani .liste-kutusu a,
body:not(.sayfa-anasayfa) .yan-bilgi-alani .liste-kutusu:nth-child(even) h3,
body:not(.sayfa-anasayfa) .yan-bilgi-alani .liste-kutusu:nth-child(even) li,
body:not(.sayfa-anasayfa) .yan-bilgi-alani .liste-kutusu:nth-child(even) a {
    color: var(--light-heading) !important;
}

body:not(.sayfa-anasayfa) .metin-akisi,
body:not(.sayfa-anasayfa) .blog-icerik,
body:not(.sayfa-anasayfa) .sayfa-icerik-tek .metin-akisi {
    color: var(--light-ink) !important;
    background: #fff !important;
    border: 1px solid var(--light-line) !important;
    box-shadow: 0 18px 48px rgba(36,55,78,.08) !important;
}

.iletisim-bilgi-bolumu {
    padding-top: 0 !important;
}

.iletisim-bilgi-bolumu .sayfa-icerik-tek {
    width: min(calc(100% - 64px), 1160px) !important;
    max-width: 1160px !important;
}

body:not(.sayfa-anasayfa) .metin-akisi p,
body:not(.sayfa-anasayfa) .metin-akisi li,
body:not(.sayfa-anasayfa) .sayfa-icerik-tek .metin-akisi p,
body:not(.sayfa-anasayfa) .sayfa-icerik-tek .metin-akisi li {
    color: var(--light-muted) !important;
}

.proje-grid:not(.mg-work-grid) .proje-kart,
.servis-grid:not(.mg-service-index) .servis-kart,
.blog-kart {
    color: var(--light-ink) !important;
    background: #fff !important;
    border-color: var(--light-line) !important;
}

.proje-kart-icerik {
    color: var(--light-ink) !important;
    background: #fff !important;
}

/* Contact: remove nested white capsules and keep every option legible */
body.sayfa-sayfa .ajans-contact-grid {
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
    gap: 16px !important;
}

body.sayfa-sayfa .ajans-contact-info,
body.sayfa-sayfa .ajans-contact-form {
    color: var(--light-ink) !important;
    background: #fff !important;
    border: 1px solid var(--light-line) !important;
    box-shadow: 0 20px 54px rgba(36,55,78,.10), inset 0 1px 0 #fff !important;
}

body.sayfa-sayfa .ajans-contact-info {
    background:
        radial-gradient(circle at 10% 6%, rgba(80,201,218,.14), transparent 28%),
        #fff !important;
}

body.sayfa-sayfa .ajans-contact-info h1,
body.sayfa-sayfa .ajans-contact-form h2 {
    color: var(--light-heading) !important;
    background: none !important;
    -webkit-text-fill-color: currentColor !important;
}

body.sayfa-sayfa .ajans-contact-list a,
body.sayfa-sayfa .ajans-contact-list > div {
    color: var(--light-ink) !important;
    background: #f5f9fb !important;
    border-color: var(--light-line) !important;
    box-shadow: none !important;
}

.ajans-contact-icon,
body.sayfa-sayfa .ajans-contact-list .ajans-contact-icon {
    display: grid !important;
    width: 46px !important;
    min-width: 46px !important;
    height: 46px !important;
    min-height: 46px !important;
    padding: 0 !important;
    place-items: center;
    color: #06202b !important;
    background: var(--light-cyan) !important;
    border: 0 !important;
    border-radius: 14px !important;
    box-shadow: none !important;
}

.ajans-contact-copy,
body.sayfa-sayfa .ajans-contact-list .ajans-contact-copy {
    display: grid !important;
    width: auto !important;
    min-width: 0 !important;
    height: auto !important;
    min-height: 0 !important;
    gap: 4px !important;
    padding: 0 !important;
    color: var(--light-ink) !important;
    background: transparent !important;
    border: 0 !important;
    border-radius: 0 !important;
    box-shadow: none !important;
}

.ajans-contact-copy small,
body.sayfa-sayfa .ajans-contact-list .ajans-contact-copy small {
    color: var(--light-dim) !important;
    background: transparent !important;
}

.ajans-contact-copy strong,
body.sayfa-sayfa .ajans-contact-list .ajans-contact-copy strong {
    color: var(--light-heading) !important;
    background: transparent !important;
    -webkit-text-fill-color: currentColor !important;
    font-size: clamp(.72rem, .84vw, .88rem) !important;
    letter-spacing: -.015em;
}

body.sayfa-sayfa .ajans-contact-form input,
body.sayfa-sayfa .ajans-contact-form textarea,
body.sayfa-sayfa .ajans-contact-form select {
    color: var(--light-heading) !important;
    background: #f4f7fa !important;
    border-color: var(--light-line-strong) !important;
    box-shadow: inset 0 1px 2px rgba(36,55,78,.04) !important;
}

body.sayfa-sayfa .ajans-contact-form input::placeholder,
body.sayfa-sayfa .ajans-contact-form textarea::placeholder {
    color: #7a899c !important;
}

body.sayfa-sayfa .ajans-contact-form label,
body.sayfa-sayfa .ajans-contact-form label > span {
    color: #31445a !important;
}

/* Footer */
.alt-alan {
    color: var(--light-ink) !important;
    background: rgba(255,255,255,.88) !important;
    border-color: var(--light-line) !important;
    box-shadow: 0 20px 54px rgba(36,55,78,.10) !important;
}

.alt-tanitim {
    color: var(--light-ink) !important;
    background: #f7fafc !important;
    border-color: var(--light-line) !important;
}

.alt-alan h3,
.alt-alan h4,
.alt-alan a {
    color: var(--light-heading) !important;
}

.alt-alan p,
.alt-alan li {
    color: var(--light-muted) !important;
}

.alt-kapanis {
    border-top: 1px solid var(--light-line) !important;
}

.mobil-hizli-cta {
    color: #06202b !important;
    background: var(--light-cyan) !important;
}

/* Mobile/tablet */
@media (max-width: 1080px) {
    .ust-nav,
    body.mobil-menu-acik .ust-nav,
    body.mobil-menu-acik .ust-alan {
        color: var(--light-ink) !important;
        background: #fff !important;
        border-color: var(--light-line-strong) !important;
        box-shadow: 0 26px 64px rgba(36,55,78,.22) !important;
    }

    .ust-nav a {
        color: var(--light-heading) !important;
        background: #f2f6f9 !important;
        border-color: var(--light-line) !important;
    }

    .mobil-menu-dugme {
        color: var(--light-heading) !important;
        background: #f1f5f8 !important;
        border-color: var(--light-line) !important;
    }

    body.sayfa-sayfa .ajans-contact-grid {
        grid-template-columns: 1fr !important;
    }
}

@media (max-width: 720px) {
    body:not(.sayfa-anasayfa) .sayfa-kahraman-karti,
    body:not(.sayfa-anasayfa) .koleksiyon-kahraman {
        padding: 26px !important;
    }

    body:not(.sayfa-anasayfa) .sayfa-vitrin-yan {
        grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
        gap: 8px !important;
    }

    body:not(.sayfa-anasayfa) .sayfa-vitrin-yan .sayfa-yan-kutu,
    body:not(.sayfa-anasayfa) .sayfa-vitrin-yan .sayfa-mini-cta {
        min-height: 190px !important;
        padding: 16px !important;
    }

    body:not(.sayfa-anasayfa) .detay-grid,
    body:not(.sayfa-anasayfa) .blog-detay-grid {
        width: calc(100% - 24px) !important;
    }

    body:not(.sayfa-anasayfa) .yan-bilgi-alani {
        grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
        gap: 8px !important;
    }

    body.sayfa-sayfa .ajans-contact-info,
    body.sayfa-sayfa .ajans-contact-form {
        padding: 22px !important;
    }

    body.sayfa-sayfa .ajans-contact-list {
        grid-template-columns: 1fr !important;
    }

    .ajans-contact-icon,
    body.sayfa-sayfa .ajans-contact-list .ajans-contact-icon {
        width: 40px !important;
        min-width: 40px !important;
        height: 40px !important;
        min-height: 40px !important;
    }
}

/* ========================================================================== 
   Card flow correction — top anchored content and guaranteed contrast
   ========================================================================== */

/* Home service rows: remove the final dark-theme gradient with ID-level scope. */
body.sayfa-anasayfa #hizmetler .mg-service-index .mg-service-row,
body.sayfa-anasayfa #hizmetler .mg-service-index .mg-service-row:nth-child(n),
body.sayfa-anasayfa #hizmetler .mg-service-index .mg-service-row:hover {
    display: grid !important;
    min-height: 0 !important;
    grid-template-columns: minmax(0, 1fr) auto !important;
    grid-template-areas: 'title link' 'text link' !important;
    align-content: start !important;
    align-items: start !important;
    gap: 8px 24px !important;
    padding: 26px 30px !important;
    color: var(--light-ink) !important;
    background: #fff !important;
    background-image: none !important;
    border: 1px solid var(--light-line) !important;
    box-shadow: 0 14px 34px rgba(36,55,78,.07), inset 0 1px 0 #fff !important;
    transform: none !important;
}

body.sayfa-anasayfa #hizmetler .mg-service-index .mg-service-row h3,
body.sayfa-anasayfa #hizmetler .mg-service-index .mg-service-row:nth-child(n) h3 {
    grid-area: title;
    align-self: start !important;
    margin: 0 !important;
    color: var(--light-heading) !important;
    -webkit-text-fill-color: currentColor !important;
}

body.sayfa-anasayfa #hizmetler .mg-service-index .mg-service-row p,
body.sayfa-anasayfa #hizmetler .mg-service-index .mg-service-row:nth-child(n) p {
    grid-area: text;
    max-width: 72ch;
    margin: 0 !important;
    color: #465a72 !important;
    -webkit-text-fill-color: currentColor !important;
    line-height: 1.6 !important;
}

body.sayfa-anasayfa #hizmetler .mg-service-index .mg-service-row > a {
    grid-area: link;
    align-self: start !important;
    justify-self: end !important;
    margin: 0 !important;
    color: #075f70 !important;
    background: #e3f7fa !important;
    border-color: rgba(8,127,145,.20) !important;
}

/* Project cards: label, title, description and CTA now follow one natural flow. */
body.sayfa-anasayfa .mg-work .mg-work-copy,
body.sayfa-uygulama_listesi .proje-grid .proje-kart-icerik {
    min-height: 0 !important;
    justify-content: flex-start !important;
    align-content: start !important;
    align-items: flex-start !important;
    gap: 10px !important;
    padding: 22px !important;
}

body.sayfa-anasayfa .mg-work .mg-work-copy .proje-kategori,
body.sayfa-uygulama_listesi .proje-grid .proje-kart-icerik .proje-kategori,
body.sayfa-uygulama_listesi .proje-grid .proje-kategori {
    align-self: flex-start !important;
    color: #075f70 !important;
    -webkit-text-fill-color: currentColor !important;
    background: #e3f7fa !important;
    border-color: rgba(8,127,145,.20) !important;
}

body.sayfa-anasayfa .mg-work .mg-work-copy h3,
body.sayfa-uygulama_listesi .proje-grid .proje-kart-icerik h3 {
    margin: 0 !important;
    color: var(--light-heading) !important;
    -webkit-text-fill-color: currentColor !important;
}

body.sayfa-anasayfa .mg-work .mg-work-copy p,
body.sayfa-uygulama_listesi .proje-grid .proje-kart-icerik p {
    margin: 0 !important;
    color: var(--light-muted) !important;
    -webkit-text-fill-color: currentColor !important;
}

body.sayfa-anasayfa .mg-work .mg-work-copy .metin-buton,
body.sayfa-uygulama_listesi .proje-grid .proje-kart-icerik .metin-buton,
.proje-kart-icerik .metin-buton {
    align-self: flex-start !important;
    margin: 12px 0 0 !important;
}

/* Side, process and information cards always start at the top edge. */
body:not(.sayfa-anasayfa) .sayfa-vitrin-yan .sayfa-kabugu.sayfa-yan-kutu,
body:not(.sayfa-anasayfa) .sayfa-vitrin-yan .sayfa-kabugu.sayfa-mini-cta,
body:not(.sayfa-anasayfa) .sayfa-vitrin-yan .sayfa-kabugu:nth-child(n),
.mg-process-card,
.mg-process .surec-kart,
.mg-team-card,
.yan-bilgi-alani .liste-kutusu,
.detay-sss-kart {
    justify-content: flex-start !important;
    align-content: start !important;
}

body:not(.sayfa-anasayfa) .sayfa-vitrin-yan .rozet,
body:not(.sayfa-anasayfa) .sayfa-vitrin-yan .kucuk-kod {
    align-self: flex-start !important;
}

body:not(.sayfa-anasayfa) .sayfa-vitrin-yan h3,
body:not(.sayfa-anasayfa) .sayfa-vitrin-yan strong {
    margin-top: 20px !important;
    margin-bottom: 0 !important;
}

body:not(.sayfa-anasayfa) .sayfa-vitrin-yan p,
body:not(.sayfa-anasayfa) .sayfa-vitrin-yan ul,
body:not(.sayfa-anasayfa) .sayfa-vitrin-yan .studio-buton-satiri {
    margin-top: 18px !important;
    margin-bottom: 0 !important;
}

@media (max-width: 720px) {
    body.sayfa-anasayfa #hizmetler .mg-service-index .mg-service-row,
    body.sayfa-anasayfa #hizmetler .mg-service-index .mg-service-row:nth-child(n),
    body.sayfa-anasayfa #hizmetler .mg-service-index .mg-service-row:hover {
        display: flex !important;
        min-height: 0 !important;
        flex-direction: column !important;
        align-items: flex-start !important;
        justify-content: flex-start !important;
        gap: 8px !important;
        padding: 14px !important;
    }

    body.sayfa-anasayfa #hizmetler .mg-service-index .mg-service-row h3 {
        font-size: 1rem !important;
        line-height: 1.1 !important;
    }

    body.sayfa-anasayfa #hizmetler .mg-service-index .mg-service-row p {
        font-size: .75rem !important;
        line-height: 1.45 !important;
    }

    body.sayfa-anasayfa #hizmetler .mg-service-index .mg-service-row > a {
        align-self: flex-start !important;
        justify-self: start !important;
        margin-top: 4px !important;
        font-size: .7rem !important;
    }

    body.sayfa-anasayfa .mg-work .mg-work-copy,
    body.sayfa-uygulama_listesi .proje-grid .proje-kart-icerik {
        gap: 8px !important;
        padding: 14px !important;
    }

    body.sayfa-anasayfa .mg-work .mg-work-copy .metin-buton,
    body.sayfa-uygulama_listesi .proje-grid .proje-kart-icerik .metin-buton {
        margin-top: 6px !important;
    }
}

/* ========================================================================== 
   Light Content QA — readable cards, natural heights and article-rich pages
   ========================================================================== */

body:not(.sayfa-anasayfa) .bolum {
    padding-block: clamp(26px, 3.8vw, 52px) !important;
}

body:not(.sayfa-anasayfa) .bolum-ilk {
    padding-top: 14px !important;
}

body:not(.sayfa-anasayfa) .sayfa-hero,
body:not(.sayfa-anasayfa) .sayfa-vitrin-grid {
    min-height: 0 !important;
    height: auto !important;
}

body:not(.sayfa-anasayfa) .sayfa-vitrin-grid {
    grid-template-rows: auto !important;
    grid-auto-rows: auto !important;
    align-items: start !important;
}

body:not(.sayfa-anasayfa) .sayfa-kahraman-karti {
    min-height: 0 !important;
    padding: clamp(42px, 4vw, 56px) !important;
}

body:not(.sayfa-anasayfa) .sayfa-kahraman-karti .breadcrumb {
    margin-bottom: 18px !important;
}

body:not(.sayfa-anasayfa) .sayfa-vitrin-yan {
    min-height: 0 !important;
    height: auto !important;
    grid-template-rows: auto !important;
    grid-auto-rows: auto !important;
    align-items: stretch !important;
}

body:not(.sayfa-anasayfa) .sayfa-vitrin-yan .sayfa-kabugu.sayfa-yan-kutu,
body:not(.sayfa-anasayfa) .sayfa-vitrin-yan .sayfa-kabugu.sayfa-mini-cta,
body:not(.sayfa-anasayfa) .sayfa-vitrin-yan .sayfa-kabugu:nth-child(even) {
    min-height: 0 !important;
    justify-content: center !important;
    padding: clamp(26px, 3vw, 38px) !important;
    color: var(--light-ink) !important;
    background: #fff !important;
}

body:not(.sayfa-anasayfa) .sayfa-vitrin-yan .sayfa-kabugu h3,
body:not(.sayfa-anasayfa) .sayfa-vitrin-yan .sayfa-kabugu strong,
body:not(.sayfa-anasayfa) .sayfa-vitrin-yan .sayfa-kabugu:nth-child(even) h3,
body:not(.sayfa-anasayfa) .sayfa-vitrin-yan .sayfa-kabugu:nth-child(even) strong {
    color: var(--light-heading) !important;
    -webkit-text-fill-color: currentColor !important;
}

body:not(.sayfa-anasayfa) .sayfa-vitrin-yan .sayfa-kabugu p,
body:not(.sayfa-anasayfa) .sayfa-vitrin-yan .sayfa-kabugu li,
body:not(.sayfa-anasayfa) .sayfa-vitrin-yan .sayfa-kabugu:nth-child(even) p,
body:not(.sayfa-anasayfa) .sayfa-vitrin-yan .sayfa-kabugu:nth-child(even) li {
    color: var(--light-muted) !important;
}

body:not(.sayfa-anasayfa) .detay-grid,
body:not(.sayfa-anasayfa) .blog-detay-grid,
body:not(.sayfa-anasayfa) .sayfa-icerik-tek,
body:not(.sayfa-anasayfa) .bolum-icerik-katmani {
    min-height: 0 !important;
}

body:not(.sayfa-anasayfa) .detay-grid,
body:not(.sayfa-anasayfa) .blog-detay-grid {
    width: min(calc(100% - 64px), 1160px) !important;
    max-width: 1160px !important;
    align-items: start !important;
}

body:not(.sayfa-anasayfa) .metin-akisi,
body:not(.sayfa-anasayfa) .blog-icerik,
body:not(.sayfa-anasayfa) .sayfa-icerik-tek .metin-akisi {
    min-height: 0 !important;
    padding: clamp(32px, 5vw, 68px) !important;
}

body:not(.sayfa-anasayfa) .metin-akisi > p,
body:not(.sayfa-anasayfa) .blog-icerik > p {
    max-width: 76ch;
    margin: 0 auto 1.35em !important;
    color: #465a72 !important;
    font-size: clamp(.98rem, 1.05vw, 1.08rem) !important;
    line-height: 1.82 !important;
}

.icerik-makale-girisi {
    max-width: 76ch;
    margin: 0 auto clamp(30px, 4vw, 48px);
    padding-bottom: clamp(24px, 3vw, 36px);
    border-bottom: 1px solid var(--light-line);
}

.icerik-makale-girisi h2 {
    max-width: 18ch;
    margin: 20px 0 14px;
    color: var(--light-heading) !important;
    font-size: clamp(2rem, 4vw, 4rem) !important;
    line-height: .98 !important;
    letter-spacing: -.055em;
}

.icerik-makale-girisi p {
    max-width: 66ch;
    margin: 0 !important;
    color: var(--light-muted) !important;
    font-size: clamp(.96rem, 1vw, 1.05rem) !important;
    line-height: 1.72 !important;
}

body:not(.sayfa-anasayfa) .yan-bilgi-alani {
    min-height: 0 !important;
    align-items: stretch !important;
}

body:not(.sayfa-anasayfa) .yan-bilgi-alani .liste-kutusu {
    min-height: 0 !important;
    padding: clamp(24px, 3vw, 36px) !important;
}

/* Compact and fully readable service list */
body:not(.sayfa-anasayfa) .servis-grid {
    gap: 14px !important;
}

body:not(.sayfa-anasayfa) .servis-grid .servis-kart,
body:not(.sayfa-anasayfa) .servis-grid .servis-kart:nth-child(n) {
    display: grid !important;
    min-height: 0 !important;
    grid-template-columns: minmax(0, 1fr) auto !important;
    grid-template-areas:
        'tag link'
        'title link'
        'text link' !important;
    align-items: center !important;
    gap: 8px 28px !important;
    padding: clamp(24px, 3vw, 34px) !important;
    color: var(--light-ink) !important;
    background: #fff !important;
    border: 1px solid var(--light-line) !important;
    box-shadow: 0 14px 34px rgba(36,55,78,.07) !important;
}

body:not(.sayfa-anasayfa) .servis-grid .servis-kart .etiket-satir { grid-area: tag; }
body:not(.sayfa-anasayfa) .servis-grid .servis-kart h3 { grid-area: title; }
body:not(.sayfa-anasayfa) .servis-grid .servis-kart p { grid-area: text; }
body:not(.sayfa-anasayfa) .servis-grid .servis-kart .metin-buton { grid-area: link; }

body:not(.sayfa-anasayfa) .servis-grid .servis-kart h3,
body:not(.sayfa-anasayfa) .servis-grid .servis-kart:nth-child(n) h3 {
    margin: 0 !important;
    color: var(--light-heading) !important;
    -webkit-text-fill-color: currentColor !important;
}

body:not(.sayfa-anasayfa) .servis-grid .servis-kart p,
body:not(.sayfa-anasayfa) .servis-grid .servis-kart:nth-child(n) p {
    max-width: 72ch;
    margin: 0 !important;
    color: var(--light-muted) !important;
    -webkit-text-fill-color: currentColor !important;
    line-height: 1.65 !important;
}

body:not(.sayfa-anasayfa) .servis-grid .servis-kart .metin-buton {
    align-self: center;
    white-space: nowrap;
}

/* Project cards and detail sections follow their content height */
body:not(.sayfa-anasayfa) .proje-grid .proje-kart,
body:not(.sayfa-anasayfa) .proje-grid .proje-kart:nth-child(n),
.proje-kart-icerik {
    min-height: 0 !important;
}

.proje-kart-icerik {
    display: flex !important;
    flex-direction: column;
}

.proje-kart-icerik .metin-buton {
    margin-top: auto;
}

/* Expanded FAQ library */
.mg-faq,
.detay-sss-bolumu {
    min-height: 0 !important;
}

.mg-faq-layout {
    min-height: 0 !important;
    grid-template-columns: 1fr !important;
    gap: clamp(28px, 4vw, 52px) !important;
}

.mg-faq-intro {
    display: grid !important;
    grid-template-columns: minmax(180px, .35fr) minmax(0, 1fr) !important;
    align-items: end !important;
    gap: 24px !important;
}

.mg-faq-intro h2 {
    max-width: 18ch !important;
    margin: 0 !important;
}

.mg-faq .sss-grid,
.detay-sss-grid {
    display: grid !important;
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
    gap: 14px !important;
}

.mg-faq .sss-oge,
.detay-sss-kart,
.detay-sss-kart:nth-child(n) {
    min-height: 0 !important;
    color: var(--light-ink) !important;
    background: #fff !important;
    border: 1px solid var(--light-line) !important;
    box-shadow: 0 12px 30px rgba(36,55,78,.07) !important;
}

.detay-sss-kart {
    padding: clamp(24px, 3vw, 34px) !important;
}

.detay-sss-kart h3,
.detay-sss-kart:nth-child(n) h3,
.mg-faq .sss-dugme span {
    color: var(--light-heading) !important;
    -webkit-text-fill-color: currentColor !important;
}

body:not(.sayfa-anasayfa) .detay-sss-bolumu .detay-sss-kart p,
body:not(.sayfa-anasayfa) .detay-sss-bolumu .detay-sss-kart:nth-child(n) p,
.mg-faq .sss-icerik p {
    color: var(--light-muted) !important;
    line-height: 1.7 !important;
}

body:not(.sayfa-anasayfa) .detay-sss-bolumu .bolum-ust > p {
    color: var(--light-muted) !important;
}

/* Final contact card without oversized empty regions */
.mg-final-card,
.mg-final .mg-final-card {
    display: grid !important;
    min-height: 0 !important;
    grid-template-columns: minmax(0, 1.25fr) minmax(280px, .75fr) !important;
    grid-template-areas:
        'label label'
        'title text'
        'title actions' !important;
    align-items: end !important;
    gap: 18px 42px !important;
    padding: clamp(38px, 5vw, 68px) !important;
}

.mg-final-card > span { grid-area: label; }
.mg-final-card > h2 { grid-area: title; margin: 0 !important; }
.mg-final-card > p { grid-area: text; margin: 0 !important; }
.mg-final-card > .kahraman-dugmeler { grid-area: actions; margin: 0 !important; }

@media (max-width: 720px) {
    body:not(.sayfa-anasayfa) .sayfa-kahraman-karti {
        padding: 22px 16px !important;
    }

    body:not(.sayfa-anasayfa) .sayfa-kahraman-karti .breadcrumb {
        margin-bottom: 10px !important;
    }

    body:not(.sayfa-anasayfa) .detay-grid,
    body:not(.sayfa-anasayfa) .blog-detay-grid {
        width: calc(100% - 24px) !important;
    }

    body:not(.sayfa-anasayfa) .sayfa-vitrin-yan .sayfa-kabugu.sayfa-yan-kutu,
    body:not(.sayfa-anasayfa) .sayfa-vitrin-yan .sayfa-kabugu.sayfa-mini-cta,
    body:not(.sayfa-anasayfa) .sayfa-vitrin-yan .sayfa-kabugu:nth-child(even) {
        min-height: 0 !important;
        padding: 16px !important;
    }

    body:not(.sayfa-anasayfa) .servis-grid .servis-kart,
    body:not(.sayfa-anasayfa) .servis-grid .servis-kart:nth-child(n) {
        display: flex !important;
        min-height: 190px !important;
        flex-direction: column;
        align-items: flex-start !important;
        padding: 16px !important;
    }

    body:not(.sayfa-anasayfa) .servis-grid .servis-kart .metin-buton {
        margin-top: auto;
        white-space: normal;
    }

    body:not(.sayfa-anasayfa) .servis-grid .servis-kart h3,
    body:not(.sayfa-anasayfa) .servis-grid .servis-kart:nth-child(n) h3 {
        font-size: 1.05rem !important;
        line-height: 1.08 !important;
        letter-spacing: -.025em !important;
    }

    body:not(.sayfa-anasayfa) .servis-grid .servis-kart p,
    body:not(.sayfa-anasayfa) .servis-grid .servis-kart:nth-child(n) p {
        font-size: .75rem !important;
        line-height: 1.45 !important;
    }

    body:not(.sayfa-anasayfa) .servis-grid .servis-kart .etiket-satir {
        min-height: 0 !important;
        font-size: .64rem !important;
        line-height: 1.25 !important;
    }

    body:not(.sayfa-anasayfa) .servis-grid .servis-kart .metin-buton {
        font-size: .72rem !important;
        line-height: 1.3 !important;
    }

    .mg-faq-intro {
        grid-template-columns: 1fr !important;
        align-items: start !important;
    }

    .detay-sss-grid {
        grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
        gap: 8px !important;
    }

    .detay-sss-kart {
        padding: 16px !important;
    }

    body:not(.sayfa-anasayfa) .detay-sss-bolumu .detay-sss-kart h3 {
        font-size: .98rem !important;
        line-height: 1.16 !important;
    }

    body:not(.sayfa-anasayfa) .detay-sss-bolumu .detay-sss-kart p {
        font-size: .75rem !important;
        line-height: 1.5 !important;
    }

    body.sayfa-sayfa .ajans-contact-info h1 {
        font-size: clamp(2.15rem, 10vw, 2.5rem) !important;
        line-height: .98 !important;
    }

    body.sayfa-sayfa .ajans-contact-list {
        grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
        gap: 8px !important;
    }

    body.sayfa-sayfa .ajans-contact-list > * {
        display: flex !important;
        min-width: 0 !important;
        min-height: 116px !important;
        padding: 12px 8px !important;
        flex-direction: column !important;
        align-items: center !important;
        justify-content: center !important;
        gap: 8px !important;
        text-align: center !important;
    }

    body.sayfa-sayfa .ajans-contact-list .ajans-contact-copy {
        min-width: 0 !important;
        align-items: center !important;
    }

    body.sayfa-sayfa .ajans-contact-list small {
        font-size: .62rem !important;
    }

    body.sayfa-sayfa .ajans-contact-list strong {
        max-width: 100% !important;
        font-size: .7rem !important;
        line-height: 1.3 !important;
        overflow-wrap: anywhere !important;
        word-break: break-word !important;
    }

    .mg-final-card,
    .mg-final .mg-final-card {
        grid-template-columns: 1fr !important;
        grid-template-areas: 'label' 'title' 'text' 'actions' !important;
        align-items: start !important;
        gap: 16px !important;
        padding: 26px !important;
    }
}

/* 2026-07-16 — final contrast and top-flow lock
   This block intentionally lives last so legacy dark/glass rules cannot win. */
body.sayfa-anasayfa #hizmetler .mg-service-index .mg-service-row,
body.sayfa-anasayfa #hizmetler .mg-service-index .mg-service-row:nth-child(n) {
    display: grid !important;
    min-height: 0 !important;
    height: auto !important;
    grid-template-columns: minmax(0, 1fr) auto !important;
    align-items: start !important;
    align-content: start !important;
    gap: 8px 24px !important;
    padding: 28px 30px !important;
    color: #091a2c !important;
    background: #fff !important;
    background-color: #fff !important;
    background-image: none !important;
    border: 1px solid #d9e0e8 !important;
    box-shadow: 0 14px 34px rgba(36,55,78,.08) !important;
}

body.sayfa-anasayfa #hizmetler .mg-service-index .mg-service-row h3 {
    grid-column: 1 !important;
    margin: 0 !important;
    color: #091a2c !important;
    -webkit-text-fill-color: #091a2c !important;
}

body.sayfa-anasayfa #hizmetler .mg-service-index .mg-service-row p {
    grid-column: 1 !important;
    margin: 0 !important;
    max-width: 68ch !important;
    color: #435a72 !important;
    -webkit-text-fill-color: #435a72 !important;
    opacity: 1 !important;
}

body.sayfa-anasayfa #hizmetler .mg-service-index .mg-service-row .metin-buton {
    grid-column: 2 !important;
    grid-row: 1 / span 2 !important;
    align-self: start !important;
    margin: 0 !important;
}

body.sayfa-anasayfa .mg-work .mg-work-copy,
body.sayfa-uygulama_listesi .proje-grid .proje-kart-icerik {
    display: flex !important;
    min-height: 0 !important;
    height: auto !important;
    flex-direction: column !important;
    align-items: flex-start !important;
    justify-content: flex-start !important;
    align-content: start !important;
    gap: 10px !important;
    padding: 22px !important;
}

body.sayfa-anasayfa .mg-work .mg-work-copy .proje-kategori,
body.sayfa-uygulama_listesi .proje-grid .proje-kart-icerik .proje-kategori {
    margin: 0 !important;
    color: #075f70 !important;
    -webkit-text-fill-color: #075f70 !important;
    background: #e7f9fc !important;
    border-color: #a8e5ed !important;
    opacity: 1 !important;
}

body.sayfa-anasayfa .mg-work .mg-work-copy h3,
body.sayfa-anasayfa .mg-work .mg-work-copy p,
body.sayfa-uygulama_listesi .proje-grid .proje-kart-icerik h2,
body.sayfa-uygulama_listesi .proje-grid .proje-kart-icerik h3,
body.sayfa-uygulama_listesi .proje-grid .proje-kart-icerik p {
    margin-top: 0 !important;
    margin-bottom: 0 !important;
}

body.sayfa-anasayfa .mg-work .mg-work-copy .metin-buton,
body.sayfa-uygulama_listesi .proje-grid .proje-kart-icerik .metin-buton,
body:not(.sayfa-anasayfa) .servis-grid .servis-kart .metin-buton {
    align-self: flex-start !important;
    margin: 10px 0 0 !important;
}

body:not(.sayfa-anasayfa) .sayfa-vitrin-yan .sayfa-kabugu.sayfa-yan-kutu,
body:not(.sayfa-anasayfa) .sayfa-vitrin-yan .sayfa-kabugu.sayfa-mini-cta,
body:not(.sayfa-anasayfa) .sayfa-vitrin-yan .sayfa-kabugu:nth-child(n),
body:not(.sayfa-anasayfa) .mg-process-card,
body:not(.sayfa-anasayfa) .mg-team-card,
body:not(.sayfa-anasayfa) .yan-bilgi-alani .liste-kutusu,
body:not(.sayfa-anasayfa) .detay-sss-kart {
    justify-content: flex-start !important;
    align-content: start !important;
}

body:not(.sayfa-anasayfa) .sayfa-vitrin-yan .sayfa-kabugu > .rozet,
body:not(.sayfa-anasayfa) .sayfa-vitrin-yan .sayfa-kabugu > .etiket-satir {
    margin-top: 0 !important;
    margin-bottom: 18px !important;
}

body:not(.sayfa-anasayfa) .sayfa-vitrin-yan .sayfa-kabugu > h2,
body:not(.sayfa-anasayfa) .sayfa-vitrin-yan .sayfa-kabugu > h3,
body:not(.sayfa-anasayfa) .sayfa-vitrin-yan .sayfa-kabugu > strong {
    margin-top: 0 !important;
    margin-bottom: 16px !important;
}

body:not(.sayfa-anasayfa) .sayfa-vitrin-yan .sayfa-kabugu > p,
body:not(.sayfa-anasayfa) .sayfa-vitrin-yan .sayfa-kabugu > ul,
body:not(.sayfa-anasayfa) .sayfa-vitrin-yan .sayfa-kabugu > .studio-buton-satiri {
    margin-top: 0 !important;
    margin-bottom: 0 !important;
}

@media (max-width: 720px) {
    body.sayfa-anasayfa #hizmetler .mg-service-index .mg-service-row,
    body.sayfa-anasayfa #hizmetler .mg-service-index .mg-service-row:nth-child(n) {
        min-height: 0 !important;
        height: auto !important;
        grid-template-columns: 1fr !important;
        gap: 6px !important;
        padding: 14px !important;
    }

    body.sayfa-anasayfa #hizmetler .mg-service-index .mg-service-row .metin-buton {
        grid-column: 1 !important;
        grid-row: auto !important;
        margin-top: 6px !important;
    }

    body.sayfa-anasayfa #hizmetler .mg-service-index .mg-service-row p {
        font-size: .75rem !important;
        line-height: 1.45 !important;
    }

    body.sayfa-anasayfa .mg-work .mg-work-copy,
    body.sayfa-uygulama_listesi .proje-grid .proje-kart-icerik {
        min-height: 0 !important;
        height: auto !important;
        gap: 8px !important;
        padding: 14px !important;
    }

    body.sayfa-anasayfa .mg-work .mg-work-copy .metin-buton,
    body.sayfa-uygulama_listesi .proje-grid .proje-kart-icerik .metin-buton,
    body:not(.sayfa-anasayfa) .servis-grid .servis-kart .metin-buton {
        margin: 6px 0 0 !important;
    }

    body:not(.sayfa-anasayfa) .sayfa-vitrin-yan .sayfa-kabugu.sayfa-yan-kutu,
    body:not(.sayfa-anasayfa) .sayfa-vitrin-yan .sayfa-kabugu.sayfa-mini-cta,
    body:not(.sayfa-anasayfa) .sayfa-vitrin-yan .sayfa-kabugu:nth-child(n) {
        justify-content: flex-start !important;
        align-content: start !important;
    }
}