/* ==========================================
   Страница контактов
========================================== */

.site-page {

    padding: 40px 0 70px;

}


.page-title {

    margin-bottom: 30px;

    color: var(--color-primary-dark);

    font-size: 32px;

}


.contacts-card {

    max-width: 700px;

    background: #ffffff;

    border-radius: 20px;

    padding: 32px;

    box-shadow: 0 10px 30px rgba(0,0,0,.08);

    border-top: 4px solid var(--color-primary);

}


.contact-item {

    margin-bottom: 28px;

}


.contact-item:last-child {

    margin-bottom: 0;

}


.contact-item h3 {

    margin: 0 0 10px;

    font-size: 16px;

    text-transform: uppercase;

    color: var(--color-text-light);

    letter-spacing: .5px;

}


.contact-item p {

    margin: 6px 0;

    font-size: 18px;

    color: var(--color-primary-dark);

}


.contact-item a {

    color: var(--color-primary);

    text-decoration: none;

}


.contact-item a:hover {

    text-decoration: underline;

}


@media (max-width: 600px) {

    .contacts-card {

        padding: 22px;

    }


    .page-title {

        font-size: 26px;

    }


    .contact-item p {

        font-size: 16px;

    }

}

/* ==========================================
   FAQ - Для родителей
========================================== */

.faq-list {

    max-width: 800px;

}


.faq-item {

    background: #ffffff;

    border-radius: 18px;

    margin-bottom: 18px;

    border-top: 4px solid var(--color-primary);

    box-shadow: 0 8px 25px rgba(0,0,0,.08);

    overflow: hidden;

}


.faq-item summary {

    cursor: pointer;

    list-style: none;

    padding: 22px 28px;

    font-size: 20px;

    font-weight: 700;

    color: var(--color-primary-dark);

    position: relative;

}


.faq-item summary::-webkit-details-marker {

    display: none;

}


.faq-item summary::after {

    content: "+";

    position: absolute;

    right: 28px;

    top: 50%;

    transform: translateY(-50%);

    font-size: 28px;

    font-weight: 400;

    color: var(--color-primary);

}


.faq-item[open] summary::after {

    content: "−";

}


.faq-answer {

    padding: 0 28px 26px;

    color: var(--color-text);

    font-size: 17px;

    line-height: 1.6;

}


.faq-answer p {

    margin-bottom: 14px;

}


.faq-answer ul,
.faq-answer ol {

    padding-left: 25px;

}


.faq-answer li {

    margin-bottom: 8px;

}



@media (max-width: 600px) {


    .faq-item summary {

        padding: 18px 22px;

        font-size: 17px;

    }


    .faq-item summary::after {

        right: 20px;

    }


    .faq-answer {

        padding: 0 22px 22px;

        font-size: 16px;

    }

}

/* Страница в разработке */

.coming-soon {

    max-width: 700px;

    margin: 60px auto;

    padding: 40px;

    text-align: center;

    background: #ffffff;

    border-radius: 18px;

    box-shadow: 0 8px 25px rgba(0,0,0,0.08);

}


.coming-soon-icon {

    font-size: 48px;

    margin-bottom: 20px;

}


.coming-soon h2 {

    margin-bottom: 20px;

}


.coming-soon p {

    color: #4b5563;

    line-height: 1.7;

}