/* dd/faq – v3: dvojstĺpec (prilepená hlavička + výzva s telefónom | akordeón), číslované otázky, plus/mínus s otočením */
.faq-sec{display:grid;grid-template-columns:minmax(0,5fr) minmax(0,7fr);gap:var(--space-8);align-items:start}
.faq-side{position:sticky;top:112px}
.faq-side .head{display:block;margin-bottom:var(--space-6)}
.faq-help{padding:var(--space-5);background:var(--surface-0);border:1px solid var(--line);border-top:4px solid var(--yellow);border-radius:var(--radius-md)}
.faq-help p{margin:0}
.faq-help-q{font:700 24px/28px var(--font-display)}
.faq-tel{display:inline-flex;align-items:center;gap:var(--space-3);min-height:44px;margin-top:var(--space-2);font:700 clamp(28px,2.6vw,36px)/1.1 var(--font-display);color:var(--ink);text-decoration:underline;text-decoration-color:var(--yellow);text-decoration-thickness:3px;text-underline-offset:6px}
.faq-tel:hover{color:var(--blue)}
.faq-tel svg{width:.8em;height:.8em;color:var(--blue)}
.faq-help-s{margin-top:var(--space-1)!important;font-size:15px;line-height:22px;color:var(--ink-muted)}
.faq-list{counter-reset:q;border-top:2px solid var(--ink)}
.faq-item{counter-increment:q;border-bottom:1px solid var(--line-strong);transition:background var(--duration-base) var(--ease-out),box-shadow var(--duration-base) var(--ease-out)}
.faq-item[open]{background:var(--surface-0);box-shadow:inset 4px 0 0 var(--yellow)}
.faq-q{display:grid;grid-template-columns:auto 1fr auto;align-items:center;gap:var(--space-4);min-height:72px;padding:var(--space-4) var(--space-5);cursor:pointer;list-style:none;font-family:var(--font-display);font-weight:600;font-size:24px;line-height:28px;color:var(--ink)}
.faq-q::-webkit-details-marker{display:none}
.faq-q::before{content:counter(q,decimal-leading-zero);font:500 13px/1 var(--font-mono);color:var(--ink-muted);font-variant-numeric:tabular-nums}
.faq-q:hover{color:var(--blue)}
.faq-q:focus-visible{outline:3px solid var(--focus);outline-offset:-3px;border-radius:var(--radius-sm)}
.faq-ic{position:relative;width:36px;height:36px;flex:none;border:1px solid var(--line-strong);border-radius:var(--radius-sm);color:var(--blue);transition:background var(--duration-base) var(--ease-out),color var(--duration-base) var(--ease-out),border-color var(--duration-base) var(--ease-out)}
.faq-ic::before,.faq-ic::after{content:"";position:absolute;left:50%;top:50%;width:14px;height:2px;margin:-1px 0 0 -7px;background:currentColor;transition:transform var(--duration-base) var(--ease-out)}
.faq-ic::after{transform:rotate(90deg)}
.faq-item[open] .faq-ic{background:var(--navy);border-color:var(--navy);color:var(--on-navy)}
.faq-item[open] .faq-ic::after{transform:rotate(180deg)}
.faq-a{padding:0 var(--space-5) var(--space-5) calc(var(--space-5) + 48px);max-width:calc(var(--measure) + 68px);font-size:17px;line-height:27px;color:var(--ink)}
.faq-a>*+*{margin-top:var(--space-3)}
.faq-a p{margin-bottom:0}
.faq-a a{color:var(--blue);text-decoration:underline;text-underline-offset:3px}
@media (prefers-reduced-motion:no-preference){@supports selector(::details-content){.faq-item{interpolate-size:allow-keywords}.faq-item::details-content{block-size:0;overflow:hidden;transition:block-size .3s var(--ease-out),content-visibility .3s allow-discrete}.faq-item[open]::details-content{block-size:auto}}}
@media (max-width:1023px){
  .faq-sec{display:flex;flex-direction:column;align-items:stretch;gap:0}
  .faq-side{display:contents}
  .faq-help{order:2;margin-top:var(--space-6)}
}
@media (max-width:767px){
  .faq-q{font-size:20px;line-height:24px;gap:var(--space-3);padding:var(--space-4) var(--space-3)}
  .faq-a{padding:0 var(--space-3) var(--space-5) calc(var(--space-3) + 38px)}
}