/* FAQ — Figma 23:9285 @1920; 193:16045 @1300; 193:16102 @900; 193:16154 @420; 161:9258 @360 */

.faq-main {
  position: relative;
  width: 1920px;
  min-height: 1229.5px; /* footer @1334 − header 104.5 */
  margin: 0;
  padding: 0;
  box-sizing: border-box;
}

.faq-bc {
  position: absolute;
  left: 161px;
  top: 43.5px; /* 148 − 104.5 */
  z-index: 2;
  display: inline-flex;
  align-items: center;
  height: 20px;
  margin: 0;
  padding: 0;
}

.faq-bc__link {
  box-sizing: border-box;
  color: #666666;
  font-family: Roboto, Arial, sans-serif;
  font-weight: 300;
  font-size: 12px;
  line-height: 14px;
  letter-spacing: 0;
  text-decoration: none;
  border-bottom: 1px solid rgba(102, 102, 102, 0.35);
  padding-bottom: 1px;
}

.faq-bc__link:link,
.faq-bc__link:visited,
.faq-bc__link:hover,
.faq-bc__link:focus,
.faq-bc__link:active {
  color: #666666;
  text-decoration: none;
  border-bottom-color: rgba(102, 102, 102, 0.35);
}

.faq-bc__sep {
  display: block;
  width: 10px;
  height: 1px;
  margin: 0 16px;
  background: #dddddd;
  flex-shrink: 0;
}

.faq-bc__current {
  color: #666666;
  font-family: Roboto, Arial, sans-serif;
  font-weight: 400;
  font-size: 12px;
  line-height: 20px;
  white-space: nowrap;
}

.faq-title,
.faq-h,
.faq-form__title,
.faq-item__q,
.faq-item__a,
.faq-field span,
.faq-form__submit {
  margin: 0;
  font-family: Roboto, Arial, sans-serif;
  font-synthesis: none;
  color: #262626;
}

.faq-title {
  position: absolute;
  left: 161px;
  top: 111.5px; /* 216 − 104.5 */
  width: 272px;
  height: 36px;
  font-weight: 300;
  font-size: 32px;
  line-height: 35.2px;
}

.faq-h {
  position: absolute;
  left: 161px;
  height: 36px;
  font-weight: 400;
  font-size: 32px;
  line-height: 35.2px;
}

.faq-h--company { top: 196.5px; width: 181px; } /* 301 − 104.5 */
.faq-h--order { top: 923.5px; width: 88px; } /* 1028 − 104.5 */

.faq-acc {
  position: absolute;
  left: 161px;
  width: 929px;
}

.faq-acc--company { top: 265.5px; } /* 370 − 104.5 */
.faq-acc--order { top: 992.5px; } /* 1097 − 104.5 */

.faq-h--order,
.faq-acc--order {
  transition: top 0.35s ease;
}

.faq-item {
  position: relative;
  height: 60px;
  overflow: hidden;
  margin: 0 0 20px;
  background: #eeeeee;
  border-radius: 8px;
  box-sizing: border-box;
  transition: height 0.35s ease;
}

@media (prefers-reduced-motion: reduce) {
  .faq-item,
  .faq-chev,
  .faq-item__a,
  .faq-h--order,
  .faq-acc--order,
  .faq-form {
    transition: none;
  }
}

.faq-acc .faq-item:last-child { margin-bottom: 0; }

.faq-item--open { height: 210px; }

.faq-item--open .faq-chev {
  transform: rotate(180deg);
}

.faq-item__q {
  display: flex;
  align-items: center;
  justify-content: space-between;
  width: 100%;
  height: 60px;
  padding: 0 24px;
  border: 0;
  background: transparent;
  font-weight: 500;
  font-size: 20px;
  line-height: 22px;
  text-align: left;
  cursor: pointer;
}

.faq-chev {
  flex: 0 0 14px;
  width: 14px;
  height: 7px;
  margin-left: 16px;
  transition: transform 0.35s ease;
  background: center / 14px 7px no-repeat url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='14' height='7' viewBox='0 0 14 7'%3E%3Cpath d='M1 1l6 5 6-5' fill='none' stroke='%23262626' stroke-width='1.4' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");
}

.faq-item__a {
  position: absolute;
  left: 24px;
  top: 63px;
  width: 773px;
  height: 116px;
  margin: 0;
  font-weight: 300;
  font-size: 18px;
  line-height: 28.8px;
  overflow: hidden;
  opacity: 0;
  transition: opacity 0.25s ease;
}

.faq-item--open .faq-item__a {
  opacity: 1;
  transition-delay: 0.08s;
}

.faq-form {
  position: absolute;
  left: 1234px;
  top: 91.5px; /* 196 − 104.5 */
  width: 525px;
  height: 506px;
  margin: 0;
  transition: top 0.35s ease;
}

.faq-form__title {
  position: absolute;
  left: 0;
  top: 0;
  width: 147px;
  height: 24px;
  font-weight: 500;
  font-size: 21px;
  line-height: 23.1px;
}

.faq-field {
  position: absolute;
  left: 0;
  display: block;
  margin: 0;
}

.faq-field span {
  display: block;
  width: max-content;
  height: 14px;
  margin: 0 0 12px;
  color: #666666;
  font-weight: 400;
  font-size: 12px;
  line-height: 14px;
}

.faq-field span b {
  color: #ff0000;
  font-weight: 700;
}

.faq-field input,
.faq-field textarea {
  display: block;
  width: 525px;
  box-sizing: border-box;
  margin: 0;
  padding: 0 12px;
  border: 1px solid #cccccc;
  border-radius: 4px;
  background: #fff;
  box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
  font-family: Roboto, Arial, sans-serif;
  font-size: 14px;
  color: #262626;
}

.faq-field input { height: 34px; }
.faq-field textarea {
  height: 185px;
  padding-top: 8px;
  resize: none;
}

.faq-field--name { top: 50px; }
.faq-field--email { top: 134px; }
.faq-field--q { top: 218px; }

.faq-form__submit {
  position: absolute;
  left: 0;
  top: 456px;
  width: 525px;
  height: 50px;
  padding: 0;
  border: 0;
  border-radius: 5px;
  background: #ffd801;
  font-weight: 400;
  font-size: 17px;
  line-height: 45px;
  text-align: center;
  cursor: pointer;
}

.faq-form__submit-short { display: none; }

/* —— 1300 —— */
html.articles-bp-1300 .faq-main,
body.articles-bp-1300 .faq-main {
  width: 1300px;
  min-height: 1768px; /* 1872 − 104 */
}

html.articles-bp-1300 .faq-bc,
body.articles-bp-1300 .faq-bc,
html.articles-bp-1300 .faq-title,
body.articles-bp-1300 .faq-title,
html.articles-bp-1300 .faq-h,
body.articles-bp-1300 .faq-h,
html.articles-bp-1300 .faq-acc,
body.articles-bp-1300 .faq-acc,
html.articles-bp-1300 .faq-form,
body.articles-bp-1300 .faq-form {
  left: 19px;
}

html.articles-bp-1300 .faq-bc,
body.articles-bp-1300 .faq-bc { top: 32px; }

html.articles-bp-1300 .faq-bc__current,
body.articles-bp-1300 .faq-bc__current {
  font-weight: 300;
  color: #262626;
}

html.articles-bp-1300 .faq-title,
body.articles-bp-1300 .faq-title { top: 84px; }

html.articles-bp-1300 .faq-h--company,
body.articles-bp-1300 .faq-h--company { top: 180px; }

html.articles-bp-1300 .faq-h--order,
body.articles-bp-1300 .faq-h--order { top: 877px; }

html.articles-bp-1300 .faq-acc,
body.articles-bp-1300 .faq-acc { width: 1262px; }

html.articles-bp-1300 .faq-acc--company,
body.articles-bp-1300 .faq-acc--company { top: 249px; }

html.articles-bp-1300 .faq-acc--order,
body.articles-bp-1300 .faq-acc--order { top: 946px; }

html.articles-bp-1300 .faq-item--open,
body.articles-bp-1300 .faq-item--open { height: 180px; }

html.articles-bp-1300 .faq-item__q,
body.articles-bp-1300 .faq-item__q { padding-right: 20px; }

html.articles-bp-1300 .faq-item__a,
body.articles-bp-1300 .faq-item__a {
  width: 1121px;
  height: 87px;
}

html.articles-bp-1300 .faq-form,
body.articles-bp-1300 .faq-form {
  top: 1186px;
  width: 1262px;
  height: 502px;
}

html.articles-bp-1300 .faq-field--email,
body.articles-bp-1300 .faq-field--email {
  left: 636px;
  top: 50px;
}

html.articles-bp-1300 .faq-field input,
body.articles-bp-1300 .faq-field input { width: 626px; }

html.articles-bp-1300 .faq-field--q,
body.articles-bp-1300 .faq-field--q { top: 134px; }

html.articles-bp-1300 .faq-field textarea,
body.articles-bp-1300 .faq-field textarea {
  width: 1262px;
  height: 268px;
}

html.articles-bp-1300 .faq-form__submit,
body.articles-bp-1300 .faq-form__submit { top: 452px; }

/* —— 900 —— */
html.articles-bp-900 .faq-main,
body.articles-bp-900 .faq-main {
  width: 900px;
  min-height: 1696px; /* 1800 − 104 */
}

html.articles-bp-900 .faq-bc,
body.articles-bp-900 .faq-bc,
html.articles-bp-900 .faq-title,
body.articles-bp-900 .faq-title,
html.articles-bp-900 .faq-h,
body.articles-bp-900 .faq-h,
html.articles-bp-900 .faq-acc,
body.articles-bp-900 .faq-acc,
html.articles-bp-900 .faq-form,
body.articles-bp-900 .faq-form {
  left: 77px;
}

html.articles-bp-900 .faq-bc,
body.articles-bp-900 .faq-bc { top: 16px; }

html.articles-bp-900 .faq-bc__current,
body.articles-bp-900 .faq-bc__current {
  font-weight: 300;
  color: #262626;
}

html.articles-bp-900 .faq-title,
body.articles-bp-900 .faq-title { top: 68px; }

html.articles-bp-900 .faq-h,
body.articles-bp-900 .faq-h {
  font-size: 24px;
  line-height: 35.2px;
}

html.articles-bp-900 .faq-h--company,
body.articles-bp-900 .faq-h--company { top: 136px; width: 136px; }

html.articles-bp-900 .faq-h--order,
body.articles-bp-900 .faq-h--order { top: 846px; width: 66px; }

html.articles-bp-900 .faq-acc,
body.articles-bp-900 .faq-acc { width: 746px; }

html.articles-bp-900 .faq-acc--company,
body.articles-bp-900 .faq-acc--company { top: 205px; }

html.articles-bp-900 .faq-acc--order,
body.articles-bp-900 .faq-acc--order { top: 914px; }

html.articles-bp-900 .faq-item__q,
body.articles-bp-900 .faq-item__q { padding-right: 20px; }

html.articles-bp-900 .faq-item--open,
body.articles-bp-900 .faq-item--open { height: 181px; }

html.articles-bp-900 .faq-item__a,
body.articles-bp-900 .faq-item__a {
  top: 61px;
  width: 669px;
  height: 96px;
}

html.articles-bp-900 .faq-form,
body.articles-bp-900 .faq-form {
  top: 1114px;
  width: 746px;
  height: 502px;
}

html.articles-bp-900 .faq-field--email,
body.articles-bp-900 .faq-field--email {
  left: 378px;
  top: 50px;
}

html.articles-bp-900 .faq-field input,
body.articles-bp-900 .faq-field input { width: 368px; }

html.articles-bp-900 .faq-field--q,
body.articles-bp-900 .faq-field--q { top: 134px; }

html.articles-bp-900 .faq-field textarea,
body.articles-bp-900 .faq-field textarea {
  width: 746px;
  height: 268px;
}

html.articles-bp-900 .faq-form__submit,
body.articles-bp-900 .faq-form__submit {
  top: 452px;
  width: 242px;
}

/* —— 420 —— */
html.articles-bp-420 .faq-main,
body.articles-bp-420 .faq-main {
  width: 420px;
  min-height: 1598px; /* 1672 − 74 */
}

html.articles-bp-420 .faq-bc,
body.articles-bp-420 .faq-bc,
html.articles-bp-420 .faq-title,
body.articles-bp-420 .faq-title,
html.articles-bp-420 .faq-h,
body.articles-bp-420 .faq-h,
html.articles-bp-420 .faq-acc,
body.articles-bp-420 .faq-acc,
html.articles-bp-420 .faq-form,
body.articles-bp-420 .faq-form {
  left: 12px;
}

html.articles-bp-420 .faq-bc,
body.articles-bp-420 .faq-bc { top: 24px; }

html.articles-bp-420 .faq-bc__sep,
body.articles-bp-420 .faq-bc__sep { margin: 0 16px; }

html.articles-bp-420 .faq-bc__current,
body.articles-bp-420 .faq-bc__current {
  font-weight: 300;
  color: #262626;
}

html.articles-bp-420 .faq-title,
body.articles-bp-420 .faq-title { top: 76px; }

html.articles-bp-420 .faq-h,
body.articles-bp-420 .faq-h {
  height: 21px;
  font-size: 16px;
  line-height: 20.8px;
}

html.articles-bp-420 .faq-h--company,
body.articles-bp-420 .faq-h--company { top: 144px; width: 91px; }

html.articles-bp-420 .faq-h--order,
body.articles-bp-420 .faq-h--order { top: 844px; width: 44px; }

html.articles-bp-420 .faq-acc,
body.articles-bp-420 .faq-acc { width: 396px; }

html.articles-bp-420 .faq-acc--company,
body.articles-bp-420 .faq-acc--company { top: 185px; }

html.articles-bp-420 .faq-acc--order,
body.articles-bp-420 .faq-acc--order { top: 885px; }

html.articles-bp-420 .faq-item,
body.articles-bp-420 .faq-item { margin-bottom: 10px; }

html.articles-bp-420 .faq-item__q,
body.articles-bp-420 .faq-item__q {
  padding: 0 20px;
  font-size: 16px;
  line-height: 21px;
}

html.articles-bp-420 .faq-item--open,
body.articles-bp-420 .faq-item--open { height: 277px; }

html.articles-bp-420 .faq-item__a,
body.articles-bp-420 .faq-item__a {
  left: 20px;
  top: 61px;
  width: 356px;
  height: 192px;
  font-size: 16px;
  line-height: 24px;
}

html.articles-bp-420 .faq-form,
body.articles-bp-420 .faq-form {
  top: 1075px;
  width: 396px;
  height: 463px;
}

html.articles-bp-420 .faq-field--email,
body.articles-bp-420 .faq-field--email {
  left: 0;
  top: 130px;
}

html.articles-bp-420 .faq-field input,
body.articles-bp-420 .faq-field input,
html.articles-bp-420 .faq-field textarea,
body.articles-bp-420 .faq-field textarea { width: 396px; }

html.articles-bp-420 .faq-field--q,
body.articles-bp-420 .faq-field--q { top: 210px; }

html.articles-bp-420 .faq-field textarea,
body.articles-bp-420 .faq-field textarea { height: 145px; }

html.articles-bp-420 .faq-form__submit,
body.articles-bp-420 .faq-form__submit {
  top: 413px;
  width: 396px;
}

html.articles-bp-420 .faq-form__submit-full,
body.articles-bp-420 .faq-form__submit-full { display: none; }

html.articles-bp-420 .faq-form__submit-short,
body.articles-bp-420 .faq-form__submit-short { display: inline; }

/* —— 360 —— */
html.articles-bp-360 .faq-main,
body.articles-bp-360 .faq-main {
  width: 360px;
  min-height: 1606px; /* 1680 − 74 */
}

html.articles-bp-360 .faq-bc,
body.articles-bp-360 .faq-bc,
html.articles-bp-360 .faq-title,
body.articles-bp-360 .faq-title,
html.articles-bp-360 .faq-h,
body.articles-bp-360 .faq-h,
html.articles-bp-360 .faq-acc,
body.articles-bp-360 .faq-acc,
html.articles-bp-360 .faq-form,
body.articles-bp-360 .faq-form {
  left: 16px;
}

html.articles-bp-360 .faq-bc,
body.articles-bp-360 .faq-bc { top: 25px; }

html.articles-bp-360 .faq-bc__current,
body.articles-bp-360 .faq-bc__current {
  font-weight: 400;
  color: #262626;
}

html.articles-bp-360 .faq-title,
body.articles-bp-360 .faq-title {
  top: 74px;
  width: 204px;
  height: 31px;
  font-size: 24px;
  line-height: 31.2px;
}

html.articles-bp-360 .faq-h,
body.articles-bp-360 .faq-h {
  height: 24px;
  font-size: 16px;
  line-height: 24px;
}

html.articles-bp-360 .faq-h--company,
body.articles-bp-360 .faq-h--company { top: 129px; width: 91px; }

html.articles-bp-360 .faq-h--order,
body.articles-bp-360 .faq-h--order { top: 754px; width: 44px; }

html.articles-bp-360 .faq-acc,
body.articles-bp-360 .faq-acc { width: 328px; }

html.articles-bp-360 .faq-acc--company,
body.articles-bp-360 .faq-acc--company { top: 169px; }

html.articles-bp-360 .faq-acc--order,
body.articles-bp-360 .faq-acc--order { top: 794px; }

html.articles-bp-360 .faq-item,
body.articles-bp-360 .faq-item {
  height: 48px;
  margin-bottom: 10px;
}

html.articles-bp-360 .faq-item__q,
body.articles-bp-360 .faq-item__q {
  height: 48px;
  padding: 0 16px;
  font-size: 14px;
  line-height: 22px;
}

html.articles-bp-360 .faq-item--open,
body.articles-bp-360 .faq-item--open { height: 263px; }

html.articles-bp-360 .faq-item__a,
body.articles-bp-360 .faq-item__a {
  left: 16px;
  top: 50px;
  width: 265px;
  height: 189px;
  font-size: 14px;
  line-height: 21px;
}

html.articles-bp-360 .faq-form,
body.articles-bp-360 .faq-form {
  top: 960px;
  width: 328px;
  height: 586px;
}

html.articles-bp-360 .faq-field--email,
body.articles-bp-360 .faq-field--email {
  left: 0;
  top: 134px;
}

html.articles-bp-360 .faq-field input,
body.articles-bp-360 .faq-field input,
html.articles-bp-360 .faq-field textarea,
body.articles-bp-360 .faq-field textarea { width: 328px; }

html.articles-bp-360 .faq-field--q,
body.articles-bp-360 .faq-field--q { top: 218px; }

html.articles-bp-360 .faq-field textarea,
body.articles-bp-360 .faq-field textarea { height: 268px; }

html.articles-bp-360 .faq-form__submit,
body.articles-bp-360 .faq-form__submit {
  top: 536px;
  width: 328px;
}

html.articles-bp-360 .faq-form__submit-full,
body.articles-bp-360 .faq-form__submit-full { display: none; }

html.articles-bp-360 .faq-form__submit-short,
body.articles-bp-360 .faq-form__submit-short { display: inline; }