/* =========================
   FAQ - Tick Eyewear
========================= */

.faq-item{
    background:#ffffff;
    border:1px solid #f2dada;
    border-radius:16px;
    margin-bottom:14px;
    overflow:hidden;
    box-shadow:0 4px 12px rgba(0,0,0,.04);
}

.faq-item input{
    display:none;
}

.faq-question{
    display:block;
    padding:18px 20px;
    font-weight:700;
    font-size:15px;
    color:var(--text-color);
    cursor:pointer;
    position:relative;
    transition:.25s ease;
}

.faq-question:hover{
    color:var(--brand-color);
}

.faq-question::after{
    content:"+";
    position:absolute;
    left:20px;
    top:50%;
    transform:translateY(-50%);
    font-size:22px;
    font-weight:700;
    color:var(--brand-color);
}

.faq-item input:checked + .faq-question{
    background:var(--brand-light);
    color:var(--brand-color);
}

.faq-item input:checked + .faq-question::after{
    content:"−";
}

.faq-answer{
    max-height:0;
    overflow:hidden;

    padding:0 20px;

    background:var(--brand-color);
    color:#ffffff;

    line-height:2;

    transition:max-height .35s ease,
               padding .35s ease;
}

.faq-item input:checked ~ .faq-answer{
    max-height:300px;
    padding:18px 20px;
}