/* CSS source: assets/css/new-style/faq-style.css */
/* NewKey Israel — FAQ home page. CSSBuilder imports; global bundle first. */
/* CSS source: assets/css/new-style/faq/shared.css */
/* NewKey FAQ: shared. Includes its responsive and RTL rules. */



.au-hero__actions { display: flex; flex-wrap: wrap; justify-content: center; gap: 12px; margin-block-start: 28px; }

body.lang-he {
    direction: rtl;
}

/* CSS source: assets/css/new-style/faq/hero.css */
/* NewKey FAQ: hero. Includes its responsive and RTL rules. */



.fq-ic-fill { fill: var(--kh-icon-fill); fill-opacity: .55; }

.fq-hero { padding-block: 64px 56px; background: linear-gradient(180deg, var(--kh-sky) 0%, var(--kh-sky-050) 70%, var(--kh-surface) 100%); }

.fq-hero .kh-container { position: relative; z-index: 1; }

.fq-hero__inner { max-width: 720px; margin-inline: auto; text-align: center; }

.fq-hero .kh-search { margin: 28px auto 0; max-width: 640px; text-align: start; }

.fq-hero .kh-search__field { height: 56px; }

.fq-hero .kh-lead { margin-inline: auto; }

@media (max-width: 767px) {
  .fq-hero { padding-block: 40px 36px; }
}

/* CSS source: assets/css/new-style/faq/search.css */
/* NewKey FAQ: search. Includes its responsive and RTL rules. */



.fq-search { position: relative; }

.fq-results { margin-block-start: 12px; padding: 8px; border-radius: 20px; background: var(--kh-surface); border: 1px solid var(--kh-mist); box-shadow: var(--kh-sh-lg); text-align: start; }

.fq-results__count { padding: 8px 12px 6px; font-size: 13px; color: var(--kh-text-2); }

.fq-results__list { display: grid; gap: 2px; }

.fq-hit { display: grid; gap: 4px; padding: 12px 14px; border-radius: 14px; color: var(--kh-text); transition: background var(--kh-dur-fast); }

.fq-hit:hover,
.fq-hit:focus-visible { background: var(--kh-sky-050); outline: none; }

.fq-hit__q { font-size: 15px; font-weight: 500; color: var(--kh-indigo); }

.fq-hit__a { font-size: 13px; line-height: 1.5; color: var(--kh-text-2); }

.fq-hit__meta { display: flex; align-items: center; justify-content: space-between; gap: 10px; margin-block-start: 4px; }

.fq-hit__meta .kh-tag { height: 24px; padding: 4px 10px; font-size: 12px; }

.fq-hit__go { display: inline-flex; align-items: center; gap: 6px; font-size: 13px; font-weight: 500; color: var(--kh-blue); }

.fq-more,
.fq-none { padding: 10px 14px 8px; font-size: 13px; color: var(--kh-text-3); }

.fq-none a { color: var(--kh-indigo); text-decoration: underline; }

body.lang-he .fq-hit__go svg {
    transform: scaleX(-1);
}

/* CSS source: assets/css/new-style/faq/categories.css */
/* NewKey FAQ: categories. Includes its responsive and RTL rules. */



.fq-cats { padding-block: 56px 40px; }

.fq-cats__grid { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 24px; }

.fq-cat { display: grid; grid-template-rows: auto 1fr auto; gap: 20px; min-height: 260px; padding: 28px 28px 24px; background: var(--kh-surface); border: 1px solid var(--kh-mist); border-radius: var(--kh-r-card); box-shadow: var(--kh-sh-sm); color: inherit; transition: transform var(--kh-dur-base) var(--kh-ease), box-shadow var(--kh-dur-base) var(--kh-ease), border-color var(--kh-dur-fast); }

.fq-cat:hover,
.fq-cat:focus-visible { transform: translateY(-4px); box-shadow: var(--kh-sh-lg); border-color: var(--kh-blue); outline: none; }

.fq-cat__icon {
  display: inline-flex;
    align-items: center;
    justify-content: center;
    flex: 0 0 auto;
    box-sizing: border-box;
    margin: 0;
    padding: 0;
    line-height: 0;
    width: var(--nk-icon-box, 40px);
    height: var(--nk-icon-box, 40px); 
    --nk-icon-box: 60px; 
    --nk-icon-size: 32px; 
    border-radius: 18px; 
    background: var(--kh-sky); 
    color: var(--kh-blue); 
  }

.fq-cat__icon svg {
  display: block;
    flex: none;
    margin: 0;
    width: var(--nk-icon-size, 22px);
    height: var(--nk-icon-size, 22px);
}

.kh-main .fq-cat__title { font-size: 24px; line-height: 1.25; font-weight: 600; color: var(--kh-indigo); margin: 0 0 8px; }

.kh-main .fq-cat__lead { font-size: 15px; line-height: 1.55; color: var(--kh-text-2); margin: 0; }

.fq-cat__foot { display: flex; align-items: center; justify-content: space-between; gap: 12px; padding-block-start: 18px; border-block-start: 1px solid var(--kh-line); }

.fq-cat__count { display: inline-flex; align-items: center; gap: 8px; font-size: 14px; color: var(--kh-text-2); }

.fq-cat__count b { display: inline-flex; align-items: center; justify-content: center; min-width: 28px; height: 28px; padding-inline: 8px; border-radius: 14px; background: var(--kh-indigo); color: var(--kh-surface); font-size: 13px; font-weight: 500; }

.fq-cat__go { display: inline-flex; align-items: center; gap: 8px; height: 40px; padding: 0 16px 0 18px; border-radius: var(--kh-r-pill); background: var(--kh-sky); color: var(--kh-blue); font-size: 14px; font-weight: 500; transition: background var(--kh-dur-fast), color var(--kh-dur-fast); }

.fq-cat__go svg { transition: transform var(--kh-dur-fast) var(--kh-ease); }

.fq-cat:hover .fq-cat__go { background: var(--kh-blue); color: var(--kh-surface); }

.fq-cat:hover .fq-cat__go svg { transform: translateX(4px); }

.fq-catsearch { margin-block-start: 22px; max-width: 640px; }

.fq-catsearch .kh-search__field { height: 56px; }

.fq-catsearch__hint { min-height: 0; }

.fq-catsearch__hint:empty { display: none; }

@media (prefers-reduced-motion: reduce) {
  .fq-cat:hover,
.fq-pop:hover { transform: none; }
}

@media (max-width: 767px) {
  .fq-cats { padding-block: 40px 32px; }
  .fq-cats__grid { grid-template-columns: 1fr; gap: 16px; }
  .fq-cat { min-height: 0; padding: 22px 20px 20px; }
  .fq-cat__foot { flex-wrap: wrap; }
}

body.lang-he .fq-cat__go {
    padding: 0 18px 0 16px;
}

body.lang-he .fq-cat__go svg {
    transform: scaleX(-1);
}

body.lang-he .fq-cat:hover .fq-cat__go svg {
    transform: translateX(-4px) scaleX(-1);
}

/* CSS source: assets/css/new-style/faq/popular.css */
/* NewKey FAQ: popular. Includes its responsive and RTL rules. */



.fq-popular { background: var(--kh-bg); }

.fq-popular .kh-container { position: relative; z-index: 1; }

.fq-popular__list { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 12px; }

.fq-pop { display: grid; grid-template-columns: minmax(0, 1fr) auto auto; gap: 14px; align-items: center; padding: 16px 18px 16px 20px; background: var(--kh-surface); border: 1px solid var(--kh-mist); border-radius: 18px; color: var(--kh-indigo); transition: transform var(--kh-dur-base) var(--kh-ease), box-shadow var(--kh-dur-base) var(--kh-ease), border-color var(--kh-dur-fast); }

.fq-pop:hover,
.fq-pop:focus-visible { transform: translateY(-2px); box-shadow: var(--kh-sh-md); border-color: var(--kh-blue); outline: none; }

.fq-pop__q { font-size: 15px; font-weight: 500; line-height: 1.4; }

.fq-pop__cat { height: 26px; padding: 4px 10px; font-size: 12px; }

.fq-pop > svg { color: var(--kh-blue); }

@media (max-width: 1023px) {
  .fq-popular__list { grid-template-columns: 1fr; }
}

@media (max-width: 767px) {
  .fq-pop { grid-template-columns: minmax(0, 1fr) auto; }
  .fq-pop__cat { grid-column: 1; justify-self: start; }
  .fq-pop > svg { grid-row: 1 / span 2; }
}

body.lang-he .fq-pop {
    padding: 16px 20px 16px 18px;
}

body.lang-he .fq-pop > svg {
    transform: scaleX(-1);
}

/* CSS source: assets/css/new-style/faq/cta.css */
/* NewKey FAQ: cta. Includes its responsive and RTL rules. */



.au-cta__inner { grid-template-columns: minmax(0, 1.2fr) minmax(0, 1fr); }

.kh-cta .kh-btn {color: var(--kh-surface);}

@media (max-width: 767px) {
  .au-cta__inner { grid-template-columns: 1fr; }
  .au-cta__actions .au-cta__mail { width: 100%; justify-content: center;}
}

body.lang-he .kh-main a.au-cta__mail {
    padding: 10px 12px 10px 16px;
}

body.lang-he .au-cta__mail {
    direction: ltr;
}


/*# sourceMappingURL=faq-style.53c5201800565e05.css.map */