/**
 * Section: warranty-block
 *
 * Extracted from template-parts/warranty_block.php.
 * Loaded via trunorth_enqueue_section('warranty-block').
 */

.wb-section {
        padding: calc(var(--vw) * 4) calc(var(--vw) * 5);
        background: #fff;
        font-family: 'Montserrat', sans-serif;

        .wb-grid {
            display: grid;
            grid-template-columns: 1fr 1fr;
            gap: calc(var(--vw) * 4);
            max-width: 100%;
        }

        .wb-column {
            display: flex;
            flex-direction: column;
            align-items: flex-start;
        }

        .wb-icon {
            width: clamp(5rem, calc(var(--vw) * 10), calc(var(--vw) * 10));
            height: clamp(5rem, calc(var(--vw) * 10), calc(var(--vw) * 10));
            margin-bottom: calc(var(--vw) * 3);
            flex-shrink: 0;
            align-self: center;

            img {
                width: 100%;
                height: 100%;
                object-fit: contain;
            }
        }

        .wb-title {
            font-family: 'Montserrat', sans-serif;
            font-size: clamp(1.1rem, calc(var(--vw) * 1.5), calc(var(--vw) * 1.5));
            font-weight: 600;
            color: #222;
            margin: 0 0 calc(var(--vw) * 1) 0;
        }

        .wb-description {
            font-family: 'Montserrat', sans-serif;
            font-size: clamp(0.85rem, calc(var(--vw) * 1), calc(var(--vw) * 1));
            color: #555;
            margin-bottom: calc(var(--vw) * 2);
            line-height: 1.6;
        }

        .wb-form {
            width: 100%;
        }

        @media (max-width: 768px) {
            & {
                padding: calc(var(--vw) * 3) calc(var(--vw) * 5);
            }

            .wb-grid {
                grid-template-columns: 1fr;
                gap: calc(var(--vw) * 6);
            }
        }
    }