/**
 * Section: warranty-card-section
 *
 * Extracted from template-parts/warranty_card_section.php.
 * Loaded via trunorth_enqueue_section('warranty-card-section').
 */

.wc-section {
        width: 100%;
        padding: calc(var(--vw) * 4) calc(var(--vw) * 5);
        box-sizing: border-box;

        .wc-grid {
            display: grid;
            grid-template-columns: repeat(3, 1fr);
            gap: calc(var(--vw) * 3);
        }

        .wc-card {
            display: flex;
            flex-direction: column;
            gap: calc(var(--vw) * 1);

            h3 {
                font-family: "Montserrat", sans-serif;
                font-size: var(--font-h4);
                font-weight: 500;
                margin-top: calc(var(--vw) * 1);
                line-height: 1.2;
            }
        }

        .wc-card-image {
            width: 100%;
            aspect-ratio: 16 / 7;
            background: transparent;
            object-fit: cover;
        }

        .wc-card-subtitle {
            font-family: "Open Sans", sans-serif;
            font-size: var(--font-body);
            font-weight: 600;
            margin: 0;
            color: #222;
        }

        .wc-card-description {
            font-family: "Open Sans", sans-serif;
            font-size: var(--font-body);
            line-height: 1.2;
            color: #333;
            margin: 0;
            flex: 1;
        }

        .wc-card-btn {
            margin-top: auto;
        }

        @media (max-width: 780px) {
            .wc-grid {
                grid-template-columns: 1fr;
            }
        }
    }