/* FAQ в контаках */


    .contacts-page {
      width: min(1080px, calc(100% - 40px));
      margin: 0 auto;
      padding: 76px 0 90px;
    }

    .contacts-title {
      margin: 0 0 60px;
      padding-top: 16px;
      border-top: 1px solid rgba(255,255,255,.28);

      font-size: 32px;
      font-weight: 300;
      letter-spacing: .03em;
      line-height: 1.2;
      color: rgba(255,255,255,.92);
    }

    .contacts-grid {
      display: grid;
      grid-template-columns: 360px 1fr;
      gap: 80px;
      align-items: center;
    }

    .contacts-photo {
      width: 320px;
      height: 320px;
      margin: 0 auto;
      border-radius: 50%;
      overflow: hidden;

      box-shadow:
        0 0 0 1px rgba(255,255,255,.04),
        0 25px 80px rgba(0,0,0,.5);
    }

    .contacts-photo img {
      width: 100%;
      height: 100%;
      object-fit: cover;
      filter: grayscale(1) contrast(1.04);
    }

    .contacts-content {
      max-width: 560px;
    }

    .contacts-subtitle {
      margin: 0 0 24px;
      font-size: 30px;
      font-weight: 300;
      color: rgba(255,255,255,.92);
    }

    .contacts-text {
      margin: 0 0 26px;
      font-size: 22px;
      line-height: 1.6;
      font-weight: 300;
      color: rgba(255,255,255,.72);
    }

    
    .faq-section {
      max-width: 880px;
      margin: 90px auto 0;
      color: #fff;
    }

    .faq-head {
      text-align: center;
      margin-bottom: 32px;
    }

    .faq-head span {
      font-size: 11px;
      letter-spacing: .24em;
      color: rgba(255,255,255,.35);
    }

    .faq-head h2 {
      margin: 10px 0 0;
      font-size: 28px;
      font-weight: 300;
      color: rgba(255,255,255,.9);
    }

    .faq-section details {
      border-top: 1px solid rgba(255,255,255,.1);
      padding: 20px 0;
    }

    .faq-section details:last-child {
      border-bottom: 1px solid rgba(255,255,255,.1);
    }

    .faq-section summary {
      cursor: pointer;
      list-style: none;
      font-size: 18px;
      line-height: 1.4;
      color: rgba(255,255,255,.88);
    }

    .faq-section summary::-webkit-details-marker {
      display: none;
    }

    .faq-section summary::after {
      content: '+';
      float: right;
      color: rgba(255,255,255,.45);
      font-size: 22px;
      line-height: 1;
    }

    .faq-section details[open] summary::after {
      content: '–';
    }

    .faq-section p {
      margin: 14px 0 0;
      max-width: 720px;
      font-size: 15px;
      line-height: 1.7;
      color: rgba(255,255,255,.55);
    }

 

  

    @media (min-width: 821px) {
      body {
        padding-top: 90px;
      }
    }

    @media (max-width: 820px) {
      .contacts-page {
        width: calc(100% - 32px);
        padding: 82px 0 70px;
      }

      .contacts-title {
        margin-bottom: 36px;
        font-size: 24px;
      }

      .contacts-grid {
        grid-template-columns: 1fr;
        gap: 36px;
        text-align: center;
      }

      .contacts-photo {
        width: 230px;
        height: 230px;
      }

      .contacts-content {
        max-width: 100%;
      }

      .contacts-subtitle {
        font-size: 24px;
      }

      .contacts-text {
        font-size: 18px;
        line-height: 1.55;
      }

      .contacts-buttons {
        justify-content: center;
      }

      .faq-section {
        margin-top: 60px;
      }

      .faq-head h2 {
        font-size: 23px;
      }

      .faq-section summary {
        font-size: 16px;
      }

      .faq-section p {
        font-size: 14px;
      }

     

    
    }