/* 1) STUDIO KOYU BOLUM -> MARKA TURKUAZ/MAVI */
html body .cp-studio-how-v2,
html body .cpscome-how {
    background-image: linear-gradient(135deg, #1F7896 0%, #17627E 52%, #123C48 100%) !important;
}

/* 2) MOBIL "CODE PILATES'E DON" KOSE BUTONU + DUZGUN HAMBURGER (<=820px) */
.cposb-return { display: none; }

@media (max-width: 820px) {
    html body:not(#_):not(#_):not(#_):not(#_):not(#_):not(#_) #masthead .cpscos20-header__inner.cposb-has-return {
        grid-template-columns: minmax(0, 1fr) auto auto !important;
        gap: 10px !important;
        padding-inline: 14px !important;
    }
    html body:not(#_):not(#_):not(#_):not(#_):not(#_):not(#_) #masthead .cpscos20-brand { min-width: 0 !important; margin-inline-start: 0 !important; }
    html body:not(#_):not(#_):not(#_):not(#_):not(#_):not(#_) #masthead .cpscos20-brand__wordmark { white-space: nowrap; }

    .cposb-return {
        display: inline-flex !important;
        align-items: center;
        gap: 4px;
        min-height: 44px;
        padding: 8px 12px;
        border: 1px solid #1F7896;
        border-radius: 11px;
        background: #ffffff;
        color: #1F7896 !important;
        font: 700 14px/1 var(--cp1664-font, "Outfit", system-ui, sans-serif);
        text-decoration: none !important;
        white-space: nowrap;
    }
    .cposb-return::before { content: "\2039"; font-size: 20px; line-height: 1; margin-top: -2px; }
    .cposb-return:is(:hover, :focus-visible) { background: #F0F9FC; border-color: #1F7896; color: #17627E !important; }

    /* Menu pilini kompakt kutuya cevir; owner chevron ::after/::before gizle */
    html body:not(#_):not(#_):not(#_):not(#_):not(#_):not(#_) #masthead .cpscos20-mobile > summary {
        display: inline-flex !important;
        align-items: center !important;
        justify-content: center !important;
        width: 48px !important;
        min-width: 48px !important;
        padding: 10px !important;
        gap: 0 !important;
        font-size: 0 !important;
        color: transparent !important;
        overflow: hidden !important;
    }
    html body:not(#_):not(#_):not(#_):not(#_):not(#_):not(#_) #masthead .cpscos20-mobile > summary::after,
    html body:not(#_):not(#_):not(#_):not(#_):not(#_):not(#_) #masthead .cpscos20-mobile > summary::before {
        content: "" !important;
        display: none !important;
    }
    /* JS ile enjekte edilen 3 yatay cizgi (transform'dan bagimsiz, her tarayicida ayni) */
    html body:not(#_):not(#_):not(#_):not(#_):not(#_):not(#_) #masthead .cpscos20-mobile > summary > .cposb-burger {
        display: inline-flex !important;
        flex-direction: column !important;
        justify-content: center !important;
        gap: 5px !important;
        width: 22px !important;
        height: 16px !important;
    }
    html body:not(#_):not(#_):not(#_):not(#_):not(#_):not(#_) #masthead .cpscos20-mobile > summary > .cposb-burger > span {
        display: block !important;
        width: 22px !important;
        height: 2.4px !important;
        border-radius: 2px !important;
        background: #1F7896 !important;
        transform: none !important;
    }
}
@media (max-width: 360px) {
    .cposb-return { padding: 8px 10px; font-size: 13px; }
}

/* 3) DANISMANLIK MOBIL GORSELLERI -> TAM GENISLIK (IS ORTAKLIKLARI GIBI) */
@media (max-width: 820px) {
    /* 3a) Hero gorseli (mevcut) */
    html body :is(.cprc1656-consultancy-media, .cprc1652-consultancy-media-node img, .cprc1652-consultancy-media-node) {
        display: block !important;
        width: 100% !important;
        max-width: 100% !important;
        height: auto !important;
        aspect-ratio: 4 / 3 !important;
        object-fit: cover !important;
        border-radius: 18px !important;
    }
    html body :is(figure, a, div).cprc1652-consultancy-media-node,
    html body :is(figure, a).cprc1656-consultancy-media {
        display: block !important;
        width: 100% !important;
        margin-inline: 0 !important;
    }
    /* 3b) Kart gorselleri: 96px kucuk kareyi tam-genislik banner yap */
    html body:not(#_):not(#_):not(#_):not(#_):not(#_):not(#_) .cprc1650-consultancy-card {
        display: flex !important;
        flex-direction: column !important;
        grid-template-columns: none !important;
    }
    html body:not(#_):not(#_):not(#_):not(#_):not(#_):not(#_) .cprc1650-consultancy-card > div:first-child:not(.cprc1650-consultancy-content) {
        grid-column: 1 / -1 !important;
        width: 100% !important;
        inline-size: 100% !important;
        max-width: none !important;
        height: auto !important;
        block-size: auto !important;
        min-height: 0 !important;
        min-block-size: 0 !important;
        max-height: none !important;
        max-block-size: none !important;
        aspect-ratio: 3 / 2 !important;
        border-radius: 18px !important;
        background-size: cover !important;
    }
}

/* 4) STUDIO KATALOG KARTLARI: mobilde gorseli tam-genislik banner olarak yigla */
@media (max-width: 820px) {
    html body:not(#_):not(#_):not(#_):not(#_):not(#_):not(#_) .cpscome-mastery-card {
        grid-template-columns: 1fr !important;
        grid-template-rows: auto auto !important;
        min-height: 0 !important;
        height: auto !important;
    }
    html body:not(#_):not(#_):not(#_):not(#_):not(#_):not(#_) .cpscome-mastery-card__media {
        width: 100% !important;
        height: auto !important;
        aspect-ratio: 4 / 3 !important;
        min-height: 0 !important;
        max-height: none !important;
        border-radius: 14px 14px 0 0 !important;
        overflow: hidden !important;
    }
    html body:not(#_):not(#_):not(#_):not(#_):not(#_):not(#_) .cpscome-mastery-card__media img {
        width: 100% !important;
        height: 100% !important;
        object-fit: cover !important;
        object-position: 50% 45% !important;
        border-radius: 0 !important;
    }
}

/* 5) KURUCU MESAJI KARTI (mobil): foto + metni ortala, yandaki bosluk kalksin */
@media (max-width: 820px) {
    html body:not(#_):not(#_):not(#_):not(#_):not(#_):not(#_) .cprc1652-founder-card {
        justify-items: center !important;
        text-align: center !important;
        gap: 16px !important;
    }
    html body:not(#_):not(#_):not(#_):not(#_):not(#_):not(#_) .cprc1652-founder-card__portrait {
        width: 150px !important;
        height: 188px !important;
        margin: 0 auto !important;
        justify-self: center !important;
    }
    html body:not(#_):not(#_):not(#_):not(#_):not(#_):not(#_) .cprc1652-founder-card__copy {
        align-items: center !important;
        text-align: center !important;
        width: 100% !important;
    }
    html body:not(#_):not(#_):not(#_):not(#_):not(#_):not(#_) :is(.cprc1652-founder-card__eyebrow, .cprc1652-founder-card__message, .cprc1652-founder-card__signature, .cprc1652-founder-card__role) {
        text-align: center !important;
        width: 100% !important;
    }
}