/* Selected FAQ direction — 2026-08-15
   Clean Parkovato blue, searchable flat accordions and mobile-first topic navigation. */

body.faq-page.faq-selected-variant {
  --faq-blue: #1544bf;
  --faq-blue-deep: #0e35a5;
  --faq-ink: #07182f;
  --faq-copy: #3f5069;
  --faq-muted: #6d7a8f;
  --faq-line: #dbe3ee;
  --faq-soft: #f4f7fc;
  overflow-x: hidden;
  color: var(--faq-ink);
  background: #fff;
}

body.faq-page.faq-selected-variant .topbar {
  display: none !important;
}

html[lang] body.faq-page.faq-selected-variant main > .page-hero {
  position: relative;
  padding: clamp(44px, 6vw, 76px) 0 clamp(46px, 6vw, 72px) !important;
  overflow: hidden;
  background:
    radial-gradient(circle at 18% 16%, rgba(51, 105, 240, .88), transparent 42%),
    linear-gradient(125deg, #1439ac 0%, #1549ca 58%, #0f35a8 100%) !important;
  color: #fff;
}

body.faq-page.faq-selected-variant .page-hero::before {
  content: "";
  position: absolute;
  inset: 0;
  pointer-events: none;
  background: linear-gradient(95deg, rgba(1, 19, 76, .16), transparent 56%);
}

body.faq-page.faq-selected-variant .page-hero .container {
  position: relative;
  z-index: 1;
  width: min(100% - 40px, 1080px);
  max-width: 1080px;
  padding-right: 0 !important;
  padding-left: 0 !important;
}

body.faq-page.faq-selected-variant .page-hero .breadcrumb {
  display: flex !important;
  align-items: center;
  gap: 11px;
  margin: 0 0 18px;
  color: rgba(255, 255, 255, .9);
  font-size: 15px;
  line-height: 1.25;
}

body.faq-page.faq-selected-variant .page-hero .breadcrumb a {
  color: #fff;
  text-decoration: none;
}

body.faq-page.faq-selected-variant .page-hero .breadcrumb a:hover,
body.faq-page.faq-selected-variant .page-hero .breadcrumb a:focus-visible {
  text-decoration: underline;
  text-underline-offset: 4px;
}

body.faq-page.faq-selected-variant .page-hero h1 {
  max-width: 860px !important;
  margin: 0 0 18px !important;
  color: #fff !important;
  font-size: clamp(40px, 5.2vw, 66px) !important;
  font-weight: 850;
  line-height: 1.04 !important;
  letter-spacing: -.035em;
  text-wrap: balance;
}

body.faq-page.faq-selected-variant .page-hero > .container > p {
  max-width: 760px !important;
  margin: 0 !important;
  color: rgba(255, 255, 255, .91) !important;
  font-size: clamp(17px, 1.65vw, 21px) !important;
  line-height: 1.5 !important;
}

body.faq-page.faq-selected-variant .page-hero-actions {
  display: none !important;
}

body.faq-page.faq-selected-variant .faq-hero-search {
  position: relative;
  max-width: 920px;
  margin-top: 34px;
}

body.faq-page.faq-selected-variant .faq-hero-search .icon {
  position: absolute;
  top: 50%;
  left: 24px;
  width: 25px;
  height: 25px;
  color: #314159;
  transform: translateY(-50%);
  pointer-events: none;
}

body.faq-page.faq-selected-variant .faq-search {
  width: 100%;
  min-height: 70px;
  padding: 0 24px 0 68px;
  border: 1px solid rgba(255, 255, 255, .58);
  border-radius: 14px;
  outline: none;
  background: #fff;
  color: var(--faq-ink);
  font: inherit;
  font-size: 18px;
  box-shadow: 0 14px 32px rgba(5, 21, 64, .17);
}

body.faq-page.faq-selected-variant .faq-search::placeholder {
  color: #778397;
  opacity: 1;
}

body.faq-page.faq-selected-variant .faq-search:focus {
  border-color: #fff;
  outline: 3px solid rgba(255, 255, 255, .42);
  outline-offset: 3px;
}

body.faq-page.faq-selected-variant .faq-full {
  padding: 0 0 72px !important;
  background: #fff !important;
}

body.faq-page.faq-selected-variant .faq-full > .container {
  width: min(100% - 40px, 1080px);
  max-width: 1080px;
  padding-right: 0 !important;
  padding-left: 0 !important;
}

body.faq-page.faq-selected-variant .faq-priority-panel,
body.faq-page.faq-selected-variant .faq-inline-cta,
body.faq-page.faq-selected-variant .faq-full > .section-cta,
body.faq-page.faq-selected-variant .faq-section-count,
body.faq-page.faq-selected-variant .faq-fast-answers,
body.faq-page.faq-selected-variant .trust-decision-panel--faq,
body.faq-page.faq-selected-variant > .whatsapp-float {
  display: none !important;
}

body.faq-page.faq-selected-variant .faq-jump-nav {
  position: static !important;
  z-index: auto;
  display: grid !important;
  grid-template-columns: repeat(5, minmax(0, 1fr)) !important;
  gap: 0 !important;
  max-width: none !important;
  margin: 0 -20px 0 !important;
  padding: 0 20px !important;
  overflow: visible !important;
  border: 0 !important;
  border-bottom: 1px solid var(--faq-line) !important;
  border-radius: 0 !important;
  background: #fff !important;
  box-shadow: none !important;
  backdrop-filter: none !important;
}

body.faq-page.faq-selected-variant .faq-jump-nav button {
  position: relative;
  min-width: 0;
  min-height: 66px;
  padding: 0 10px;
  border: 0;
  border-radius: 0;
  background: transparent;
  color: var(--faq-ink);
  font: inherit;
  font-size: 15px;
  font-weight: 720;
  line-height: 1.15;
  cursor: pointer;
  white-space: nowrap;
}

body.faq-page.faq-selected-variant .faq-jump-nav button::after {
  content: "";
  position: absolute;
  right: 10px;
  bottom: -1px;
  left: 10px;
  height: 3px;
  border-radius: 3px 3px 0 0;
  background: transparent;
}

body.faq-page.faq-selected-variant .faq-jump-nav button:hover,
body.faq-page.faq-selected-variant .faq-jump-nav button:focus-visible,
body.faq-page.faq-selected-variant .faq-jump-nav button[aria-selected="true"] {
  color: var(--faq-blue);
}

body.faq-page.faq-selected-variant .faq-jump-nav button[aria-selected="true"]::after {
  background: var(--faq-blue);
}

body.faq-page.faq-selected-variant .faq-jump-nav button:focus-visible {
  outline: 2px solid var(--faq-blue);
  outline-offset: -5px;
}

body.faq-page.faq-selected-variant .faq-full .faq-list {
  max-width: 900px;
  margin: 0 auto;
  padding-top: 54px;
}

body.faq-page.faq-selected-variant .faq-view-title {
  margin: 0 0 22px !important;
  padding: 0 !important;
  border: 0 !important;
  color: var(--faq-ink) !important;
  font-size: clamp(27px, 3vw, 36px) !important;
  font-weight: 820 !important;
  line-height: 1.14 !important;
  letter-spacing: -.025em !important;
  text-transform: none !important;
}

body.faq-page.faq-selected-variant .faq-full .faq-list > h2[id^="faq-"] {
  display: none !important;
}

body.faq-page.faq-selected-variant .faq-full .faq-list > .faq-view-title {
  display: block !important;
}

body.faq-page.faq-selected-variant .faq-item {
  margin: 0 !important;
  overflow: visible !important;
  border: 0 !important;
  border-left: 0 !important;
  border-bottom: 1px solid var(--faq-line) !important;
  border-radius: 0 !important;
  background: #fff !important;
  box-shadow: none !important;
}

body.faq-page.faq-selected-variant .faq-question {
  position: relative;
  min-height: 66px;
  padding: 19px 42px 19px 7px !important;
  align-items: flex-start;
  gap: 18px;
  color: var(--faq-ink) !important;
  background: transparent !important;
  border-left: 0 !important;
  font-size: 17px;
  font-weight: 760;
  line-height: 1.42;
  letter-spacing: -.01em;
}

body.faq-page.faq-selected-variant .faq-question:hover,
body.faq-page.faq-selected-variant .faq-question:focus-visible,
body.faq-page.faq-selected-variant .faq-question.open {
  color: var(--faq-blue) !important;
  background: transparent !important;
}

body.faq-page.faq-selected-variant .faq-question:focus-visible {
  outline: 2px solid var(--faq-blue);
  outline-offset: -3px;
  border-radius: 6px;
}

body.faq-page.faq-selected-variant .faq-chevron {
  position: absolute;
  right: 9px;
  width: 20px;
  height: 20px;
  margin-top: 2px;
  color: currentColor;
  border: 0 !important;
  border-radius: 0 !important;
  background: transparent !important;
  box-shadow: none !important;
}

body.faq-page.faq-selected-variant .faq-chevron::before {
  content: "" !important;
  position: absolute;
  top: 4px;
  left: 5px;
  width: 8px;
  height: 8px;
  border-right: 2px solid currentColor;
  border-bottom: 2px solid currentColor;
  transform: rotate(45deg);
  transition: transform .2s ease, top .2s ease;
}

body.faq-page.faq-selected-variant .faq-question.open .faq-chevron::before {
  top: 7px;
  transform: rotate(225deg);
}

body.faq-page.faq-selected-variant .faq-answer {
  max-height: 0;
  padding: 0 42px 0 7px !important;
  overflow: hidden;
  color: var(--faq-copy);
  transition: max-height .28s ease, padding .22s ease;
}

body.faq-page.faq-selected-variant .faq-answer.open {
  max-height: 920px;
  padding: 0 42px 22px 7px !important;
}

body.faq-page.faq-selected-variant .faq-answer p {
  max-width: 72ch;
  margin: 0;
  color: var(--faq-copy) !important;
  font-size: 16px;
  line-height: 1.62;
}

body.faq-page.faq-selected-variant .faq-popular-summary {
  display: none;
}

body.faq-page.faq-selected-variant.faq-view-popular .faq-popular-summary {
  display: block;
}

body.faq-page.faq-selected-variant.faq-view-popular .faq-price-detail {
  display: none;
}

body.faq-page.faq-selected-variant .faq-answer a {
  color: var(--faq-blue) !important;
  font-weight: 680;
  text-decoration: none;
}

body.faq-page.faq-selected-variant .faq-answer a:hover,
body.faq-page.faq-selected-variant .faq-answer a:focus-visible {
  text-decoration: underline;
  text-underline-offset: 4px;
}

body.faq-page.faq-selected-variant .faq-answer .faq-answer-cta {
  display: inline-flex;
  align-items: center;
  gap: 10px;
  margin-top: 18px;
  color: var(--faq-blue) !important;
  font-weight: 780;
}

body.faq-page.faq-selected-variant .faq-answer .faq-answer-cta::after {
  content: "→";
  font-size: 1.25em;
  line-height: 1;
}

body.faq-page.faq-selected-variant .faq-topic-overview {
  margin-top: 64px;
  padding: 0 !important;
}

body.faq-page.faq-selected-variant .faq-topic-overview h2 {
  margin: 0 0 22px;
  color: var(--faq-ink);
  font-size: clamp(27px, 3vw, 36px);
  font-weight: 820;
  line-height: 1.15;
  letter-spacing: -.025em;
}

body.faq-page.faq-selected-variant .faq-topic-list {
  margin: 0;
  padding: 0;
  border-top: 1px solid var(--faq-line);
  list-style: none;
}

body.faq-page.faq-selected-variant .faq-topic-button {
  display: grid;
  grid-template-columns: 30px minmax(0, 1fr) auto 20px;
  gap: 16px;
  width: 100%;
  min-height: 68px;
  align-items: center;
  padding: 12px 7px;
  border: 0;
  border-bottom: 1px solid var(--faq-line);
  background: #fff;
  color: var(--faq-ink);
  font: inherit;
  text-align: left;
  cursor: pointer;
}

body.faq-page.faq-selected-variant .faq-topic-button .icon {
  width: 23px;
  height: 23px;
  color: var(--faq-blue);
}

body.faq-page.faq-selected-variant .faq-topic-label {
  font-size: 17px;
  line-height: 1.3;
}

body.faq-page.faq-selected-variant .faq-topic-count {
  color: var(--faq-copy);
  font-variant-numeric: tabular-nums;
}

body.faq-page.faq-selected-variant .faq-topic-arrow {
  color: var(--faq-blue);
  font-size: 24px;
  line-height: 1;
}

body.faq-page.faq-selected-variant .faq-topic-button:hover,
body.faq-page.faq-selected-variant .faq-topic-button:focus-visible {
  background: var(--faq-soft);
  color: var(--faq-blue);
}

body.faq-page.faq-selected-variant .faq-topic-button:focus-visible {
  outline: 2px solid var(--faq-blue);
  outline-offset: -3px;
}

body.faq-page.faq-selected-variant .faq-empty {
  margin: 28px 0;
  padding: 26px 7px;
  border-top: 1px solid var(--faq-line);
  border-bottom: 1px solid var(--faq-line);
  color: var(--faq-copy);
}

body.faq-page.faq-selected-variant .faq-empty strong {
  display: block;
  margin-bottom: 6px;
  color: var(--faq-ink);
  font-size: 20px;
}

body.faq-page.faq-selected-variant .faq-empty p {
  margin: 0 0 14px;
}

body.faq-page.faq-selected-variant .faq-empty a {
  color: var(--faq-blue);
  font-weight: 760;
}

body.faq-page.faq-selected-variant .faq-result-status {
  position: absolute !important;
  width: 1px !important;
  height: 1px !important;
  padding: 0 !important;
  margin: -1px !important;
  overflow: hidden !important;
  clip: rect(0, 0, 0, 0) !important;
  white-space: nowrap !important;
  border: 0 !important;
}

body.faq-page.faq-selected-variant .faq-hero-search .sr-only {
  position: absolute !important;
  width: 1px !important;
  height: 1px !important;
  padding: 0 !important;
  margin: -1px !important;
  overflow: hidden !important;
  clip: rect(0, 0, 0, 0) !important;
  white-space: nowrap !important;
  border: 0 !important;
}

body.faq-page.faq-selected-variant .still-question {
  margin: 64px 0 0;
  padding: 32px 7px 0;
  border-top: 1px solid var(--faq-line);
  border-radius: 0;
  background: #fff;
  text-align: left;
}

body.faq-page.faq-selected-variant .still-question h3 {
  color: var(--faq-ink);
  font-size: 26px;
  letter-spacing: -.02em;
}

body.faq-page.faq-selected-variant .still-question p {
  color: var(--faq-copy);
}

body.faq-page.faq-selected-variant .still-question .btn {
  min-height: 48px;
  margin: 8px 8px 0 0;
  border-radius: 9px;
}

body.faq-page.faq-selected-variant .still-question .btn-primary,
body.faq-page.faq-selected-variant + .cta-section .btn-primary {
  border-color: var(--faq-blue);
  background: var(--faq-blue);
}

body.faq-page.faq-selected-variant .still-question .btn-secondary {
  border-color: #c8d3e4;
  background: #fff;
  color: var(--faq-blue);
}

body.faq-page.faq-selected-variant .master-seo-linkbar-section {
  border-top: 1px solid var(--faq-line);
  background: var(--faq-soft) !important;
}

@media (max-width: 768px) {
  html[lang] body.faq-page.faq-selected-variant main > .page-hero {
    padding: 24px 0 24px !important;
  }

  body.faq-page.faq-selected-variant .page-hero .container,
  body.faq-page.faq-selected-variant .faq-full > .container {
    width: min(100% - 40px, 640px);
  }

  body.faq-page.faq-selected-variant .page-hero .breadcrumb {
    margin-bottom: 16px;
    font-size: 13px;
  }

  body.faq-page.faq-selected-variant .page-hero h1 {
    max-width: 600px !important;
    margin-bottom: 16px !important;
    font-size: clamp(31px, 8vw, 36px) !important;
    line-height: 1.08 !important;
  }

  body.faq-page.faq-selected-variant .page-hero > .container > p {
    max-width: 560px !important;
    font-size: 14px !important;
    line-height: 1.48 !important;
  }

  body.faq-page.faq-selected-variant .faq-hero-search {
    margin-top: 24px;
  }

  body.faq-page.faq-selected-variant .faq-hero-search .icon {
    left: 18px;
    width: 23px;
    height: 23px;
  }

  body.faq-page.faq-selected-variant .faq-search {
    min-height: 54px;
    padding-right: 16px;
    padding-left: 56px;
    border-radius: 11px;
    font-size: 16px;
    box-shadow: 0 10px 24px rgba(5, 21, 64, .16);
  }

  body.faq-page.faq-selected-variant .faq-jump-nav {
    width: 100% !important;
    margin-right: 0 !important;
    margin-left: 0 !important;
    padding-right: 0 !important;
    padding-left: 0 !important;
  }

  body.faq-page.faq-selected-variant .faq-jump-nav button {
    min-height: 52px;
    padding: 0 5px;
    font-size: clamp(11px, 3.15vw, 13px);
  }

  body.faq-page.faq-selected-variant .faq-jump-nav button::after {
    right: 5px;
    left: 5px;
  }

  body.faq-page.faq-selected-variant .faq-full .faq-list {
    padding-top: 36px;
  }

  body.faq-page.faq-selected-variant .faq-view-title,
  body.faq-page.faq-selected-variant .faq-topic-overview h2 {
    font-size: 27px !important;
  }

  body.faq-page.faq-selected-variant .faq-view-title {
    margin-bottom: 16px !important;
  }

  body.faq-page.faq-selected-variant .faq-question {
    min-height: 61px;
    padding: 17px 38px 17px 7px !important;
    font-size: 16px;
    line-height: 1.36;
  }

  body.faq-page.faq-selected-variant .faq-answer {
    padding-right: 28px !important;
  }

  body.faq-page.faq-selected-variant .faq-answer.open {
    padding: 0 28px 20px 7px !important;
  }

  body.faq-page.faq-selected-variant .faq-answer p {
    font-size: 13px;
    line-height: 1.35;
  }

  body.faq-page.faq-selected-variant .faq-topic-overview {
    margin-top: 32px;
  }

  body.faq-page.faq-selected-variant .faq-topic-button {
    grid-template-columns: 26px minmax(0, 1fr) auto 16px;
    gap: 12px;
    min-height: 54px;
    padding-right: 5px;
    padding-left: 5px;
  }

  body.faq-page.faq-selected-variant .faq-topic-label {
    font-size: 14px;
  }

  body.faq-page.faq-selected-variant .faq-topic-overview h2 {
    font-size: 20px !important;
  }

  body.faq-page.faq-selected-variant .still-question {
    margin-top: 52px;
    padding-top: 26px;
  }

  body.faq-page.faq-selected-variant .still-question h3 {
    font-size: 23px;
  }

  body.faq-page.faq-selected-variant .still-question .btn {
    width: 100%;
    margin-right: 0;
  }
}

@media (max-width: 374px) {
  body.faq-page.faq-selected-variant .page-hero .container,
  body.faq-page.faq-selected-variant .faq-full > .container {
    width: calc(100% - 28px);
  }

  body.faq-page.faq-selected-variant .faq-jump-nav {
    margin-right: -14px !important;
    margin-left: -14px !important;
    padding-right: 8px !important;
    padding-left: 8px !important;
  }

  body.faq-page.faq-selected-variant .faq-jump-nav button {
    font-size: 10.5px;
  }
}

@media (prefers-reduced-motion: reduce) {
  body.faq-page.faq-selected-variant .faq-answer,
  body.faq-page.faq-selected-variant .faq-chevron::before {
    transition: none;
  }
}

/* Specificity shield: legacy utility layers also style generic page heroes and
   FAQ headings with !important. Keep the approved FAQ art direction final. */
html[lang] body.faq-page.faq-selected-variant main#main > .page-hero {
  background:
    radial-gradient(circle at 18% 16%, rgba(51, 105, 240, .88), transparent 42%),
    linear-gradient(125deg, #1439ac 0%, #1549ca 58%, #0f35a8 100%) !important;
}

html[lang] body.faq-page.faq-selected-variant main#main .faq-full .faq-list > h2#selected-faq-view-title.faq-view-title {
  display: block !important;
  margin: 0 0 22px !important;
  padding: 0 !important;
  border: 0 !important;
  color: var(--faq-ink) !important;
  font-size: clamp(27px, 3vw, 36px) !important;
  font-weight: 820 !important;
  line-height: 1.14 !important;
  letter-spacing: -.025em !important;
  text-transform: none !important;
}

html[lang] body.faq-page.faq-selected-variant main#main .faq-jump-nav {
  min-height: 0 !important;
  padding-top: 0 !important;
  padding-bottom: 0 !important;
}

@media (max-width: 768px) {
  html[lang] body.faq-page.faq-selected-variant main#main > .page-hero {
    padding: 14px 0 !important;
  }

  html[lang] body.faq-page.faq-selected-variant main#main > .page-hero .breadcrumb {
    margin-bottom: 10px !important;
    font-size: 13px !important;
  }

  html[lang] body.faq-page.faq-selected-variant main#main > .page-hero h1 {
    margin-bottom: 10px !important;
    font-size: 27.5px !important;
    line-height: 1.08 !important;
    letter-spacing: -.04em !important;
  }

  html[lang] body.faq-page.faq-selected-variant main#main > .page-hero > .container > p {
    font-size: 13.5px !important;
    line-height: 1.4 !important;
    letter-spacing: -.01em;
  }

  html[lang] body.faq-page.faq-selected-variant main#main > .page-hero .faq-hero-search {
    margin-top: 16px !important;
  }

  html[lang] body.faq-page.faq-selected-variant main#main .faq-jump-nav button {
    min-height: 48px !important;
  }

  html[lang] body.faq-page.faq-selected-variant main#main .faq-full .faq-list > h2#selected-faq-view-title.faq-view-title {
    margin: 0 0 8px !important;
    font-size: 20px !important;
  }

  html[lang] body.faq-page.faq-selected-variant main#main .faq-full .faq-list {
    padding-top: 25px !important;
  }

  html[lang] body.faq-page.faq-selected-variant main#main .faq-question {
    min-height: 48px !important;
    padding-top: 12px !important;
    padding-bottom: 12px !important;
    font-size: 14px !important;
    line-height: 1.35 !important;
  }

  html[lang] body.faq-page.faq-selected-variant main#main .faq-answer.open {
    padding-bottom: 10px !important;
  }

  html[lang] body.faq-page.faq-selected-variant main#main .faq-answer .faq-answer-cta {
    margin-top: 8px;
    font-size: 13px;
  }
}