/* Isolated CSS for lp-faq-wrapper. Source: business-theme.css. */
.lp-faq { --lp-primary: #ed1a3b;
  --lp-primary-dark: #D93A57;
  --lp-primary-light: rgba(236, 71, 100, 0.08);
  --lp-foreground: #2B3040;
  --lp-muted: #6B7280;
  --lp-border: #E5E7EB;
  --lp-white: #ffffff;
  --lp-card-bg: #ffffff;
  --lp-font-body: 'Inter', -apple-system, BlinkMacSystemFont, sans-serif;
  --lp-font-display: 'Plus Jakarta Sans', 'Inter', sans-serif; }
.lp-faq { padding: 20px 0 80px !important;
  background: var(--lp-white) !important; }
.lp-faq .lp-faq-inner { max-width: 720px !important;
  margin: 0 auto !important;
  padding: 0 20px !important; }
.lp-faq .lp-faq-header { display: block !important;
  text-align: center !important;
  margin-bottom: 40px !important;
  visibility: visible !important; }
.lp-faq .lp-faq-badge { display: inline-block !important;
  padding: 4px 14px !important;
  background: var(--lp-primary-light) !important;
  color: var(--lp-primary) !important;
  font-family: var(--lp-font-body) !important;
  font-size: 12px !important;
  font-weight: 600 !important;
  border-radius: 9999px !important;
  margin-bottom: 12px !important;
  line-height: 1.5 !important;
  visibility: visible !important; }
.lp-faq .lp-faq-title { display: block !important;
  font-family: var(--lp-font-display) !important;
  font-size: 30px !important;
  font-weight: 700 !important;
  color: var(--lp-foreground) !important;
  line-height: 1.25 !important;
  margin: 0 0 12px !important;
  letter-spacing: -0.01em !important;
  visibility: visible !important;
  opacity: 1 !important; }
.lp-faq .lp-faq-desc { display: block !important;
  font-family: var(--lp-font-body) !important;
  font-size: 14px !important;
  color: var(--lp-muted) !important;
  line-height: 1.65 !important;
  margin: 0 !important;
  visibility: visible !important; }
.lp-faq .lp-faq-list { display: flex !important;
  flex-direction: column !important;
  gap: 12px !important;
  margin-bottom: 40px !important; }
.lp-faq .lp-faq-item { background: var(--lp-card-bg) !important;
  border-radius: 10px !important;
  border: 1px solid rgba(229, 231, 235, 0.8) !important;
  overflow: hidden !important;
  box-shadow: 0 1px 4px rgba(43, 48, 64, 0.04) !important;
  transition: box-shadow 0.2s ease !important; }
.lp-faq .lp-faq-item:hover { box-shadow: 0 4px 16px -4px rgba(43, 48, 64, 0.1) !important; }
.lp-faq .lp-faq-question { margin: 0 !important;
  width: 100% !important;
  display: flex !important;
  align-items: center !important;
  justify-content: space-between !important;
  gap: 16px !important;
  padding: 16px 20px !important;
  background: transparent !important;
  border: none !important;
  cursor: pointer !important;
  text-align: left !important;
  font-family: var(--lp-font-display) !important;
  font-size: 16px !important;
  font-weight: 600 !important;
  color: var(--lp-foreground) !important;
  line-height: 1.4 !important;
  transition: background 0.2s ease !important; }
.lp-faq .lp-faq-question:hover { background: rgba(243, 244, 246, 0.5) !important; }
.lp-faq .lp-faq-item.lp-faq-item--open .lp-faq-question { background: var(--lp-primary-light) !important;
  color: var(--lp-primary) !important; }
.lp-faq .lp-faq-icon { flex-shrink: 0 !important;
  width: 20px !important;
  height: 20px !important;
  border-radius: 50% !important;
  border: 1.5px solid var(--lp-border) !important;
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  position: relative !important;
  transition: all 0.25s ease !important; }
.lp-faq .lp-faq-icon::before, .lp-faq .lp-faq-icon::after { content: "" !important;
  position: absolute !important;
  top: 50% !important;
  left: 50% !important;
  background: var(--lp-muted) !important;
  border-radius: 1px !important;
  transition: all 0.25s ease !important; }
.lp-faq .lp-faq-icon::before { width: 10px !important;
  height: 1.5px !important;
  transform: translate(-50%, -50%) !important; }
.lp-faq .lp-faq-icon::after { width: 1.5px !important;
  height: 10px !important;
  transform: translate(-50%, -50%) !important; }
.lp-faq .lp-faq-item.lp-faq-item--open .lp-faq-icon { border-color: var(--lp-primary) !important; }
.lp-faq .lp-faq-item.lp-faq-item--open .lp-faq-icon::before { background: var(--lp-primary) !important; }
.lp-faq .lp-faq-item.lp-faq-item--open .lp-faq-icon::after { height: 0 !important;
  opacity: 0 !important;
  transform: translate(-50%, -50%) !important; }
.lp-faq .lp-faq-answer { max-height: 0 !important;
  overflow: hidden !important;
  transition: max-height 0.35s ease !important; }
.lp-faq .lp-faq-item.lp-faq-item--open .lp-faq-answer { max-height: 400px !important; }
.lp-faq .lp-faq-answer p { font-family: var(--lp-font-body) !important;
  font-size: 14px !important;
  color: var(--lp-muted) !important;
  line-height: 1.7 !important;
  margin: 0 !important;
  padding: 0 20px 16px !important; }
.lp-faq .lp-faq-contact { text-align: center !important; }
.lp-faq .lp-faq-contact-text { font-family: var(--lp-font-body) !important;
  font-size: 13px !important;
  color: var(--lp-muted) !important;
  margin: 0 0 8px !important; }
.lp-faq .lp-faq-contact-link { font-family: var(--lp-font-body) !important;
  font-size: 14px !important;
  font-weight: 600 !important;
  color: var(--lp-primary) !important;
  text-decoration: none !important;
  transition: text-decoration 0.15s ease !important; }
.lp-faq .lp-faq-contact-link:hover { text-decoration: underline !important; }
@media (max-width: 767px) {
.lp-faq { padding: 48px 16px 0px !important; }
}
@media (max-width: 767px) {
.lp-faq .lp-faq-inner { padding: 0 !important; }
}
@media (max-width: 767px) {
.lp-faq .lp-faq-title { font-size: 26px !important; }
}
@media (max-width: 767px) {
.lp-faq .lp-faq-question { font-size: 13px !important;
    padding: 14px 16px !important; }
}
@media (max-width: 767px) {
.lp-faq .lp-faq-answer p { padding: 0 16px 14px !important; }
}
@media (min-width: 768px) and (max-width: 1023px) {
.lp-faq .lp-faq-title { font-size: 26px !important; }
}
@media (max-width: 767px) {
.lp-faq { overflow-x: hidden !important;
    max-width: 100vw !important;
    box-sizing: border-box !important; }
}
@media (max-width: 767px) {
.lp-faq-wrapper [class*="lp-"][class$="-inner"] { max-width: 100% !important;
    padding-left: 16px !important;
    padding-right: 16px !important;
    box-sizing: border-box !important; }
}
@media (max-width: 767px) {
.lp-faq .lp-faq-inner { padding: 0 16px !important; }
}
