/* Bulyap usta profili ve paylasim studyosu mobil sikilastirma - Adim 58G */
@media (max-width: 767.98px) {
    .bulyap-usta-detay > nav {
        padding: 9px 12px !important;
    }

    .bulyap-usta-detay .usta-detay-icerik {
        margin-top: 0 !important;
        padding: 10px !important;
        padding-bottom: 14px !important;
    }

    body.bulyap-usta-detay.bulyap-panel-page .usta-detay-icerik {
        padding-bottom: calc(90px + env(safe-area-inset-bottom)) !important;
    }

    .bulyap-usta-detay .usta-detay-icerik > nav[aria-label="Breadcrumb"] {
        display: none !important;
    }

    .bulyap-usta-detay .usta-detay-grid {
        gap: 12px !important;
    }

    .bulyap-usta-detay .usta-profil-ana,
    .bulyap-usta-detay .usta-profil-yan-icerik {
        gap: 12px !important;
    }

    .bulyap-usta-detay .usta-profil-karti > div:first-child {
        height: 88px !important;
    }

    .bulyap-usta-detay .usta-profil-karti > div:nth-child(2) {
        padding-right: 14px !important;
        padding-bottom: 14px !important;
        padding-left: 14px !important;
    }

    .bulyap-usta-detay .usta-profil-karti > div:nth-child(2) > div:first-child {
        top: -36px !important;
        width: 72px !important;
        height: 72px !important;
        padding: 4px !important;
    }

    .bulyap-usta-detay .usta-profil-karti > div:nth-child(2) > div:last-child {
        padding-top: 40px !important;
    }

    .bulyap-usta-detay .usta-profil-karti h1 {
        font-size: 20px !important;
    }

    .bulyap-usta-detay .usta-profil-karti a[href^="paylasim.php"] {
        min-height: 38px !important;
        margin-top: 9px !important;
        padding: 6px 12px !important;
        font-size: 12px !important;
    }

    .bulyap-usta-detay .usta-hakkinda-karti,
    .bulyap-usta-detay .usta-hizmetler-karti,
    .bulyap-usta-detay .usta-sosyal-karti,
    .bulyap-usta-detay .usta-tum-yorumlar-karti,
    .bulyap-usta-detay .usta-iletisim-karti {
        padding: 12px !important;
    }

    .bulyap-usta-detay .usta-hakkinda-karti h2 {
        margin-bottom: 7px !important;
        padding-bottom: 6px !important;
        font-size: 15px !important;
    }

    .bulyap-usta-detay .usta-hakkinda-karti p {
        font-size: 12px !important;
        line-height: 1.45 !important;
    }

    .bulyap-usta-detay .usta-hizmetler-karti > div:first-child,
    .bulyap-usta-detay .usta-sosyal-karti > div:first-child {
        display: flex !important;
        flex-direction: row !important;
        align-items: center !important;
        margin-bottom: 9px !important;
        padding-bottom: 8px !important;
    }

    .bulyap-usta-detay .usta-hizmetler-karti h2,
    .bulyap-usta-detay .usta-sosyal-karti h2,
    .bulyap-usta-detay .usta-tum-yorumlar-karti h2 {
        font-size: 15px !important;
    }

    .bulyap-usta-detay .usta-hizmetler-karti > div:first-child p,
    .bulyap-usta-detay .usta-sosyal-karti > p,
    .bulyap-usta-detay .usta-tum-yorumlar-karti button > span:first-child > span {
        display: none !important;
    }

    .bulyap-usta-detay .usta-hizmetler-karti > div:last-child {
        gap: 6px !important;
    }

    .bulyap-usta-detay .usta-hizmetler-karti > div:last-child > a,
    .bulyap-usta-detay .usta-hizmetler-karti > div:last-child > span {
        min-height: 34px !important;
        padding: 5px 9px !important;
        border-radius: 10px !important;
        font-size: 11px !important;
    }

    .bulyap-usta-detay .usta-sosyal-karti > div:nth-of-type(2) {
        grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
        gap: 7px !important;
    }

    .bulyap-usta-detay .usta-sosyal-karti > div:nth-of-type(2) > a {
        min-width: 0;
        gap: 6px !important;
        padding: 7px !important;
        border-radius: 10px !important;
    }

    .bulyap-usta-detay .usta-sosyal-karti > div:nth-of-type(2) > a > span > span:first-child {
        width: 34px !important;
        height: 34px !important;
        border-radius: 9px !important;
        font-size: 15px !important;
    }

    .bulyap-usta-detay .usta-sosyal-karti > div:nth-of-type(2) strong {
        font-size: 11px !important;
    }

    .bulyap-usta-detay .usta-sosyal-karti > div:nth-of-type(2) strong + span {
        display: none !important;
    }

    .bulyap-usta-detay .usta-sosyal-karti > div:last-child {
        margin-top: 9px !important;
        padding: 8px !important;
        font-size: 10px !important;
        line-height: 1.4 !important;
    }

    .bulyap-usta-detay .usta-tum-yorumlar-karti > button {
        flex-direction: row !important;
        align-items: center !important;
        gap: 7px !important;
        padding-bottom: 8px !important;
    }

    .bulyap-usta-detay .usta-tum-yorumlar-karti > button > span:last-child {
        gap: 4px !important;
    }

    .bulyap-usta-detay .usta-tum-yorumlar-karti > button > span:last-child > span:first-child {
        font-size: 18px !important;
    }

    .bulyap-usta-detay .usta-iletisim-karti > div:first-child {
        margin-bottom: 10px !important;
    }

    .bulyap-usta-detay .usta-iletisim-karti h3 {
        font-size: 17px !important;
    }

    .bulyap-usta-detay .usta-iletisim-karti > div:last-child {
        gap: 7px !important;
    }

    .bulyap-usta-detay .usta-iletisim-karti > div:last-child > a,
    .bulyap-usta-detay .usta-iletisim-karti > div:last-child > button,
    .bulyap-usta-detay .usta-iletisim-karti > div:last-child > div {
        min-height: 40px !important;
        padding-top: 8px !important;
        padding-bottom: 8px !important;
        font-size: 11px !important;
        line-height: 1.4 !important;
    }

    .bulyap-usta-detay .usta-istatistikler {
        grid-template-columns: repeat(4, minmax(0, 1fr)) !important;
        gap: 6px !important;
    }

    .bulyap-usta-detay .usta-istatistikler > div {
        min-width: 0;
        padding: 9px 3px !important;
    }

    .bulyap-usta-detay .usta-istatistikler > div > div:first-child {
        font-size: 18px !important;
    }

    .bulyap-usta-detay .usta-istatistikler p {
        font-size: 7px !important;
        line-height: 1.2 !important;
    }

    .bulyap-usta-detay .usta-son-yorumlar > div:first-child {
        padding: 10px 12px !important;
    }

    .bulyap-usta-detay .usta-son-yorumlar > div:last-child {
        padding: 11px !important;
    }

    .bulyap-usta-detay .usta-son-yorumlar article {
        padding-bottom: 8px !important;
    }

    .bulyap-usta-detay .usta-son-yorumlar article:nth-child(n+3) {
        display: none !important;
    }

    .bulyap-usta-detay .usta-son-yorumlar article p:last-child {
        display: -webkit-box;
        overflow: hidden;
        -webkit-box-orient: vertical;
        -webkit-line-clamp: 2;
    }

    .bulyap-usta-detay .usta-son-yorumlar a[href="#tum-yorumlar"] {
        min-height: 40px !important;
        margin-top: 9px !important;
        padding: 7px 10px !important;
        font-size: 12px !important;
    }

    .bulyap-paylasim-sayfa > header > div,
    .bulyap-paylasim-sayfa > div > header > div {
        height: 64px !important;
        align-items: center !important;
        padding-bottom: 0 !important;
    }

    .bulyap-paylasim-sayfa main > div {
        padding: 10px !important;
    }

    .bulyap-paylasim-sayfa main > div > div.mb-6 {
        margin-bottom: 9px !important;
    }

    .bulyap-paylasim-sayfa main > div > div.mb-6 h1 {
        margin-top: 1px !important;
        font-size: 19px !important;
    }

    .bulyap-paylasim-sayfa main > div > div.mb-6 p {
        display: none !important;
    }

    .bulyap-paylasim-sayfa main .grid.gap-6 {
        gap: 10px !important;
    }

    .bulyap-paylasim-sayfa #kart-onizleme {
        max-height: 46vh !important;
        border-radius: 12px !important;
    }

    .bulyap-paylasim-sayfa #kart-onizleme + *,
    .bulyap-paylasim-sayfa aside > section p.text-slate-500 {
        font-size: 10px !important;
        line-height: 1.4 !important;
    }

    .bulyap-paylasim-sayfa aside {
        gap: 9px !important;
    }

    .bulyap-paylasim-sayfa aside > section {
        padding: 11px !important;
    }

    .bulyap-paylasim-sayfa aside > section h2 {
        font-size: 13px !important;
    }

    .bulyap-paylasim-sayfa aside > section:first-child a {
        min-height: 48px !important;
    }

    .bulyap-paylasim-sayfa #paylas-dugme {
        min-height: 42px !important;
        margin-top: 8px !important;
    }

    .bulyap-paylasim-sayfa #kopyala-dugme,
    .bulyap-paylasim-sayfa #indir-dugme,
    .bulyap-paylasim-sayfa a[aria-label="WhatsApp"],
    .bulyap-paylasim-sayfa a[aria-label="Facebook"],
    .bulyap-paylasim-sayfa a[aria-label="X"],
    .bulyap-paylasim-sayfa a[aria-label="LinkedIn"] {
        min-height: 38px !important;
        height: 38px !important;
    }
}