/* =========================================================
   FAQ (SSS) Section - Aliis (navy/gold)
========================================================= */

.al-fq{
  padding: 80px 0;
  background: linear-gradient(180deg, rgba(15,27,45,.98) 0%, rgba(15,27,45,.92) 100%);
  position: relative;
  overflow: hidden;
}

.al-fq::before{
  content:"";
  position:absolute;
  inset:-40%;
  background:
    radial-gradient(circle at 20% 20%, rgba(201,161,74,.18), transparent 35%),
    radial-gradient(circle at 80% 30%, rgba(255,255,255,.08), transparent 40%),
    radial-gradient(circle at 60% 90%, rgba(201,161,74,.10), transparent 35%);
  filter: blur(20px);
  pointer-events:none;
}

.al-fq .al-container{ position: relative; }

.al-fq__head{
  text-align: center;
  max-width: 860px;
  margin: 0 auto 28px;
}

.al-fq__title{
  margin: 0 0 10px;
  font-family: var(--al-font-head);
  color: #fff;
  font-size: clamp(28px, 3vw, 40px);
  line-height: 1.15;
  letter-spacing: .2px;
}

.al-fq__desc{
  margin: 0 auto;
  color: rgba(255,255,255,.78);
  font-size: 16px;
  max-width: 720px;
}

.al-fq__grid{
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 14px;
  margin-top: 26px;
}

.al-fqItem{
  border: 1px solid rgba(201,161,74,.35);
  border-radius: 18px;
  background: rgba(255,255,255,.06);
  box-shadow: 0 18px 50px rgba(0,0,0,.18);
  backdrop-filter: blur(10px);
  overflow: hidden;
  transform: translateY(0);
  transition: transform .2s ease, border-color .2s ease, background .2s ease;
}

.al-fqItem:hover{
  transform: translateY(-2px);
  border-color: rgba(201,161,74,.55);
  background: rgba(255,255,255,.08);
}

.al-fqItem__btn{
  width: 100%;
  border: 0;
  background: transparent;
  color: #fff;
  padding: 16px 16px;
  display: grid;
  grid-template-columns: 38px 1fr 28px;
  align-items: center;
  gap: 12px;
  text-align: left;
  cursor: pointer;
}

.al-fqItem__icon{
  width: 38px;
  height: 38px;
  border-radius: 12px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  background: rgba(201,161,74,.16);
  border: 1px solid rgba(201,161,74,.30);
  color: var(--al-accent);
}

.al-fqItem__q{
  font-weight: 800;
  font-size: 15px;
  letter-spacing: .15px;
  line-height: 1.25;
}

.al-fqItem__chev{
  display: inline-flex;
  align-items: center;
  justify-content: center;
  color: rgba(255,255,255,.75);
  transition: transform .22s ease;
}

.al-fqItem.is-open .al-fqItem__chev{
  transform: rotate(180deg);
}

.al-fqItem__panel{
  padding: 0 16px 16px;
}

.al-fqItem__a{
  color: rgba(255,255,255,.80);
  font-size: 14.5px;
  line-height: 1.65;
  padding-top: 6px;
  border-top: 1px solid rgba(255,255,255,.10);
}

.al-fqItem__a p{ margin: 10px 0 0; }
.al-fqItem__a a{ color: #fff; text-decoration: underline; text-underline-offset: 3px; }

/* Reveal animation (soft) */
.al-reveal{
  opacity: 0;
  transform: translateY(18px);
  transition: opacity .7s ease, transform .7s ease;
}
.al-reveal.is-in{
  opacity: 1;
  transform: translateY(0);
}

/* Responsive */
@media (max-width: 980px){
  .al-fq{ padding: 64px 0; }
  .al-fq__grid{ grid-template-columns: 1fr; }
}