.qa-payment-visuals {
  margin-top: 24px;
  padding: 22px;
  border: 1px solid #cfe1ec;
  border-radius: 16px;
  background: #fff;
}

.qa-payment-visuals > p,
.qa-analytics-settings > p {
  color: #5f7487;
  line-height: 1.55;
}

.qa-payment-group + .qa-payment-group { margin-top: 20px; }
.qa-payment-group h4 { margin: 0 0 10px; color: #18344b; }
.qa-payment-grid {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 10px;
}

.qa-payment-option {
  display: flex;
  align-items: center;
  min-width: 0;
  gap: 10px;
  padding: 10px 12px;
  border: 1px solid #d7e4ec;
  border-radius: 11px;
  background: #fafdff;
  cursor: pointer;
}
.qa-payment-option:has(input:checked) {
  border-color: #39aede;
  background: #effaff;
}
.qa-payment-option input { flex: 0 0 auto; }
.qa-payment-option > span:last-child { min-width: 0; font-size: 13px; }

.qa-payment-logo,
.footer-payment-visual {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  flex: 0 0 auto;
  min-width: 52px;
  height: 28px;
  padding: 0 7px;
  border: 1px solid #dce5ea;
  border-radius: 6px;
  background: #fff;
  overflow: hidden;
}
.qa-payment-logo img,
.footer-payment-visual img {
  display: block;
  width: auto;
  max-width: 76px;
  height: 18px;
  object-fit: contain;
}
.qa-payment-logo small,
.footer-payment-visual small {
  margin-left: 3px;
  color: #425466;
  font: 700 7px/1 Arial, sans-serif;
  letter-spacing: 0;
}
.footer-payment-visual { min-width: 58px; height: 34px; }
.footer-payment-visual img { max-width: 84px; height: 21px; }

.qa-payment-status { min-height: 20px; margin: 10px 0 0; color: #16845b; font-size: 12px; }
.qa-payment-status.error { color: #b42318; }

.qa-shipping-help {
  display: block;
  margin-top: 5px;
  color: #668094;
  font-size: 11px;
  line-height: 1.4;
}

.qa-analytics-settings {
  margin-top: 24px;
  padding: 22px;
  border: 1px solid #cfe1ec;
  border-radius: 16px;
  background: #fff;
}
.qa-analytics-page { width: min(100%, 920px); }
.design-editor.qa-analytics-mode {
  display: block;
}
.design-editor.qa-analytics-mode > :not(form) {
  display: none !important;
}
.design-editor.qa-analytics-mode > form {
  width: 100%;
  max-width: 980px;
}
.qa-analytics-workspace > header > div:last-child {
  display: none;
}
.qa-analytics-grid { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 16px; }
.qa-analytics-grid label { display: grid; gap: 7px; color: #17334b; font-weight: 700; }
.qa-analytics-grid input { width: 100%; }
.qa-analytics-grid small { color: #668094; font-weight: 400; line-height: 1.4; }
.qa-analytics-actions { display: flex; align-items: center; gap: 12px; margin-top: 16px; }
.qa-analytics-actions button {
  border: 0;
  border-radius: 10px;
  padding: 11px 16px;
  background: #16a9d1;
  color: #fff;
  font-weight: 800;
  cursor: pointer;
}
.qa-analytics-message { font-size: 12px; color: #16845b; }
.qa-analytics-message.error { color: #b42318; }

.footer-payment-methods .qa-footer-payment-list {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: 8px;
}

@media (max-width: 900px) {
  .qa-payment-grid { grid-template-columns: repeat(2, minmax(0, 1fr)); }
}

@media (max-width: 620px) {
  .qa-payment-grid, .qa-analytics-grid { grid-template-columns: 1fr; }
  .qa-payment-visuals, .qa-analytics-settings { padding: 16px; }
}