/* Sıkça sorulan sorular — chips, accordions (styled like the catalog sidebar <details>) and a help aside */
.faq-tools{display:flex;flex-direction:column;gap:18px;padding:18px;background:#f5f7f9;border-radius:10px;margin-bottom:34px}
.faq-search{display:flex;flex-wrap:wrap;align-items:center;gap:8px 14px;font-size:14px;font-weight:800}
.faq-search .search-box{flex:0 1 460px}
.faq-search .search-box{background:#fff}
.faq-search .search-box input{font-size:16px;font-weight:500;height:44px}
.faq-search .field-hint{margin:0}
.faq-chips ul{display:flex;flex-wrap:wrap;gap:8px;list-style:none;margin:0;padding:0}
.faq-chips a{display:inline-flex;align-items:center;gap:8px;min-height:40px;padding:8px 14px;border:1px solid var(--line);border-radius:7px;background:#fff;font-size:14px;font-weight:700}
.faq-chips a:hover{border-color:var(--navy);color:var(--navy)}
.faq-chips .icon{width:17px;height:17px;color:var(--navy)}
.faq-chips small{font-size:13px;font-weight:500;color:var(--muted)}
.faq-layout{display:grid;grid-template-columns:minmax(0,1fr) 300px;gap:40px;align-items:start}
.faq-groups{min-width:0;max-width:860px}
.faq-group{scroll-margin-top:20px}
.faq-group+.faq-group{margin-top:38px}
.faq-group-head{display:flex;align-items:center;gap:12px;margin-bottom:14px}
.faq-group-icon{display:grid;place-items:center;width:38px;height:38px;border-radius:9px;background:var(--blue);color:var(--navy)}
.faq-group-icon .icon{width:20px;height:20px}
.faq-group h2{font-size:24px;letter-spacing:-.5px;line-height:1.3}
.faq-item{border:1px solid var(--line);border-radius:10px;background:#fff;scroll-margin-top:20px;transition:border-color .2s,box-shadow .2s}
.faq-item+.faq-item{margin-top:10px}
.faq-item[open]{border-color:#cbd9e7;box-shadow:0 6px 20px #193b610d}
.faq-item summary{align-items:center;gap:16px;min-height:54px;padding:14px 16px 14px 20px;font-size:16px;line-height:1.45;border-radius:10px;list-style:none}
.faq-item summary::-webkit-details-marker{display:none}
.faq-item summary>span:first-child{font-weight:700;color:var(--ink)}
.faq-item summary:hover>span:first-child{color:var(--navy)}
.faq-item summary:focus-visible{outline-offset:2px}
.faq-chevron{display:grid;place-items:center;flex-shrink:0;width:30px;height:30px;border-radius:50%;background:var(--blue);color:var(--navy)}
.faq-chevron .icon{width:16px;height:16px;transition:transform .2s}
.faq-item[open] .faq-chevron .icon{transform:rotate(90deg)}
.faq-answer{margin:0 20px;padding:14px 0 18px;border-top:1px solid var(--line)}
.faq-answer p{font-size:15.5px;line-height:1.85;color:#4a5d70}
.faq-answer p+p{margin-top:10px}
.faq-answer a{color:var(--navy);font-weight:700;text-decoration:underline;text-underline-offset:3px}
.faq-page .empty{margin-top:10px}
.faq-page .empty .form-actions{justify-content:center}
.faq-aside{position:sticky;top:20px}
.faq-aside .surface{margin-bottom:0}
.faq-aside h2{font-size:19px;margin-bottom:8px}
.faq-aside ul{list-style:none;margin:0;padding:0}
.faq-aside li+li{border-top:1px solid var(--line)}
.faq-aside a{display:flex;align-items:center;gap:12px;min-height:46px;padding:10px 0;font-size:15px;font-weight:700}
.faq-aside a:hover span{color:var(--navy);text-decoration:underline;text-underline-offset:3px}
.faq-aside a .icon{width:20px;height:20px;color:var(--navy)}
.faq-aside .demo-notice{margin:16px 0 0}
.cta-band{display:flex;justify-content:space-between;align-items:center;gap:30px;padding:34px 45px;border-radius:12px;background:#edf4f9;margin-top:55px}
.cta-band h2{font-size:27px;letter-spacing:-1px;line-height:1.2}
.cta-band p{font-size:15px;color:var(--muted);margin-top:8px}
.cta-actions{display:flex;gap:12px;flex-wrap:wrap;flex-shrink:0}
.cta-actions .icon,.page-head-aside .icon{width:18px;height:18px}
@media(max-width:980px){.faq-layout{grid-template-columns:1fr}.faq-groups{max-width:none}.faq-aside{position:static}.cta-band{flex-direction:column;align-items:flex-start}}
@media(max-width:640px){.faq-tools{padding:14px;margin-bottom:26px}.faq-search{flex-direction:column;align-items:stretch}.faq-search .search-box{flex:none}.faq-search .search-box input{font-size:18px}
.faq-chips ul{flex-wrap:nowrap;overflow-x:auto;padding-bottom:4px;margin-bottom:-4px}.faq-chips a{white-space:nowrap}
.faq-item summary{padding:12px 12px 12px 16px;font-size:15.5px}.faq-answer{margin:0 16px}
.faq-group h2{font-size:22px}
.cta-band{padding:25px;gap:18px;margin-top:40px}.cta-band h2{font-size:25px}.cta-actions{width:100%}.cta-actions .button{flex:1 1 100%}}
/* light buttons sit on tinted panels here; give them a white face so they stay visible */
.info-card .button.light,.cta-band .button.light{background:#fff}
/* Editable intro under the title (pages.content) */
.page-lead p+p{margin-top:10px}
.page-lead a{color:var(--navy);font-weight:700;text-decoration:underline;text-underline-offset:3px}
.faq-page .empty h2{font-size:24px;margin:10px 0}
.faq-answer ul,.faq-answer ol{margin:10px 0;padding-left:20px;font-size:15.5px;line-height:1.85;color:#4a5d70}
.faq-answer table{width:100%;border-collapse:collapse;font-size:15px;margin:12px 0}
.faq-answer th,.faq-answer td{border:1px solid var(--line);padding:8px 10px;text-align:left;vertical-align:top;overflow-wrap:anywhere}
.faq-answer th{background:#f6f8fa}
.faq-answer blockquote{margin:12px 0;padding:10px 14px;border-left:4px solid var(--orange);background:#fff5e9;border-radius:6px}
.faq-aside li a{min-height:44px}