/* =========================================
   MOBILE
========================================= */

.mobile-menu-btn {

    display: none;
}

@media (max-width: 900px) {

    .sidebar {

        transform: translateX(-100%);

        transition: 0.3s;
    }

    .sidebar.mobile-open {

        transform: translateX(0);
    }

    .main-content {

        margin-left: 0;

        padding: 22px;
    }

    .mobile-menu-btn {

        display: flex;

        position: fixed;

        top: 18px;
        left: 18px;

        width: 54px;
        height: 54px;

        border-radius: 16px;

        background:
            rgba(8,20,43,0.92);

        align-items: center;
        justify-content: center;

        z-index: 3000;

        color: white;

        font-size: 26px;
    }

    .pets-grid {

        grid-template-columns: 1fr;
    }

    .pet-main-info h2 {

        font-size: 38px;
    }

    .pet-breed {

        font-size: 18px;
    }

    .pet-photo-wrapper {

        height: 260px;
    }

    .pet-action-btn {

        flex: 1 1 100%;

        text-align: center;
    }
}