/* ===============================
   SEO BLOCK – Главная
================================= */

.seo-main{
  max-width:1200px;
  margin:80px auto;
  padding:60px;
  background:#ffffff;
  border-radius:16px;
  box-shadow:0 20px 50px rgba(0,0,0,.05);
  font-family:Rubik, Arial, sans-serif;
  line-height:1.75;
}

.seo-main h2{
  font-size:30px;
  margin:0 0 20px;
}

.seo-main h3{
  font-size:22px;
  margin:40px 0 14px;
}

.seo-main p{
  margin:0 0 16px;
  font-size:16px;
  color:#333;
}

.seo-main ul{
  margin:0 0 20px;
  padding-left:20px;
}

.seo-main ul li{
  margin-bottom:8px;
  font-size:15px;
}

/* ===============================
   FAQ – Выпадающий минимализм
================================= */

.faq-minimal{
  margin-top:70px;
  padding:45px;
  background:#f4f5f7;
  border-radius:14px;
}

.faq-minimal h2{
  font-size:24px;
  margin-bottom:30px;
}

.faq-minimal details{
  border-bottom:1px solid #dcdcdc;
  padding:18px 0;
}

.faq-minimal details:last-child{
  border-bottom:none;
}

.faq-minimal summary{
  cursor:pointer;
  font-weight:600;
  font-size:17px;
  list-style:none;
  position:relative;
  padding-right:28px;
}

/* убираем стандартный треугольник */
.faq-minimal summary::-webkit-details-marker{
  display:none;
}

/* аккуратный плюс */
.faq-minimal summary:after{
  content:"+";
  position:absolute;
  right:0;
  top:50%;
  transform:translateY(-50%);
  font-size:18px;
  color:#444;
}

.faq-minimal details[open] summary:after{
  content:"–";
}

.faq-minimal p{
  margin-top:10px;
  font-size:15px;
  color:#555;
  line-height:1.65;
}

/* ===============================
   Адаптация под мобильную
================================= */

@media (max-width: 992px){
  .seo-main{
    margin:60px 20px;
    padding:40px;
  }
}

@media (max-width: 768px){
  .seo-main{
    margin:40px 15px;
    padding:28px;
  }

  .seo-main h2{
    font-size:24px;
  }

  .seo-main h3{
    font-size:19px;
  }

  .seo-main p{
    font-size:15px;
  }

  .faq-minimal{
    padding:25px;
  }

  .faq-minimal h2{
    font-size:20px;
  }

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

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

@media (max-width: 480px){
  .seo-main{
    padding:22px;
  }

  .seo-main ul{
    padding-left:16px;
  }
}