/* =========================================================
   PAGE 31 · НАЈЧЕСТИ ПРАШАЊА
   EDITORIAL HELP DESK
   ========================================================= */

.faq-page{padding:42px 0 96px}
.faq-shell{
  width:min(var(--container),calc(100% - (var(--gutter) * 2)));
  margin-inline:auto;
}
.faq-kicker{
  display:block;
  color:#6B655D;
  font-size:14px;
  font-weight:900;
  letter-spacing:.13em;
  text-transform:uppercase;
}

/* C136 · Hero */
.faq-hero{
  padding:52px 0 68px;
  border-bottom:1px solid rgba(21,21,21,.18);
}
.faq-hero h1{
  margin:12px 0 15px;
  max-width:900px;
  font-size:clamp(58px,6.2vw,72px);
  line-height:.92;
  letter-spacing:-.065em;
  font-weight:900;
}
.faq-hero p{
  margin:0;
  max-width:760px;
  color:var(--muted);
  font-size:16px;
  line-height:1.55;
}

/* C137 · Featured FAQ */
.featured-section{
  margin-top:76px;
}
.featured-head{
  display:flex;
  align-items:end;
  justify-content:space-between;
  gap:24px;
  margin-bottom:20px;
}
.featured-head h2{
  margin:7px 0 0;
  font-size:36px;
  line-height:1;
  letter-spacing:-.045em;
}
.featured-layout{
  display:grid;
  grid-template-columns:minmax(0,1.38fr) minmax(330px,1fr);
  border-top:2px solid var(--ink);
  border-bottom:2px solid var(--ink);
}
.featured-answer{
  padding:30px 32px 28px 0;
  border-right:1px solid rgba(21,21,21,.18);
}
.featured-answer .featured-label{
  color:#6B655D;
  font-size:14px;
  font-weight:900;
  letter-spacing:.1em;
  text-transform:uppercase;
}
.featured-answer h3{
  margin:14px 0 12px;
  max-width:680px;
  font-size:34px;
  line-height:1.02;
  letter-spacing:-.045em;
}
.featured-answer .answer-lead{
  margin:0;
  max-width:700px;
  font-size:17px;
  line-height:1.55;
  font-weight:750;
}
.featured-answer .answer-body{
  margin:10px 0 0;
  max-width:700px;
  color:var(--muted);
  font-size:14px;
  line-height:1.62;
}
.featured-answer .answer-cta{
  margin-top:16px;
}
.quick-questions{
  display:grid;
}
.quick-question{
  min-height:86px;
  display:grid;
  grid-template-columns:minmax(0,1fr) auto;
  gap:18px;
  align-items:center;
  padding:16px 0 16px 26px;
  border-bottom:1px solid rgba(21,21,21,.16);
}
.quick-question:last-child{border-bottom:0}
.quick-question strong{
  font-size:14px;
  line-height:1.35;
}
.quick-question span{
  font-size:17px;
  font-weight:800;
}

/* C138 · Category Index */
.category-section{
  margin-top:78px;
  padding-top:28px;
  border-top:2px solid var(--ink);
}
.category-head{
  max-width:760px;
  margin-bottom:20px;
}
.category-head h2{
  margin:7px 0 9px;
  font-size:36px;
  line-height:1;
  letter-spacing:-.045em;
}
.category-head p{
  margin:0;
  color:var(--muted);
  font-size:16px;
}
.category-index{
  display:grid;
  grid-template-columns:repeat(4,minmax(0,1fr));
  border-top:1px solid var(--ink);
  border-left:1px solid var(--ink);
}
.category-link{
  min-height:105px;
  padding:18px 18px;
  border-right:1px solid var(--ink);
  border-bottom:1px solid var(--ink);
  display:flex;
  flex-direction:column;
  justify-content:space-between;
}
.category-link strong{
  font-size:17px;
  line-height:1.15;
}
.category-link span{
  color:#777169;
  font-size:14px;
  font-weight:800;
}
.category-link:nth-child(5),
.category-link:nth-child(6),
.category-link:nth-child(7){
  grid-column:span 1;
}

/* C142 · Optional search */
.faq-search{
  display:none;
  margin-top:44px;
  padding:24px 0;
  border-top:2px solid var(--ink);
  border-bottom:1px solid rgba(21,21,21,.18);
}
.faq-search.is-visible{display:block}
.search-grid{
  display:grid;
  grid-template-columns:minmax(0,1fr) 260px;
  gap:12px;
}
.search-input,
.search-select{
  min-height:54px;
  border:1px solid rgba(21,21,21,.3);
  border-radius:0;
  background:var(--surface);
  padding:0 14px;
  font:inherit;
}
.search-meta{
  margin-top:10px;
  color:#756F67;
  font-size:14px;
}

/* C139 · FAQ Groups */
.faq-groups{
  width:min(1020px,100%);
  margin-top:84px;
}
.faq-group{
  margin-top:74px;
  scroll-margin-top:90px;
}
.faq-group:first-child{margin-top:0}
.faq-group-header{
  padding-top:24px;
  border-top:3px solid var(--ink);
  margin-bottom:12px;
}
.group-index{
  color:#7B746A;
  font-size:14px;
  font-weight:900;
  letter-spacing:.11em;
  text-transform:uppercase;
}
.faq-group-header h2{
  margin:7px 0 8px;
  font-size:40px;
  line-height:1;
  letter-spacing:-.05em;
}
.faq-group-header p{
  margin:0;
  max-width:720px;
  color:var(--muted);
  font-size:16px;
}

/* C140 / C141 · Accordion */
.faq-list{
  border-top:1px solid rgba(21,21,21,.22);
}
.faq-item{
  border-bottom:1px solid rgba(21,21,21,.2);
  scroll-margin-top:92px;
}
.faq-question{
  width:100%;
  min-height:68px;
  border:0;
  background:transparent;
  padding:15px 0;
  display:grid;
  grid-template-columns:minmax(0,1fr) 44px;
  gap:16px;
  align-items:center;
  text-align:left;
}
.faq-question strong{
  font-size:18px;
  line-height:1.35;
}
.faq-toggle{
  width:44px;
  height:44px;
  display:grid;
  place-items:center;
  font-size:22px;
  font-weight:600;
}
.faq-answer{
  display:none;
  padding:0 62px 22px 0;
}
.faq-page .faq-answer:not([hidden]){display:block}
.faq-page .faq-answer[hidden]{display:none}
.answer-lead{
  margin:0;
  max-width:790px;
  font-size:17px;
  line-height:1.55;
  font-weight:750;
}
.answer-body{
  margin:9px 0 0;
  max-width:790px;
  color:var(--muted);
  font-size:14px;
  line-height:1.65;
}
.answer-cta{
  margin-top:13px;
  min-height:40px;
  display:inline-flex;
  align-items:center;
  font-size:14px;
  font-weight:900;
  border-bottom:1px solid rgba(21,21,21,.25);
}
.faq-item[hidden],
.faq-group[hidden]{display:none}

/* C144 · Support Escalation */
.support-block{
  margin-top:92px;
  min-height:260px;
  padding:38px 40px;
  background:var(--ink);
  color:var(--paper);
  display:grid;
  grid-template-columns:minmax(0,1fr) auto;
  gap:32px;
  align-items:end;
  position:relative;
}
.support-block::before{
  content:"";
  position:absolute;
  top:0;left:0;
  width:76px;height:5px;
  background:var(--cobalt);
}
.support-block h2{
  margin:8px 0 9px;
  font-size:46px;
  line-height:.96;
  letter-spacing:-.05em;
}
.support-block p{
  margin:0;
  max-width:650px;
  color:rgba(244,240,231,.64);
  font-size:16px;
}
.support-actions{
  display:flex;
  flex-wrap:wrap;
  gap:10px;
}
.support-primary,
.support-secondary{
  min-height:50px;
  display:inline-flex;
  align-items:center;
  justify-content:center;
  padding:0 17px;
  font-size:14px;
  font-weight:900;
}
.support-primary{
  background:var(--red);
  color:#fff;
}
.support-secondary{
  border:1px solid rgba(244,240,231,.34);
}

@media(max-width:959px){
  .featured-layout{grid-template-columns:1fr}
  .featured-answer{
    padding-right:0;
    border-right:0;
    border-bottom:1px solid rgba(21,21,21,.18);
  }
  .quick-question{padding-left:0}
  .category-index{grid-template-columns:1fr 1fr}
  .search-grid{grid-template-columns:1fr}
}
@media(max-width:760px){
  .support-block{grid-template-columns:1fr}
}
@media(max-width:620px){
  .faq-page{padding-top:22px;padding-bottom:72px}
  .faq-hero{
    padding:34px 0 50px;
  }
  .faq-hero h1{
    font-size:42px;
    line-height:.94;
  }
  .faq-hero p{font-size:16px}

  .featured-section{margin-top:54px}
  .featured-head h2{font-size:31px}
  .featured-answer{padding:24px 0}
  .featured-answer h3{font-size:28px}
  .featured-answer .answer-lead{font-size:16px}
  .quick-question{min-height:72px}

  .category-section{margin-top:58px}
  .category-index{grid-template-columns:1fr}
  .category-link{min-height:74px}

  .faq-groups{margin-top:64px}
  .faq-group{margin-top:58px}
  .faq-group-header h2{font-size:31px}
  .faq-question{
    min-height:58px;
    grid-template-columns:minmax(0,1fr) 44px;
  }
  .faq-question strong{font-size:16px}
  .faq-answer{padding-right:0}
  .answer-lead{font-size:15px}
  .answer-body{font-size:14px}

  .support-block{
    margin-top:68px;
    min-height:0;
    padding:31px 22px;
  }
  .support-block h2{font-size:36px}
  .support-actions{display:grid}
  .support-primary,.support-secondary{width:100%}
}

/* Launch FAQ: six readable answers and consistent support actions. */
.featured-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:0 32px;border-top:2px solid var(--ink)}
.featured-grid .featured-answer{padding:26px 0;border-right:0;border-bottom:1px solid rgba(21,21,21,.18)}
.featured-grid .featured-answer h3{font-size:26px;line-height:1.15;margin-top:0}
.faq-page .answer-body,.featured-grid .featured-answer .answer-body,.category-head p{font-size:16px;line-height:1.65}
.faq-question>span:first-child{font-family:inherit;font-size:18px;font-weight:750;line-height:1.4}
.faq-question{cursor:pointer;color:var(--ink);transition:color .15s ease}
.faq-question:hover,.category-link:hover{color:var(--red)}
.faq-page .support-block{align-items:center}
.faq-page .support-block .faq-kicker,.faq-page .support-block h2{color:#fff}
.faq-page .support-block p{color:rgba(255,255,255,.85);font-size:16px;line-height:1.6}
.faq-page .support-actions a{color:#fff;transition:background-color .15s ease,border-color .15s ease}
.faq-page .support-primary:hover{background:#ad3128}
.faq-page .support-secondary:hover{background:rgba(255,255,255,.12);border-color:#fff}
.faq-page a:focus-visible,.faq-question:focus-visible{outline:2px solid var(--red);outline-offset:4px}
@media(max-width:760px){.featured-grid{grid-template-columns:1fr}.faq-question>span:first-child{font-size:16px}}