/* Section wrapper */
section.block.block--faq > .outer-container {
  width: 100%;
  display: grid;
  place-items: center;
  padding: 12px;
  background: #f7f8fb;
}

.faq.outer-container {
  width: 100%;
  display: grid;
  place-items: center;
  padding: 12px;
  background: #f7f8fb;
}

.faq .inner-container {
  width: min(1200px, 100%);
  background:
    linear-gradient(135deg, rgba(255,255,255,0.5), rgba(255,255,255,0.25) 60%),
    var(--surface-color, rgba(255,255,255,0.18));
  backdrop-filter: blur(16px) saturate(170%);
  -webkit-backdrop-filter: blur(16px) saturate(170%);
  border-radius: 20px;
  padding: clamp(20px, 2.5vw, 32px);
  box-shadow:
    0 0 1px rgba(227, 37, 18, 0.1),
    0 30px 70px rgba(0,0,0,0.18),
    inset 0 1px 0 rgba(255,255,255,0.8);
  border: none;
}

/* Title row */
.title-container {
  display: flex; align-items: center; gap: 14px;
  margin-bottom: clamp(18px, 3vw, 28px);
}
.title-line { width: 38px; height: 3px; border-radius: 3px; background:#E32512; translate: 0 3px; }
section.block--faq .title { margin:0; font-weight:800; color:#111217; font-size: clamp(24px,3.6vw,40px); letter-spacing:-0.01em; }

/* Grid: questions + contact card */
.faq-grid {
  display: grid;
  grid-template-columns: 2fr 1fr;
  gap: clamp(18px, 2.8vw, 28px);
}
@media (max-width: 900px){
  .faq-grid { grid-template-columns: 1fr; }
}
.questions { display: grid; gap: 12px; }
.contact   { position: sticky; top: 16px; align-self: start; }

@media (max-width: 480px){
  section.block--faq .title{
    font-size: clamp(18px, 5vw, 32px);
  }
}