.acc-faq{
  --af-blue:#0b83d8;
  --af-blue-dark:#0873c1;
  --af-navy:#10273d;
  --af-text:#22394f;
  --af-muted:#6f8397;
  --af-line:#dbe6ee;
  --af-soft:#f6fafe;
  --af-red:#ef3340;
  --af-radius:10px;
  --af-shadow:0 10px 30px rgba(16,39,61,.045);
  font-family:Manrope,Inter,system-ui,-apple-system,"Segoe UI",sans-serif;
  color:var(--af-text);
  background:#fff;
  padding-bottom:72px;
}
.acc-faq *{box-sizing:border-box}
.acc-faq__container{width:min(1440px,calc(100% - 56px));margin-inline:auto}

/* Hero zachowuje proporcje i typografię istniejących podstron ACC Store. */
.acc-faq__hero-shell{
  position:relative;
  overflow:hidden;
  background:linear-gradient(102deg,#fff 0%,#fff 48%,#f7fbfe 77%,#eff7fc 100%);
  border-bottom:1px solid #e8eff4;
}
.acc-faq__hero-shell::after{
  content:"";
  position:absolute;
  inset:0 0 0 54%;
  pointer-events:none;
  background:radial-gradient(circle at 82% 34%,rgba(11,131,216,.075),transparent 52%);
}
.acc-faq__hero-wave{
  position:absolute;
  pointer-events:none;
  border:1px solid rgba(89,167,220,.09);
  border-left-color:transparent;
  border-bottom-color:transparent;
  border-radius:50%;
  transform:rotate(-12deg);
}
.acc-faq__hero-wave--one{width:850px;height:330px;right:-215px;top:15px}
.acc-faq__hero-wave--two{width:700px;height:270px;right:-120px;top:76px;opacity:.7}
.acc-faq__hero{position:relative;z-index:1;max-width:860px;padding:32px 0 34px}
.acc-faq__breadcrumb{display:flex;align-items:center;gap:11px;margin:0 0 18px;color:#8b9bad;font-size:.82rem;line-height:1.35}
.acc-faq__breadcrumb a{color:#7c8fa2;text-decoration:none;transition:color .18s ease}
.acc-faq__breadcrumb a:hover{color:var(--af-blue)}
.acc-faq__breadcrumb strong{color:var(--af-navy);font-weight:700}
.acc-faq__hero h1{margin:0;color:var(--af-navy);font-size:clamp(2.06rem,3.2vw,3.45rem);line-height:1.01;letter-spacing:-.05em;font-weight:700}
.acc-faq__lead{max-width:650px;margin:15px 0 0;color:#556d82;font-size:.98rem;line-height:1.68;font-weight:500}

.acc-faq__content{padding-top:42px}
.acc-faq__list{width:min(1120px,100%);margin-inline:auto;display:grid;gap:12px}
.acc-faq__item{
  overflow:hidden;
  border:1px solid #dfe8ee;
  border-radius:var(--af-radius);
  background:#fff;
  box-shadow:var(--af-shadow);
  transition:border-color .2s ease,box-shadow .2s ease,background .2s ease;
}
.acc-faq__item:hover{border-color:#d2e1eb;box-shadow:0 12px 32px rgba(16,39,61,.055)}
.acc-faq__item.is-active{border-color:#d4e5f0;box-shadow:0 14px 34px rgba(16,39,61,.06)}
.acc-faq__question-heading{margin:0}
.acc-faq__question{
  width:100%;
  min-height:72px;
  padding:20px 24px 20px 28px;
  border:0;
  background:transparent;
  display:grid;
  grid-template-columns:minmax(0,1fr) 38px;
  align-items:center;
  gap:24px;
  text-align:left;
  color:var(--af-navy);
  font:700 1.02rem/1.42 Manrope,Inter,system-ui,-apple-system,"Segoe UI",sans-serif;
  letter-spacing:-.018em;
  cursor:pointer;
}
.acc-faq__question:focus-visible{outline:3px solid rgba(11,131,216,.18);outline-offset:-3px}
.acc-faq__question-text{min-width:0}
.acc-faq__control{
  position:relative;
  width:36px;
  height:36px;
  justify-self:end;
  display:grid;
  place-items:center;
  border-radius:50%;
  color:var(--af-blue);
  background:#f7fbfe;
  transition:background .2s ease,color .2s ease,transform .2s ease;
}
.acc-faq__item:hover .acc-faq__control{background:#eef7fd}
.acc-faq__arrow{position:absolute;width:21px;height:21px;transition:opacity .16s ease,transform .2s ease}
.acc-faq__arrow--right{opacity:1;transform:translateX(0)}
.acc-faq__arrow--up{opacity:0;transform:translateY(3px)}
.acc-faq__item.is-active .acc-faq__arrow--right{opacity:0;transform:translateX(3px)}
.acc-faq__item.is-active .acc-faq__arrow--up{opacity:1;transform:translateY(0)}
.acc-faq__item.is-active .acc-faq__control{background:#eef7fd;color:var(--af-blue-dark)}

.acc-faq__answer{
  display:grid;
  grid-template-rows:0fr;
  visibility:hidden;
  transition:grid-template-rows .3s cubic-bezier(.2,.75,.25,1),visibility 0s linear .3s;
}
.acc-faq__answer-inner{min-height:0;overflow:hidden;margin:0 28px;border-top:1px solid transparent;transition:border-color .18s ease}
.acc-faq__answer-inner p{margin:0;padding:0 0;color:#536a7f;font-size:.91rem;line-height:1.78;font-weight:500;transition:padding .3s cubic-bezier(.2,.75,.25,1)}
.acc-faq__item.is-active .acc-faq__answer{grid-template-rows:1fr;visibility:visible;transition:grid-template-rows .3s cubic-bezier(.2,.75,.25,1),visibility 0s}
.acc-faq__item.is-active .acc-faq__answer-inner{border-top-color:#e7eef3}
.acc-faq__item.is-active .acc-faq__answer-inner p{padding:20px 0 24px}

.acc-faq__help{
  width:min(1120px,100%);
  min-height:150px;
  margin:28px auto 0;
  padding:24px 28px;
  border:1px solid #cfe3f1;
  border-radius:12px;
  background:linear-gradient(102deg,#f8fcff 0%,#f2f9fe 50%,#edf7fd 100%);
  display:grid;
  grid-template-columns:108px minmax(0,1fr) 220px;
  align-items:center;
  gap:28px;
  box-shadow:0 10px 28px rgba(16,39,61,.035);
}
.acc-faq__help-icon{
  width:78px;
  height:78px;
  margin-inline:auto;
  border-radius:50%;
  display:grid;
  place-items:center;
  color:var(--af-blue);
  background:#fff;
  box-shadow:0 7px 22px rgba(16,39,61,.045);
}
.acc-faq__help-icon img{width:50px;height:50px;display:block}
.acc-faq__help-copy{min-width:0;padding-left:28px;border-left:1px solid #d7e7f1}
.acc-faq__help-copy h2{margin:0;color:var(--af-navy);font-size:1.34rem;line-height:1.2;letter-spacing:-.03em;font-weight:700}
.acc-faq__help-copy p{max-width:620px;margin:9px 0 0;color:#5d7286;font-size:.84rem;line-height:1.62;font-weight:500}
.acc-faq__help-actions{display:grid;gap:9px}
.acc-faq__button{
  min-height:46px;
  padding:0 16px;
  border:1px solid transparent;
  border-radius:7px;
  display:flex;
  align-items:center;
  justify-content:center;
  gap:10px;
  text-decoration:none;
  font-size:.78rem;
  line-height:1;
  font-weight:700;
  transition:transform .18s ease,box-shadow .18s ease,border-color .18s ease,background .18s ease;
}
.acc-faq__button:hover{transform:translateY(-1px)}
.acc-faq__button-icon{width:20px;height:20px;display:grid;place-items:center}
.acc-faq__button-icon svg{width:19px;height:19px}
.acc-faq__button--primary{color:#fff;background:linear-gradient(135deg,#0d8ce6 0%,#0877cf 100%);box-shadow:0 9px 18px rgba(11,131,216,.15)}
.acc-faq__button--primary:hover{box-shadow:0 12px 24px rgba(11,131,216,.2)}
.acc-faq__button--secondary{color:#155a8d;background:#fff;border-color:#9fc7e3}
.acc-faq__button--secondary:hover{border-color:#77b6df;background:#fbfdff}

@media (max-width:980px){
  .acc-faq__container{width:min(100% - 40px,1440px)}
  .acc-faq__help{grid-template-columns:86px minmax(0,1fr);gap:22px}
  .acc-faq__help-icon{width:68px;height:68px}
  .acc-faq__help-copy{padding-left:22px}
  .acc-faq__help-actions{grid-column:1/-1;grid-template-columns:repeat(2,minmax(0,1fr));padding-left:108px}
}

@media (max-width:720px){
  .acc-faq{padding-bottom:42px}
  .acc-faq__container{width:min(100% - 32px,1440px)}
  .acc-faq__hero-shell{background:linear-gradient(135deg,#fff 0%,#f9fcfe 62%,#eef8fe 100%)}
  .acc-faq__hero-shell::after{inset:0 0 0 28%}
  .acc-faq__hero-wave--one{width:520px;height:210px;right:-250px;top:52px}
  .acc-faq__hero-wave--two{display:none}
  .acc-faq__hero{padding:26px 0 29px}
  .acc-faq__breadcrumb{margin-bottom:15px;font-size:.76rem;gap:9px}
  .acc-faq__hero h1{font-size:clamp(2rem,10vw,2.65rem)}
  .acc-faq__lead{max-width:34rem;margin-top:12px;font-size:.88rem;line-height:1.62}
  .acc-faq__content{padding-top:26px}
  .acc-faq__list{gap:9px}
  .acc-faq__item{border-radius:9px;box-shadow:0 7px 22px rgba(16,39,61,.04)}
  .acc-faq__question{min-height:64px;padding:17px 15px 17px 18px;grid-template-columns:minmax(0,1fr) 34px;gap:14px;font-size:.9rem;line-height:1.42}
  .acc-faq__control{width:32px;height:32px}
  .acc-faq__arrow{width:19px;height:19px}
  .acc-faq__answer-inner{margin:0 18px}
  .acc-faq__answer-inner p{font-size:.81rem;line-height:1.7}
  .acc-faq__item.is-active .acc-faq__answer-inner p{padding:16px 0 19px}
  .acc-faq__help{margin-top:18px;padding:20px 18px;grid-template-columns:58px minmax(0,1fr);gap:16px;border-radius:10px}
  .acc-faq__help-icon{width:54px;height:54px}
  .acc-faq__help-icon img{width:38px;height:38px}
  .acc-faq__help-copy{padding-left:16px}
  .acc-faq__help-copy h2{font-size:1.05rem}
  .acc-faq__help-copy p{margin-top:6px;font-size:.76rem;line-height:1.52}
  .acc-faq__help-actions{grid-column:1/-1;grid-template-columns:1fr 1fr;padding-left:0;gap:8px}
  .acc-faq__button{min-height:43px;padding:0 10px;font-size:.7rem;gap:7px}
  .acc-faq__button-icon{width:17px;height:17px}
  .acc-faq__button-icon svg{width:17px;height:17px}
}

@media (max-width:420px){
  .acc-faq__container{width:calc(100% - 28px)}
  .acc-faq__question{padding-left:16px;padding-right:13px;font-size:.86rem}
  .acc-faq__help{grid-template-columns:48px minmax(0,1fr);padding:18px 15px;gap:13px}
  .acc-faq__help-icon{width:46px;height:46px}
  .acc-faq__help-icon img{width:34px;height:34px}
  .acc-faq__help-copy{padding-left:13px}
  .acc-faq__help-actions{grid-template-columns:1fr}
}

@media (prefers-reduced-motion:reduce){
  .acc-faq__item,.acc-faq__breadcrumb a,.acc-faq__control,.acc-faq__arrow,.acc-faq__answer,.acc-faq__answer-inner p,.acc-faq__button{transition:none!important}
}
