/* ==========================================================================
   Fonte Da Vida - Products Page Mobile Styles
   ========================================================================== */
@media (max-width: 768px) {
    .page-header.animated-header {
        padding: 130px 24px 80px;
        min-height: 50vh;
    }

    .templates-grid {
        grid-template-columns: 1fr;
        max-width: 480px;
        margin: 0 auto;
    }
}

@media (max-width: 389px) {
    .page-header.animated-header {
        padding: 110px 24px 50px;
        min-height: 50vh;
    }

    .template-info {
        padding: 16px;
    }

    .template-name {
        font-size: 15px;
    }

    .template-desc {
        font-size: 12px;
    }
}

@media (max-width: 768px) {
    .product-modal {
        width: 100%;
        height: 100%;
        max-height: 100vh;
        max-height: 100dvh;
        border-radius: 0;
        display: flex;
        flex-direction: column;
    }

    .modal-content {
        grid-template-columns: 1fr;
        display: flex;
        flex-direction: column;
        min-height: 100%;
    }

    .modal-image-container {
        border-right: none;
        border-bottom: 1px solid var(--border-subtle);
        padding: 40px 20px 20px;
        min-height: 250px;
    }

    .modal-details {
        padding: 24px 20px 40px;
        flex: 1;
    }
}

@media (max-width: 768px) {
    .cta-glass-card {
        padding: 50px 30px;
        border-radius: 20px;
    }

    .cta-actions {
        flex-direction: column;
        width: 100%;
    }

    .cta-actions a {
        width: 100%;
        justify-content: center;
    }
}