/* ===== PAGE ===== */
.faq-page__title{
  text-align:center;
  color:#005C67;
  font-family:"PT Astra Serif", serif;
  font-size:48px;
  font-style:italic;
  font-weight:700;
  line-height:1.2;
  margin:0 0 150px 0;
}

/* общий отступ снизу, чтобы другие блоки не прилипали */
.faq-page{
  padding-bottom: 140px;
}

/* ===== TABS (разделы) ===== */
.faq-tabs{
  display:flex;
  justify-content:center;
}

.faq-tabs__nav{
  width: 100%;
  display:flex;
  justify-content:center; /* центрируем */
}

/* внутренняя обёртка — по ширине контента */
.faq-tabs__nav-inner{
  position: relative;
  display: inline-flex; 
  align-items:flex-end;
  gap:0;
  border-bottom: 1px solid rgba(0,0,0,.23);
  margin: 0 auto;
border-bottom: none;  
  overflow-x:auto;
  overflow-y:hidden;
  -webkit-overflow-scrolling: touch;
  scrollbar-width: thin;
}

/* общая линия снизу только по ширине табов */
.faq-tabs__nav-inner::after{
  content:"";
    z-index: 0;
  position:absolute;
  left:0;   /* было 0 */
  right:0;  /* было 0 */
  bottom:0;
  height:1px;
  background: rgba(0,0,0,.23);
}

.faq-tabs__btn:first-child{ padding-left:0; }
.faq-tabs__btn:last-child{ padding-right:0; }

.faq-tabs__nav-inner::-webkit-scrollbar{ height: 6px; }

.faq-tabs__btn{
  padding: 0 20px 25px 20px;
  position: relative;
  z-index: 1;
  background: transparent;
  border: none;
  font-family: "tt-commons-pro", sans-serif;
  font-size: 20px;
  font-weight: 300;
  color: #888;
  cursor: pointer;
  transition: color .25s ease, border-color .25s ease;
  line-height: 25.6px;
  text-align: center;
  border-bottom: none; 
  margin-bottom: -1px;
  flex: 0 0 auto;
  white-space: nowrap;
}

.faq-tabs__btn:hover,
.faq-tabs__btn.is-active{
  color:#222322;
  box-shadow: inset 0 -2px 0 #000; /* “жирная черточка” */
}

/* ===== CLOUD (подразделы) ===== */
.faq-cloud{
  display:flex;
  justify-content:flex-start;
  margin-top: 35px; /* от полоски разделов до кнопок */
}

.faq-cloud__inner{
  display:grid;
  grid-template-columns: repeat(auto-fit, minmax(180px, 1fr));
  gap:25px;
  width: 100%;
  max-width: 1200px; /* подгони */
}

.faq-cloud-btn{
  display:inline-flex;
  align-items:center;
  padding:16px 24px;
  border-radius:4px;
  border:1px solid #005C67;
  background:#fff;
  font-family:"tt-commons-pro", sans-serif;
  font-size:14px;
  font-weight:500;
  line-height:12.6px;
  letter-spacing:1.12px;
  text-transform:uppercase;
  color:#005C67;
  cursor:pointer;
  transition:all .3s ease;
    min-width: 180px;
  justify-content:center;
  
}

.faq-cloud-btn:hover{ background: rgba(0,92,103,.11); }

.faq-cloud-btn.is-active{
  background:#005C67; /* актив */
  color:#FFF;
}

/* ===== QUESTIONS spacing ===== */
#faq-questions{
  margin-top: 35px; /* от облака до вопросов */
}

/* группы (подразделы) */
.faq-qa__group{
  margin: 0 0 50px 0; /* отступ между группами */
}

.faq-qa__group-title{
  text-align:center;
  font-family:"PT Astra Serif", serif;
  font-size:36px;
  font-weight:700;
  font-style:italic;
  color:#222322;
  margin: 70px 0 50px 0;
}

/* 2 колонки, слева направо */
.faq-qa__grid{
  display:grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  column-gap: 60px;
  row-gap: 0;
}

@media (max-width: 900px){
  .faq-qa__grid{ grid-template-columns: 1fr; }
}

/* один вопрос: линия ТОЛЬКО снизу */
.faq-qa__item{
  border-bottom: 1px solid #000;
  padding: 30px 0; /* 30px до линии */
}

/* заголовок вопроса */
.faq-qa__question{
  display:flex;
  align-items:flex-start;
  justify-content:space-between;
  gap: 20px;

  cursor:pointer;
  list-style:none;

  font-family:"PT Astra Serif", serif;
  font-size:24px;
  font-weight:700;
  font-style:italic;
  color:#222322;
}

.faq-qa__question::-webkit-details-marker{ display:none; }
.faq-qa__question::marker{ content:""; }

/* отступ 35px до текста */
.faq-qa__answer{
  padding-top:35px;
  font-family:"tt-commons-pro", sans-serif;
  font-size:20px;
  line-height:25.6px;
  font-weight:300;
  color:#222322;

}

/* ===== icons + / - ===== */
.faq-qa__icon{
  width:24px;
  height:24px;
  flex: 0 0 24px;
  aspect-ratio: 1 / 1;
  background-repeat:no-repeat;
  background-position:center;
  background-size:24px 24px;
}

/* closed = plus */
.faq-qa__item .faq-qa__icon{
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none'%3E%3Cpath d='M18 12.998H13V17.998C13 18.2633 12.8946 18.5176 12.7071 18.7052C12.5196 18.8927 12.2652 18.998 12 18.998C11.7348 18.998 11.4804 18.8927 11.2929 18.7052C11.1054 18.5176 11 18.2633 11 17.998V12.998H6C5.73478 12.998 5.48043 12.8927 5.29289 12.7052C5.10536 12.5176 5 12.2633 5 11.998C5 11.7328 5.10536 11.4785 5.29289 11.2909C5.48043 11.1034 5.73478 10.998 6 10.998H11V5.99805C11 5.73283 11.1054 5.47848 11.2929 5.29094C11.4804 5.1034 11.7348 4.99805 12 4.99805C12.2652 4.99805 12.5196 5.1034 12.7071 5.29094C12.8946 5.47848 13 5.73283 13 5.99805V10.998H18C18.2652 10.998 18.5196 11.1034 18.7071 11.2909C18.8946 11.4785 19 11.7328 19 11.998C19 12.2633 18.8946 12.5176 18.7071 12.7052C18.5196 12.8927 18.2652 12.998 18 12.998Z' fill='black'/%3E%3C/svg%3E");
}

/* open = minus */
.faq-qa__item[open] .faq-qa__icon{
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none'%3E%3Cpath d='M18 12.998H6C5.73478 12.998 5.48043 12.8927 5.29289 12.7052C5.10536 12.5176 5 12.2633 5 11.998C5 11.7328 5.10536 11.4785 5.29289 11.2909C5.48043 11.1034 5.73478 10.998 6 10.998H18C18.2652 10.998 18.5196 11.1034 18.7071 11.2909C18.8946 11.4785 19 11.7328 19 11.998C19 12.2633 18.8946 12.5176 18.7071 12.7052C18.5196 12.8927 18.2652 12.998 18 12.998Z' fill='black'/%3E%3C/svg%3E");
}

/* ===== smooth open/close ===== */
/* чистым CSS у details анимация ограничена, поэтому делаем через max-height */
.faq-qa__answer-wrap{
  overflow: hidden;
  transition: height 0.35s ease;
}

.faq-qa__item[open] .faq-qa__answer-wrap{
  max-height: 600px; /* достаточно для большинства ответов */
}

/* облако: отступ от табов 35px */
.faq-cloud.product-discover__tags{
  margin-top: 35px;
  justify-content: center;
  gap: 25px;
  flex-wrap: wrap;
}

/* активная кнопка */
.product-discover__tag.faq-cloud-btn.is-active{
  background:#005C67;
  color:#fff;
}

.faq-tabs__nav-inner,
.faq-cloud {
    cursor: grab;
}

.faq-tabs__nav-inner.is-dragging,
.faq-cloud.is-dragging {
    cursor: grabbing;
    user-select: none;
}

.faq-anchor-link {
    opacity: 0;
    font-style: normal;
    font-size: 0.7em;
    color: #005C67;
    text-decoration: none;
    margin-left: 8px;
    transition: opacity 0.2s ease;
    cursor: pointer;
}

.faq-qa__group-title:hover .faq-anchor-link,
.faq-qa__question:hover .faq-anchor-link {
    opacity: 0.6;
}

.faq-anchor-link:hover {
    opacity: 1 !important;
}

@media (max-width: 580px) {
    .faq-qa__question {
        font-size: 18px;
    }

    .faq-qa__answer {
        font-size: 14px;
    }

    .faq-qa__group-title {

    font-size: 20px;

}
}