/* =========================================
HEADLINE
========================================= */

.checks-headline{

    text-align:center;

    font-size:1.15rem;
    font-weight:700;

    color:#374151;

    margin-top:20px;

}

.checks-subtitle{

    text-align:center;

    font-size:0.78rem;
    line-height:1.6;

    color:#6b7280;

    margin-top:12px;
    margin-bottom:24px;

}

/* =========================================
GRID
========================================= */

.checks-grid{

    display:grid;

    grid-template-columns:
        repeat(
            auto-fit,
            minmax(220px,1fr)
        );

    gap:14px;

}

/* =========================================
CARD
========================================= */

.check-card{

    background:white;

    border:1px solid #e5e7eb;

    border-radius:18px;

    padding:18px;

    text-decoration:none;

    transition:0.2s;

    display:flex;
    flex-direction:column;

    gap:10px;

    min-height:130px;

}

.check-card:hover{

    transform:translateY(-2px);

    border-color:#6366f1;

}

/* =========================================
TITLE
========================================= */

.check-title{

    font-size:0.82rem;
    font-weight:700;

    line-height:1.5;

    color:#111827;

}

/* =========================================
TEXT
========================================= */

.check-text{

    font-size:0.76rem;

    line-height:1.6;

    color:#6b7280;

}

/* =========================================
CHECK DETAIL PAGE
========================================= */

.check-image{

    margin-top:16px;

    border-radius:16px;

    overflow:hidden;

    border:1px solid #e5e7eb;

}

.check-image img{

    width:100%;

    display:block;

    cursor:zoom-in;

}

/* =========================================
ACCORDION
========================================= */

.accordion{

    margin-top:14px;

}

.accordion-btn{

    width:100%;

    text-align:left;

    background:#f9fafb;

    border:none;

    padding:14px;

    border-radius:12px;

    font-size:0.82rem;

    font-weight:600;

    color:#374151;

    cursor:pointer;

    display:flex;

    justify-content:space-between;

    align-items:center;

}

.accordion-btn::after{

    content:"+";

    font-size:1rem;

    color:#6b7280;

}

.accordion-btn.active::after{

    content:"−";

}

.accordion-content{

    display:none;

    background:#f9fafb;

    padding:14px;

    border-radius:12px;

    margin-top:6px;
    margin-bottom:10px;

    font-size:0.78rem;

    line-height:1.7;

    color:#4b5563;

}

/* =========================================
IMAGE OVERLAY
========================================= */

#imageOverlay{

    display:none;

    position:fixed;

    inset:0;

    background:rgba(0,0,0,0.88);

    justify-content:center;

    align-items:center;

    z-index:9999;

    padding:20px;

}

#imageOverlay img{

    max-width:95%;
    max-height:95%;

    border-radius:16px;

}

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

@media (max-width:480px){

    .checks-grid{

        grid-template-columns:1fr;

        gap:12px;

    }

    .check-card{

        min-height:auto;

        padding:16px;

    }

    .check-title{

        font-size:0.78rem;

    }

    .check-text{

        font-size:0.72rem;

    }

    .accordion-btn{

        font-size:0.78rem;

        padding:12px;

    }

    .accordion-content{

        font-size:0.74rem;

    }

}