/* IQIPro Layout V12 */

#result .checkout-layout {
  display: grid !important;
  grid-template-columns: minmax(0, 1fr) minmax(0, 1fr) !important;
  gap: 28px !important;
  align-items: stretch !important;
  width: 100% !important;
  max-width: 1180px !important;
  margin-inline: auto !important;
}

#result .report-preview,
#result .unlock-panel {
  width: 100% !important;
  min-width: 0 !important;
  max-width: none !important;
  box-sizing: border-box !important;
  border-radius: 26px !important;
}

#result .report-preview {
  border: 2px solid #23c9db !important;
  background: linear-gradient(155deg,#062e3b,#071c29) !important;
  padding: clamp(24px, 3vw, 40px) !important;
}

#result .unlock-panel {
  border: 1.5px solid #ff831e !important;
  background: linear-gradient(155deg,#082b37,#071b28) !important;
  padding: clamp(24px, 3vw, 38px) !important;
}

#result .locked-emblem {
  color: #ff8b35 !important;
}

#result .locked-score {
  color: #fff !important;
  text-shadow: 0 0 22px #ff8b3570 !important;
}

#result .offer-price {
  border: 1px solid #ff831e !important;
  border-radius: 18px !important;
  padding: 20px !important;
  background: #292b2c !important;
  color: #ff923e !important;
}

#result #checkout {
  background: linear-gradient(90deg,#ff962c,#ff651a) !important;
  color: #fff !important;
  border-radius: 17px !important;
  min-height: 58px !important;
}

#result .report-preview *,
#result .unlock-panel *,
#payment-panel * {
  box-sizing: border-box !important;
}

#payment-panel .iq6-detail,
#payment-panel .iq6-detail-text,
#payment-panel .iq6-details {
  min-width: 0 !important;
}

#payment-panel .iq6-detail-value,
#payment-panel .iq6-order,
#payment-panel .iq6-reference {
  overflow-wrap: anywhere !important;
  word-break: normal !important;
  white-space: normal !important;
}

@media (max-width: 800px) {
  #result .checkout-layout {
    grid-template-columns: minmax(0, 1fr) !important;
    gap: 20px !important;
  }

  #result .report-preview,
  #result .unlock-panel {
    padding: 24px !important;
  }

  #payment-panel .iq6-main {
    display: grid !important;
    grid-template-columns: minmax(0, 1fr) !important;
  }
}