/* ab_faq 02.10.2026: сторінка «Питання — Відповідь» / FAQ (information_id=5).
   Усе в межах #ab-faq. Питання лишаються в <details><summary>: з них контролер будує розмітку FAQPage. */
#ab-faq{--b:#6D213F;--soft:#f8eef1;--ink:#26252a;--mut:#5d6068;--line:#dfd6da;--ctl:#9a8f94;--surf:#f7f7f7;--ok:#2c7a3f;
  --eo:cubic-bezier(.23,1,.32,1);color:var(--ink);font-weight:400;font-size:1rem;line-height:1.6}
#ab-faq *{box-sizing:border-box}
#ab-faq p,#ab-faq ul,#ab-faq ol,#ab-faq li{color:inherit;margin:0;padding:0;font-weight:inherit}
#ab-faq h2,#ab-faq h3,#ab-faq h4{margin:0;padding:0;line-height:1.2}
#ab-faq h2{font-size:clamp(1.375rem,1.15rem + .9vw,1.75rem);font-weight:600;color:var(--b);letter-spacing:-.01em}
#ab-faq a{color:var(--b);text-underline-offset:3px}
#ab-faq b{font-weight:600}
#ab-faq svg{flex:none}
#ab-faq a:focus-visible,#ab-faq button:focus-visible,#ab-faq summary:focus-visible,#ab-faq input:focus-visible{outline:2px solid var(--b);outline-offset:3px}
#ab-faq .fq-lead{font-size:1.0625rem;color:var(--mut);max-width:72ch}

/* швидкі відповіді */
#ab-faq .fq-quick{display:grid;grid-template-columns:repeat(4,1fr);gap:12px;margin:20px 0 24px;list-style:none}
#ab-faq .fq-quick a{display:flex;flex-direction:column;gap:2px;height:100%;background:var(--surf);border-radius:16px;padding:16px;text-decoration:none;transition:transform 160ms var(--eo),background-color 160ms ease}
#ab-faq .fq-quick a:active{transform:scale(.98)}
#ab-faq .fq-quick b{font-size:1.375rem;color:var(--b);line-height:1.2;font-variant-numeric:tabular-nums}
#ab-faq .fq-quick span{font-size:.875rem;color:var(--mut);line-height:1.35}

/* пошук і фільтр */
#ab-faq .fq-tools{display:grid;gap:12px}
#ab-faq .fq-search{position:relative;max-width:640px;scroll-margin-top:68px}
#ab-faq .fq-search svg{position:absolute;left:16px;top:50%;width:20px;height:20px;margin-top:-10px;color:var(--mut);pointer-events:none}
#ab-faq .fq-search input{width:100%;height:52px;border:1px solid var(--ctl);border-radius:12px;padding:0 48px 0 46px;font:inherit;font-size:1rem;color:var(--ink);background:#fff;-webkit-appearance:none;appearance:none}
#ab-faq .fq-search input::placeholder{color:#686b72;opacity:1}
#ab-faq .fq-search input::-webkit-search-cancel-button{-webkit-appearance:none}
#ab-faq .fq-clear{position:absolute;right:4px;top:4px;width:44px;height:44px;border:0;background:none;border-radius:10px;color:var(--mut);cursor:pointer;display:grid;place-items:center}
#ab-faq .fq-clear[hidden]{display:none}
#ab-faq .fq-clear svg{position:static;margin:0;width:18px;height:18px}
#ab-faq .fq-chips{display:flex;flex-wrap:wrap;gap:8px}
#ab-faq .fq-chips button{min-height:44px;padding:0 16px;border:1px solid var(--ctl);border-radius:999px;background:#fff;font:inherit;font-size:.9375rem;font-weight:500;color:var(--ink);cursor:pointer;transition:transform 160ms var(--eo)}
#ab-faq .fq-chips button:active{transform:scale(.97)}
#ab-faq .fq-chips button[aria-pressed="true"]{background:var(--b);border-color:var(--b);color:#fff}
#ab-faq .fq-bar{display:flex;justify-content:space-between;align-items:center;gap:12px;min-height:44px;font-size:.9375rem;color:var(--mut)}
#ab-faq .fq-all{border:0;background:none;font:inherit;font-weight:500;color:var(--b);cursor:pointer;min-height:44px;padding:0 4px;text-decoration:underline;text-underline-offset:3px}

/* групи і питання */
#ab-faq .fq-group{padding-top:32px;scroll-margin-top:72px}
#ab-faq .fq-group:first-child{padding-top:0}
#ab-faq .fq-group[hidden]{display:none}
#ab-faq .fq-group>h2{margin-bottom:12px}
#ab-faq .fq-list{display:grid;gap:8px}
#ab-faq details{border:1px solid var(--line);border-radius:16px;background:#fff;scroll-margin-top:72px}
#ab-faq details:target{border-color:var(--b)}
#ab-faq details[hidden]{display:none}
#ab-faq details[open]{border-color:#dccbd1;background:#fffdfd}
#ab-faq summary h3{font:inherit;color:inherit;margin:0;flex:1 1 auto;min-width:0}
#ab-faq summary{scroll-margin-top:72px;list-style:none;display:flex;align-items:center;justify-content:space-between;gap:16px;min-height:60px;padding:14px 20px;cursor:pointer;font-weight:600;font-size:1.0625rem;line-height:1.35;color:var(--ink);border-radius:16px;-webkit-tap-highlight-color:transparent}
#ab-faq summary::-webkit-details-marker{display:none}
#ab-faq summary::marker{content:""}
#ab-faq .fq-chev{width:32px;height:32px;border-radius:50%;background:var(--soft);color:var(--b);display:grid;place-items:center;transition:transform 220ms var(--eo)}
#ab-faq .fq-chev svg{width:18px;height:18px}
#ab-faq details[open] .fq-chev{transform:rotate(180deg);background:var(--b);color:#fff}
#ab-faq .fq-a{padding:0 20px 20px;color:#3a3b40;max-width:calc(68ch + 40px)}
#ab-faq details.fq-anim>.fq-a{animation:ab-faq-in 220ms var(--eo)}
@keyframes ab-faq-in{from{opacity:0;transform:translateY(-4px)}}
#ab-faq .fq-a>*+*{margin-top:12px}
#ab-faq .fq-a ul{list-style:none;display:grid;gap:8px}
#ab-faq .fq-a ul li{position:relative;padding-left:22px}
#ab-faq .fq-a ul li::before{content:"";position:absolute;left:4px;top:.62em;width:8px;height:8px;border-radius:50%;background:var(--b);opacity:.75}
#ab-faq .fq-a h4{font-size:1rem;font-weight:600;color:var(--ink);margin-top:16px}
#ab-faq .fq-tbl{display:grid;gap:0;border:1px solid var(--line);border-radius:12px;overflow:hidden;max-width:520px}
#ab-faq .fq-tbl div{display:flex;justify-content:space-between;gap:16px;padding:10px 14px;font-variant-numeric:tabular-nums}
#ab-faq .fq-tbl div+div{border-top:1px solid var(--line)}
#ab-faq .fq-tbl span:first-child{min-width:0}
#ab-faq .fq-tbl span:last-child{font-weight:600;text-align:right;white-space:nowrap;flex:none}
#ab-faq mark{background:#fde9a8;color:inherit;padding:0 1px;border-radius:3px}
#ab-faq .fq-copy{display:inline-flex;align-items:center;min-height:36px;margin-top:14px;padding:0 12px;border:1px solid var(--line);border-radius:999px;background:#fff;font:inherit;font-size:.8125rem;font-weight:500;color:var(--mut);cursor:pointer;transition:transform 160ms var(--eo)}
#ab-faq .fq-copy:active{transform:scale(.97)}
#ab-faq .fq-more{display:inline-flex;align-items:center;gap:6px;font-weight:500;min-height:44px}
#ab-faq .fq-empty{margin-top:24px;background:var(--soft);border-radius:16px;padding:20px}
#ab-faq .fq-empty[hidden]{display:none}
#ab-faq .fq-empty p+p{margin-top:6px}
#ab-faq summary:active .fq-chev{transform:scale(.92)}
#ab-faq details[open] summary:active .fq-chev{transform:rotate(180deg) scale(.92)}
#ab-faq .fq-all:active,#ab-faq .fq-clear:active{opacity:.6}

/* контакти */
#ab-faq .fq-cta{margin-top:48px;background:var(--b);color:#fff;border-radius:16px;padding:24px;display:grid;grid-template-columns:1fr auto;gap:24px;align-items:center;scroll-margin-top:72px}
#ab-faq .fq-cta h2{color:#fff}
#ab-faq .fq-cta p{color:rgba(255,255,255,.86);margin-top:6px;max-width:52ch}
#ab-faq .fq-btns{display:flex;flex-wrap:wrap;gap:8px;justify-content:flex-end}
#ab-faq .fq-btn{display:inline-flex;align-items:center;gap:8px;min-height:48px;padding:0 18px;border-radius:12px;background:#fff;color:var(--b);font-weight:600;font-size:.9375rem;text-decoration:none;transition:transform 160ms var(--eo),background-color 160ms ease}
#ab-faq .fq-btn:active{transform:scale(.97)}
#ab-faq .fq-btn svg{width:20px;height:20px}
#ab-faq .fq-btn.gh{background:transparent;color:#fff;border:1px solid rgba(255,255,255,.55)}
#ab-faq .fq-cta a:focus-visible{outline:2px solid #fff;outline-offset:3px}
#ab-faq .fq-links{grid-column:1/-1;display:flex;flex-wrap:wrap;gap:0 24px;font-size:.9375rem;border-top:1px solid rgba(255,255,255,.2);padding-top:6px}
#ab-faq .fq-links a{color:#fff;display:inline-block;padding:12px 0}

/* без JS пошук і фільтр не потрібні */


@media (hover:hover) and (pointer:fine){
  #ab-faq .fq-quick a:hover{background:var(--soft)}
  #ab-faq summary:hover{color:var(--b)}
  #ab-faq .fq-chips button:not([aria-pressed="true"]):hover{border-color:var(--b);color:var(--b)}
  #ab-faq .fq-btn:hover{background:#fbeff3}
  #ab-faq .fq-btn.gh:hover{background:rgba(255,255,255,.12)}
  #ab-faq .fq-clear:hover,#ab-faq .fq-copy:hover{color:var(--b)}
  #ab-faq .fq-copy:hover{border-color:var(--b)}
}
@media (max-width:1199px){
  #ab-faq .fq-chips{flex-wrap:nowrap;overflow-x:auto;margin:-4px 0;padding:6px 32px 6px 3px;scrollbar-width:none;scroll-snap-type:x proximity;-webkit-mask-image:linear-gradient(90deg,#000 calc(100% - 32px),transparent);mask-image:linear-gradient(90deg,#000 calc(100% - 32px),transparent)}
  #ab-faq .fq-chips::-webkit-scrollbar{display:none}
  #ab-faq .fq-chips button{flex:none;scroll-snap-align:start}
  #ab-faq .fq-side{margin-bottom:8px}
}
@media (min-width:1200px){
  #ab-faq .fq-body{display:grid;grid-template-columns:288px minmax(0,1fr);gap:40px;align-items:start;margin-top:8px}
  #ab-faq .fq-side{position:sticky;top:132px}
  #ab-faq .fq-chips{flex-direction:column;flex-wrap:nowrap;gap:4px}
  #ab-faq .fq-chips button{width:100%;text-align:left;border-color:transparent;border-radius:12px;background:none}
  #ab-faq .fq-chips button[aria-pressed="true"]{background:var(--soft);color:var(--b);border-color:transparent}
  #ab-faq .fq-bar{flex-direction:column;align-items:flex-start;gap:0;border-top:1px solid var(--line);margin-top:4px;padding-top:8px}
  #ab-faq details,#ab-faq summary,#ab-faq .fq-group,#ab-faq .fq-cta{scroll-margin-top:148px}
  #ab-faq summary{padding-right:16px}
}
@media (max-width:991px){
  #ab-faq .fq-quick{grid-template-columns:repeat(2,1fr)}
  #ab-faq .fq-cta{grid-template-columns:1fr}
  #ab-faq .fq-btns{justify-content:flex-start}
}
@media (max-width:767px){
  #ab-faq .fq-lead-main{display:none}
  #ab-faq .fq-quick{display:grid;grid-auto-flow:column;grid-template-columns:none;grid-auto-columns:62%;overflow-x:auto;scroll-snap-type:x proximity;scrollbar-width:none;margin:12px 0 16px;padding-bottom:2px}
  #ab-faq .fq-quick::-webkit-scrollbar{display:none}
  #ab-faq .fq-quick li{scroll-snap-align:start}
  #ab-faq .fq-quick a{padding:12px}
  #ab-faq .fq-cta{margin-bottom:32px}
  #ab-faq .fq-quick b{font-size:1.125rem}
  #ab-faq .fq-quick span{font-size:.8125rem}
  #ab-faq summary{padding:12px 14px;font-size:1rem}
  #ab-faq .fq-a{padding:0 14px 16px}

  #ab-faq .fq-btn{flex:1 1 auto;justify-content:center}
}
@media (prefers-reduced-motion:reduce){
  #ab-faq details.fq-anim>.fq-a{animation:none}
  #ab-faq .fq-chev,#ab-faq .fq-quick a,#ab-faq .fq-chips button,#ab-faq .fq-btn{transition:none}
  html{scroll-behavior:auto!important}
}
@media print{
  #ab-faq .fq-tools,#ab-faq .fq-chev,#ab-faq .fq-quick,#ab-faq .fq-empty,#ab-faq .fq-js,#ab-faq .fq-copy,#ab-faq .visually-hidden{display:none!important}
  #ab-faq .fq-body{display:block}
  #ab-faq .fq-btn.gh{color:#000;border-color:#999}
  #ab-faq .fq-a ul li::before{-webkit-print-color-adjust:exact;print-color-adjust:exact}
  body:has(#ab-faq) :is(header,#mobile-header,footer,.ds-mobile-bottom-nav,#ds_fixed_contact_button,#back-top,.breadcrumb){display:none!important}
  #ab-faq details::details-content{content-visibility:visible;display:block}
  #ab-faq details{break-inside:avoid;border-color:#999}
  #ab-faq .fq-cta{background:none;color:#000;border:1px solid #999}
  #ab-faq .fq-cta h2,#ab-faq .fq-cta p,#ab-faq .fq-cta a{color:#000}
}

/* обгортка теми (рамка і поля .content-block) на цій сторінці зайва */
.ds-information.content-block:has(> #ab-faq){padding:0;border:0;background:none;box-shadow:none}
main:has(#ab-faq) .ds-page-title{padding-left:7.2px;padding-right:7.2px}
/* темну тему на сайті не ввімкнено; якщо ввімкнуть, блок лишається читабельним */
.dark-theme #ab-faq{background:#fff;border-radius:16px;padding:24px}