/* ── ЧАВО + форма ── */
.faq .in{display:grid;grid-template-columns:minmax(0,1.3fr) minmax(0,1fr);gap:clamp(24px,4vw,64px);align-items:start}
.acc{display:grid;gap:8px;margin-top:clamp(24px,3vw,36px)}
/* вопрос = листок: в покое — тихая плашка, открытый — белый глянцевый лист с тенью */
.acc details{border-radius:20px;background:rgba(255,255,255,.55);box-shadow:inset 0 0 0 1px var(--line);transition:background .25s,box-shadow .25s}
.acc details:hover{background:#fff}
.acc details[open]{background:linear-gradient(128deg,#fff 0%,#f6f6f5 35%,#fff 50%,#fafaf9 75%,#fff 100%);
    box-shadow:inset 0 0 0 1px rgba(20,18,18,.05),0 1px 2px rgba(20,18,18,.08),0 24px 40px -28px rgba(20,18,18,.35)}
.acc summary{list-style:none;cursor:pointer;display:flex;align-items:center;justify-content:space-between;gap:20px;padding:18px 18px 18px 22px;font-size:17px;font-weight:700;line-height:1.3}
.acc summary::-webkit-details-marker{display:none}
.acc summary::after{content:"";flex:none;width:32px;height:32px;border-radius:50%;box-shadow:inset 0 0 0 1.5px rgba(20,18,18,.18);
    background:linear-gradient(currentColor,currentColor) center/12px 2px no-repeat,linear-gradient(currentColor,currentColor) center/2px 12px no-repeat;
    transition:transform .25s,background-color .25s,box-shadow .25s}
.acc details[open] summary::after{transform:rotate(45deg);background-color:var(--y);box-shadow:none}
.acc summary:focus-visible{outline:3px solid var(--y);outline-offset:2px;border-radius:20px}
.acc p{margin:0;padding:0 22px 20px;color:var(--ink-2);max-width:62ch;font-size:15.5px;line-height:1.55}
/* форма — тёмный лист, как правая панель калькулятора */
.form{position:sticky;top:100px;padding:clamp(24px,3vw,36px);border-radius:28px;color:#f3f1ec;
    background:linear-gradient(128deg,#25272a,#1b1c1e 50%,#222326);box-shadow:inset 0 0 0 1px rgba(255,255,255,.06),0 24px 40px -28px rgba(0,0,0,.6)}
.form h3{margin:0;font-family:var(--font-head);font-weight:800;text-transform:uppercase;font-size:clamp(32px,3vw,44px);line-height:.95;color:#f3f1ec}
.form>p{margin:10px 0 22px;color:rgba(255,255,255,.65);font-size:15px}
/* кнопка — как «Оформить заказ»: плоская жёлтая пилюля со стрелкой в чёрном круге */
.msgs__t{margin:18px 0 8px;font-size:12.5px;color:rgba(255,255,255,.45);text-align:center}
.msgs{display:flex;gap:8px}
.msgs a{flex:1;display:inline-flex;align-items:center;justify-content:center;gap:8px;height:46px;border-radius:99px;color:#f3f1ec;text-decoration:none;
    font-weight:600;font-size:15px;box-shadow:inset 0 0 0 1.5px rgba(255,255,255,.16);transition:background .2s,color .2s}
.msgs a svg{width:18px;height:18px;fill:currentColor}
.msgs a img{width:20px;height:20px;border-radius:5px}
/* фирменные иконки, как на проде */
.msgs a:hover{background:#f3f1ec;color:var(--ink)}
@media(max-width:900px){
  .faq .in{grid-template-columns:1fr}
  .form{position:static}
}