.qb-wrap{position:relative;z-index:5;margin-top:-44px}
.qb{display:grid;gap:10px;background:#fff;border-radius:20px;padding:20px;box-shadow:0 20px 50px rgba(20,23,31,.18)}
.qb h3{margin:0;font-size:20px}
.qb input,.qb select{min-height:var(--tap);padding:0 14px;border:1px solid var(--line);border-radius:12px;font:16px var(--font);background:#fff;color:var(--text)}
.qb input:focus,.qb select:focus{border-color:var(--primary);outline:0;box-shadow:0 0 0 3px rgba(200,16,46,.15)}
.qb-err{margin:0;color:var(--primary);font-size:14px}
.narrow{max-width:780px}
.faq details{background:#fff;border:1px solid var(--line);border-radius:14px;margin-bottom:10px;overflow:hidden}
.faq summary{cursor:pointer;list-style:none;padding:18px 54px 18px 20px;font-weight:600;color:var(--ink);position:relative;min-height:var(--tap)}
.faq summary::-webkit-details-marker{display:none}
.faq summary::after{content:"+";position:absolute;right:20px;top:50%;transform:translateY(-50%);font-size:26px;color:var(--primary);transition:transform .2s}
.faq details[open] summary::after{transform:translateY(-50%) rotate(45deg)}
.faq details[open]{border-color:var(--primary)}
.faq p{margin:0;padding:0 20px 20px;color:var(--muted)}
.contact-grid{display:grid;gap:12px}
.contact-card{display:flex;flex-direction:column;gap:2px;background:#fff;border:1px solid var(--line);border-left:4px solid var(--primary);border-radius:var(--radius);padding:20px 22px;transition:transform .2s,box-shadow .2s}
a.contact-card:hover{transform:translateY(-3px);box-shadow:var(--shadow)}
.contact-card b{color:var(--ink);font-size:18px}
.contact-card span{color:var(--muted)}
@media(min-width:900px){.qb{grid-template-columns:repeat(4,1fr) auto;align-items:center}.qb h3,.qb-err{grid-column:1/-1}.contact-grid{grid-template-columns:repeat(3,1fr)}}
