/* MOBILE */
@media(max-width: 991px) {

    .zt-nav {
        display: none;
    }

    .zt-header-right {
        display: flex;
        gap: 12px;
        align-items: center;
        justify-content: flex-end;
    }

    .zt-mobile-toggle {
        display: flex;
        margin-left: auto;
    }
    


    .highlight-grid,
    .zt-grid-3,
    .zt-testimonial-slider {
        grid-template-columns: 1fr;
    }

    .zt-hero {
        height: 450px;
    }

    .zt-hero-content h1 {
        font-size: 32px;
    }

    .header-flex {
        flex-direction: row;
    }
}

/* SMALL MOBILE */
@media(max-width: 480px) {

    .zt-hero {
        height: 380px;
    }

    .zt-hero-content {
        padding-top: 120px;
    }

    .zt-hero-content h1 {
        font-size: 26px;
        line-height: 1.3;
    }

    .zt-btn-primary,
    .zt-btn-outline {
        padding: 10px 20px;
        font-size: 14px;
    }
}

@media(max-width: 768px) {
    .zt-animal-overlay {
        opacity: 1 !important;
        background: rgba(0,0,0,0.35);
    }

    .zt-animal-overlay h3 {
        font-size: 18px;
    }
}


@media(max-width: 768px) {
    .zt-animal-image {
        height: 180px !important;
    }

    .zt-animal-image img {
        height: 180px !important;
    }
}

@media(max-width: 768px) {
    .zt-animal-overlay {
        opacity: 1 !important;
        transform: translateY(0) !important;
        background: linear-gradient(
            to bottom,
            rgba(0,0,0,0.0) 20%,
            rgba(0,0,0,0.60) 100%
        ) !important;
    }

    .zt-animal-title {
        font-size: 18px;
        padding-bottom: 12px;
    }
}

@media(max-width: 768px) {
    .zt-animal-card {
        border-radius: 14px;
        box-shadow: 0 3px 14px rgba(0,0,0,0.15);
    }
}

/* 2 columns on mobile */
@media(max-width: 768px) {
    .zt-grid-3 {
        grid-template-columns: repeat(2, 1fr) !important;
        gap: 12px !important;
        padding: 0 12px;
    }
}

@media(max-width: 768px) {
    .zt-animal-image {
        height: 150px !important;
    }

    .zt-animal-image img {
        height: 150px !important;
    }
}

@media(max-width: 768px) {
    .zt-animal-card {
        border-radius: 12px;
        box-shadow: 0 3px 12px rgba(0,0,0,0.12);
    }
}

@media(max-width: 768px) {
    .zt-grid-3 {
        grid-template-columns: repeat(2, 1fr) !important;
        gap: 12px !important;
        padding: 0 12px;
    }

    .zt-animal-title {
        font-size: 14px;
    }

    /* Make overlay always visible on mobile */
    .zt-animal-overlay {
        opacity: 1 !important;
        padding-bottom: 10px !important;
    }
}

@media(max-width: 768px) {
    .zt-feature-content {
        height: 150px !important;
        padding: 20px;
    }
}