/* FAQ — дополнение к lk.css */

.faq-grid{
  display:grid;grid-template-columns:1fr 1fr;gap:14px;
  margin-bottom:28px;
}
.faq-col{display:flex;flex-direction:column;gap:14px;}
@media(max-width:760px){ .faq-grid{grid-template-columns:1fr;} }

.faq-item{
  position:relative;overflow:hidden;border-radius:20px;
  background:linear-gradient(160deg,rgba(255,255,255,.08),rgba(255,255,255,.03));
  box-shadow:inset 0 0 0 1px rgba(255,255,255,.08), var(--shadow-sm);
  transition:box-shadow .22s var(--ease), transform .22s var(--ease);
}
.faq-item::before{
  content:"";position:absolute;inset:0;z-index:0;pointer-events:none;
  background:repeating-linear-gradient(45deg, rgba(255,255,255,.05) 0 11px, rgba(255,255,255,0) 11px 22px);
  opacity:.45;
}
.faq-item:hover{box-shadow:inset 0 0 0 1px rgba(242,174,188,.22), var(--shadow);}
.faq-item.open{
  box-shadow:inset 0 0 0 1px rgba(242,174,188,.32), 0 26px 50px -28px rgba(242,174,188,.35);
  transform:translateY(-1px);
}
.faq-item > *{position:relative;z-index:1;}

.faq-q{
  width:100%;display:flex;align-items:flex-start;gap:12px;
  padding:17px 20px;border:none;background:transparent;color:#fff;
  font-family:inherit;font-size:14px;font-weight:700;text-align:left;
  cursor:pointer;transition:color .15s;
}
.faq-q:hover{color:var(--pink);}
.faq-icon{
  flex:none;width:18px;height:18px;margin-top:1px;
  display:grid;place-items:center;
  font-size:20px;font-weight:300;line-height:1;color:var(--fg-3);
  transition:transform .2s, color .2s;
}
.faq-item.open .faq-icon{transform:rotate(45deg);color:var(--pink);}
.faq-a{
  display:none;padding:0 20px 18px 50px;
  font-size:13.5px;color:var(--fg-2);font-weight:500;line-height:1.68;
}
.faq-item.open .faq-a{display:block;}

.faq-cta{text-align:center;margin-top:8px;}
.faq-cta h2{
  font-weight:900;font-size:clamp(1.25rem,3vw,1.6rem);
  letter-spacing:-.02em;margin-bottom:10px;
}
.faq-cta p{
  font-size:14.5px;color:var(--fg-2);max-width:520px;margin:0 auto 22px;line-height:1.62;
}
.faq-btns{display:flex;flex-wrap:wrap;gap:12px;justify-content:center;}
.faq-btns .ghost-btn,.faq-btns .btn-pink{padding:12px 22px;font-size:13.5px;}
.faq-btns svg{width:17px;height:17px;flex:none;}

.faq-foot{text-align:center;margin-top:28px;}