/* Bổ sung cho landing page: ghi chú đồng ý dưới form, mục GYIK (FAQ) và footer.
   File này được dùng cả trên trang chính lẫn các trang pháp lý. */

/* ---------- Ghi chú đồng ý ÁSZF / Adatkezelés dưới nút đặt hàng ---------- */
.form__consent {
  margin: 12px 0 0;
  font-size: 12px;
  line-height: 1.45;
  color: #777;
  text-align: center;
}
.form__consent a {
  color: #0699ee;
  text-decoration: underline;
}

/* Ô honeypot chống bot – ẩn khỏi người dùng */
.form__hp {
  position: absolute !important;
  left: -10000px !important;
  width: 1px;
  height: 1px;
  overflow: hidden;
}

/* ---------- GYIK (FAQ) ---------- */
.faq {
  padding: 50px 15px 60px;
  background: #f7f7f7;
}
.faq__inner {
  max-width: 860px;
  margin: 0 auto;
}
.faq__title {
  margin: 0 0 30px;
  text-align: center;
}
.faq__item {
  margin-bottom: 12px;
  background: #fff;
  border: 1px solid #e3e3e3;
  border-radius: 10px;
  overflow: hidden;
}
.faq__question {
  position: relative;
  display: block;
  padding: 18px 56px 18px 22px;
  font-size: 18px;
  font-weight: 700;
  line-height: 1.35;
  color: #333;
  cursor: pointer;
  list-style: none;
}
.faq__question::-webkit-details-marker {
  display: none;
}
.faq__question::after {
  content: "+";
  position: absolute;
  top: 50%;
  right: 20px;
  width: 26px;
  height: 26px;
  margin-top: -13px;
  border-radius: 50%;
  background: #f18704;
  color: #fff;
  font-size: 20px;
  line-height: 26px;
  text-align: center;
}
.faq__item[open] .faq__question::after {
  content: "\2212";
}
.faq__question:focus-visible {
  outline: 2px solid #0699ee;
  outline-offset: -2px;
}
.faq__answer {
  padding: 0 22px 18px;
  color: #555;
  font-size: 16px;
  line-height: 1.6;
}
.faq__answer p {
  margin: 0;
}
.faq__answer a {
  color: #0699ee;
  text-decoration: underline;
}
@media (max-width: 767px) {
  .faq {
    padding: 35px 15px 40px;
  }
  .faq__question {
    font-size: 16px;
    padding: 15px 50px 15px 16px;
  }
  .faq__answer {
    padding: 0 16px 15px;
    font-size: 15px;
  }
}

/* ---------- Footer ---------- */
.site-footer {
  background: #1d2630;
  color: #b9c2cb;
  font-family: "Open Sans", Arial, sans-serif;
  font-size: 14px;
  line-height: 1.6;
  text-align: left;
}
.site-footer p {
  margin: 0;
}
.site-footer a {
  color: #e6ebf0;
  text-decoration: none;
}
.site-footer a:hover,
.site-footer a:focus {
  color: #f18704;
  text-decoration: underline;
}
.site-footer__inner {
  display: grid;
  grid-template-columns: 1.3fr 1fr 1fr;
  gap: 30px 40px;
  max-width: 1170px;
  margin: 0 auto;
  padding: 45px 15px 30px;
}
.site-footer__logo {
  display: inline-block;
  margin-bottom: 10px;
  font-size: 24px;
  font-weight: 700;
  letter-spacing: 1px;
  text-transform: uppercase;
  color: #fff !important;
}
.site-footer__heading {
  margin-bottom: 12px !important;
  font-size: 13px;
  font-weight: 700;
  letter-spacing: 1px;
  text-transform: uppercase;
  color: #f18704;
}
.site-footer__links {
  margin: 0;
  padding: 0;
  list-style: none;
}
.site-footer__links li {
  margin-bottom: 7px;
  list-style: none;
}
.site-footer__disclaimer {
  max-width: 1170px;
  margin: 0 auto;
  padding: 20px 15px;
  border-top: 1px solid rgba(255, 255, 255, 0.1);
  font-size: 12px;
  line-height: 1.6;
  color: #8a96a3;
}
.site-footer__bottom {
  padding: 16px 15px;
  background: #161d25;
  font-size: 13px;
  color: #8a96a3;
  text-align: center;
}
@media (max-width: 767px) {
  .site-footer__inner {
    grid-template-columns: 1fr;
    gap: 25px;
    padding: 35px 20px 25px;
  }
  .site-footer__disclaimer {
    padding: 20px;
  }
}