/**
 * CartCoders lead popup — matches Next.js LeadPopup.jsx
 * Scoped to #cc-contact-quote-modal.cc-lead-popup
 */

/* Reset legacy style.css contact-modal form rules */
#cc-contact-quote-modal.cc-lead-popup .modal-body .form-group {
  margin-bottom: 0 !important;
}

#cc-contact-quote-modal.cc-lead-popup .modal-body .form-group label,
#cc-contact-quote-modal.cc-lead-popup .modal-body .form-group span.wpcf7-form-control-wrap {
  width: auto !important;
  max-width: none !important;
}

#cc-contact-quote-modal.cc-lead-popup .modal-body .form-group.popup-contact .wpcf7-form-control-wrap[data-name="quote-in"],
#cc-contact-quote-modal.cc-lead-popup .modal-body .form-group.popup-contact .wpcf7-form-control-wrap[data-name="quote-number"],
#cc-contact-quote-modal.cc-lead-popup .modal-body .form-group.popup-contact .wpcf7-form-control-wrap[data-name="poppincc"],
#cc-contact-quote-modal.cc-lead-popup .modal-body .form-group.popup-contact .wpcf7-form-control-wrap[data-name="poppincode"] {
  position: static !important;
  top: auto !important;
  left: auto !important;
  padding-left: 0 !important;
  z-index: auto !important;
}

#cc-contact-quote-modal.cc-lead-popup .modal-body .form-group.popup-contact .plus-icon {
  display: none !important;
}

#cc-contact-quote-modal.cc-lead-popup {
  z-index: 9998;
  padding: 0.5rem !important;
  align-items: center;
  justify-content: center;
}

#cc-contact-quote-modal.cc-lead-popup.active-model {
  align-items: center;
  padding: 0.5rem !important;
}

#cc-contact-quote-modal.cc-lead-popup .cc-lead-popup__overlay,
#cc-contact-quote-modal.cc-lead-popup .contact-modal-overlap {
  position: fixed;
  inset: 0;
  background: var(--cc-overlay, rgba(0, 0, 0, 0.64)) !important;
  backdrop-filter: blur(4px);
  -webkit-backdrop-filter: blur(4px);
  z-index: 0;
}

#cc-contact-quote-modal.cc-lead-popup .cc-lead-popup__dialog,
#cc-contact-quote-modal.cc-lead-popup .modal-dialog {
  position: relative;
  z-index: 1;
  width: 100%;
  max-width: 860px;
  max-height: calc(100dvh - 1rem);
  margin: auto;
  padding: 0;
  border: 0;
  border-radius: 0;
  background: transparent;
  overflow: visible;
  animation: cc-lead-popup-in 0.28s ease;
}

@keyframes cc-lead-popup-in {
  from {
    opacity: 0;
    transform: translateY(12px);
  }

  to {
    opacity: 1;
    transform: translateY(0);
  }
}

#cc-contact-quote-modal.cc-lead-popup .cc-lead-popup__panel,
#cc-contact-quote-modal.cc-lead-popup .modal-content {
  display: flex;
  flex-direction: column;
  max-height: calc(100dvh - 1rem);
  overflow: hidden auto;
  padding: var(--space-3, 1rem);
  border: 1px solid var(--cc-border, #2f2f2f);
  border-radius: var(--radius, 1rem);
  background: var(--cc-gradient-primary, linear-gradient(180deg, #0a0a0a, #121212));
  box-shadow: var(--shadow-soft, 0 14px 36px rgba(0, 0, 0, 0.12));
  font-family: var(--cc-font-sans, "DM Sans", sans-serif);
  color: var(--cc-text, #ffffff);
}

@media (min-width: 640px) {

  #cc-contact-quote-modal.cc-lead-popup .cc-lead-popup__panel,
  #cc-contact-quote-modal.cc-lead-popup .modal-content {
    padding: var(--space-4, 1.5rem);
    max-height: calc(100dvh - 2rem);
  }
}

/* Header */
#cc-contact-quote-modal.cc-lead-popup .cc-lead-popup__header {
  display: flex;
  align-items: flex-start;
  justify-content: space-between;
  gap: var(--space-3, 1rem);
  margin-bottom: var(--space-3, 1rem);
  padding: 0;
  border: 0;
  text-align: left;
}

#cc-contact-quote-modal.cc-lead-popup .cc-lead-popup__header .form-title,
#cc-contact-quote-modal.cc-lead-popup .modal-header .form-title {
  display: none !important;
}

#cc-contact-quote-modal.cc-lead-popup .cc-lead-popup__eyebrow {
  margin: 0 0 var(--space-2, 0.75rem);
  font-size: 0.75rem;
  font-weight: 600;
  letter-spacing: 0.09em;
  text-transform: uppercase;
  color: var(--cc-muted, #bfbfbf);
}

#cc-contact-quote-modal.cc-lead-popup .cc-lead-popup__title {
  margin: 0 0 0.45rem;
  font-size: clamp(1.375rem, 2.6vw, 2rem);
  font-weight: 600;
  line-height: 1.2;
  letter-spacing: -0.01em;
  color: var(--cc-text, #ffffff);
}

#cc-contact-quote-modal.cc-lead-popup .cc-lead-popup__intro {
  margin: 0;
  font-size: 0.9375rem;
  line-height: 1.5;
  color: var(--cc-muted, #bfbfbf);
}

#cc-contact-quote-modal.cc-lead-popup .cc-lead-popup__close,
#cc-contact-quote-modal.cc-lead-popup .contact-model-close,
#cc-contact-quote-modal.cc-lead-popup .model-close-icon {
  position: static;
  flex-shrink: 0;
  width: 2.25rem;
  height: 2.25rem;
  margin: 0;
  padding: 0;
  border: 1px solid var(--cc-border, #2f2f2f);
  border-radius: 999px;
  background: var(--cc-bg, #000000);
  color: var(--cc-text, #ffffff);
  cursor: pointer;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  transition: opacity 0.2s ease;
}

#cc-contact-quote-modal.cc-lead-popup .cc-lead-popup__close:hover,
#cc-contact-quote-modal.cc-lead-popup .contact-model-close:hover {
  opacity: 0.8;
}

#cc-contact-quote-modal.cc-lead-popup .cc-lead-popup__close svg,
#cc-contact-quote-modal.cc-lead-popup .contact-model-close .close-icon {
  width: 20px;
  height: 20px;
}

#cc-contact-quote-modal.cc-lead-popup .cc-lead-popup__close svg path,
#cc-contact-quote-modal.cc-lead-popup .contact-model-close .close-icon path {
  stroke: currentColor;
  fill: currentColor;
}

/* Two-column body */
#cc-contact-quote-modal.cc-lead-popup .cc-lead-popup__body {
  display: grid;
  gap: var(--space-3, 1rem);
  align-items: start;
}

@media (min-width: 768px) {
  #cc-contact-quote-modal.cc-lead-popup .cc-lead-popup__body {
    grid-template-columns: 1.45fr 0.95fr;
    gap: var(--space-3, 1rem);
  }
}

/* Form column */
#cc-contact-quote-modal.cc-lead-popup .cc-lead-popup__form-col,
#cc-contact-quote-modal.cc-lead-popup .modal-body {
  padding: 0;
  background: var(--cc-lead-form-compact-bg, #111111);
  border: 1px solid var(--cc-border, #2f2f2f);
  border-radius: var(--radius, 1rem);
  padding: var(--space-3, 1rem);
}

html[data-theme="light"] #cc-contact-quote-modal.cc-lead-popup .cc-lead-popup__form-col,
html[data-theme="light"] #cc-contact-quote-modal.cc-lead-popup .modal-body {
  --cc-lead-form-compact-bg: #f7f7f7;
}

#cc-contact-quote-modal.cc-lead-popup #contactpopupForm {
  display: block !important;
  margin: 0;
  width: 100%;
}

#cc-contact-quote-modal.cc-lead-popup #contactpopupForm .cc-lead-popup__fields {
  display: flex;
  flex-direction: column;
  gap: var(--space-2, 0.75rem);
  width: 100%;
}

#cc-contact-quote-modal.cc-lead-popup #contactpopupForm .cc-lead-popup__row--half {
  display: grid;
  grid-template-columns: 1fr;
  gap: var(--space-2, 0.75rem);
  width: 100%;
}

@media (min-width: 640px) {
  #cc-contact-quote-modal.cc-lead-popup #contactpopupForm .cc-lead-popup__row--half {
    grid-template-columns: 1fr 1fr;
  }
}

#cc-contact-quote-modal.cc-lead-popup #contactpopupForm .form-group,
#cc-contact-quote-modal.cc-lead-popup #contactpopupForm>p {
  margin: 0 !important;
  position: relative;
  min-width: 0;
  width: 100%;
}

#cc-contact-quote-modal.cc-lead-popup #contactpopupForm .form-group p,
#cc-contact-quote-modal.cc-lead-popup #contactpopupForm>p {
  display: flex !important;
  flex-direction: column !important;
  align-items: stretch !important;
  gap: 0.35rem;
  margin: 0 !important;
  width: 100%;
}

#cc-contact-quote-modal.cc-lead-popup #contactpopupForm .form-group p br,
#cc-contact-quote-modal.cc-lead-popup #contactpopupForm .form-group .plus-icon {
  display: none !important;
}

/* Labels */
#cc-contact-quote-modal.cc-lead-popup .cc-field-label,
#cc-contact-quote-modal.cc-lead-popup #contactpopupForm .form-group label.cc-field-label,
#cc-contact-quote-modal.cc-lead-popup #contactpopupForm .form-group label {
  display: block !important;
  order: -1;
  font-size: 1rem;
  font-weight: 600;
  line-height: 1.3;
  color: var(--cc-muted, #bfbfbf) !important;
  margin: 0 0 0.15rem !important;
  padding: 0 !important;
  width: 100% !important;
  float: none !important;
}

@media (max-width: 639px) {

  #cc-contact-quote-modal.cc-lead-popup .cc-field-label,
  #cc-contact-quote-modal.cc-lead-popup #contactpopupForm .form-group label {
    font-size: 0.9rem;
  }
}

#cc-contact-quote-modal.cc-lead-popup #contactpopupForm .wpcf7-form-control-wrap {
  display: block !important;
  width: 100% !important;
  margin: 0 !important;
}

#cc-contact-quote-modal.cc-lead-popup #contactpopupForm .form-group:not(.popup-contact):not(.cc-field--phone) input:not([type="submit"]),
#cc-contact-quote-modal.cc-lead-popup #contactpopupForm .form-group:not(.popup-contact):not(.cc-field--phone) textarea,
#cc-contact-quote-modal.cc-lead-popup #contactpopupForm .form-group:not(.popup-contact):not(.cc-field--phone) select,
#cc-contact-quote-modal.cc-lead-popup #contactpopupForm>p input:not([type="submit"]),
#cc-contact-quote-modal.cc-lead-popup #contactpopupForm>p textarea {
  box-sizing: border-box;
  width: 100% !important;
  min-height: 44px;
  margin: 0 !important;
  padding: 0.62rem 0.72rem !important;
  font-size: 1rem !important;
  font-weight: 400 !important;
  font-family: inherit !important;
  line-height: 1.4 !important;
  color: var(--cc-text, #ffffff) !important;
  background: var(--cc-field-bg, #0a0a0a) !important;
  border: 1px solid var(--cc-border, #2f2f2f) !important;
  border-radius: var(--radius-sm, 0.6rem) !important;
  box-shadow: none !important;
}

#cc-contact-quote-modal.cc-lead-popup #contactpopupForm .form-group textarea,
#cc-contact-quote-modal.cc-lead-popup #contactpopupForm>p textarea {
  min-height: 7.5rem;
  resize: vertical;
}

#cc-contact-quote-modal.cc-lead-popup #contactpopupForm .form-group input::placeholder,
#cc-contact-quote-modal.cc-lead-popup #contactpopupForm .form-group textarea::placeholder {
  color: var(--cc-muted, #bfbfbf);
  opacity: 0.75;
}

/* Phone row */
#cc-contact-quote-modal.cc-lead-popup #contactpopupForm .form-group.popup-contact>p,
#cc-contact-quote-modal.cc-lead-popup #contactpopupForm .form-group.cc-field--phone>p {
  gap: 0.35rem;
}

#cc-contact-quote-modal.cc-lead-popup #contactpopupForm .cc-phone-field-wrap .wpcf7-form-control-wrap {
  border: 0 !important;
  background: transparent !important;
  box-shadow: none !important;
}

/* Phone row container */
#cc-contact-quote-modal.cc-lead-popup #contactpopupForm .cc-phone-field-wrap,
#cc-contact-quote-modal.cc-lead-popup #contactpopupForm .form-group.popup-contact .cc-phone-field-wrap {
  display: grid !important;
  grid-template-columns: minmax(96px, 110px) minmax(0, 1fr);
  align-items: stretch;
  width: 100%;
  overflow: hidden;
  border: 1px solid var(--cc-border, #2f2f2f);
  border-radius: var(--radius-sm, 0.6rem);
  background: var(--cc-field-bg, #0a0a0a);
}

#cc-contact-quote-modal.cc-lead-popup #contactpopupForm .cc-phone-field-wrap .wpcf7-form-control-wrap {
  width: auto !important;
  min-width: 0;
}

#cc-contact-quote-modal.cc-lead-popup #contactpopupForm .cc-phone-field-wrap .wpcf7-form-control-wrap:first-child {
  display: flex !important;
  align-items: center;
  gap: 0.35rem;
  padding: 0 0.55rem !important;
  border-right: 1px solid var(--cc-border, #2f2f2f) !important;
}

#cc-contact-quote-modal.cc-lead-popup #contactpopupForm .cc-phone-field-wrap .wpcf7-form-control-wrap:first-child::before {
  content: "";
  flex-shrink: 0;
  width: 16px;
  height: 16px;
  background-color: currentColor;
  mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 32 32'%3E%3Cpath fill='%23000' d='M29.959 10.503C30.631 12.205 31 14.06 31 16s-.369 3.795-1.041 5.497c-2.221-.679-4.796-1.202-7.602-1.521a54.928 54.928 0 0 0 0-7.952c2.806-.319 5.381-.842 7.602-1.521zM2.041 21.497C1.369 19.795 1 17.94 1 16s.369-3.795 1.041-5.497c2.221.679 4.796 1.202 7.602 1.521a54.928 54.928 0 0 0 0 7.952c-2.806.319-5.381.842-7.602 1.521zm18.327-1.709a57.888 57.888 0 0 0-8.736 0C11.546 18.57 11.5 17.302 11.5 16s.046-2.57.132-3.788a57.888 57.888 0 0 0 8.736 0c.086 1.218.132 2.486.132 3.788s-.046 2.57-.132 3.788zm8.67 3.629a15.044 15.044 0 0 1-8.838 6.986c.88-2.105 1.572-4.989 1.959-8.325 2.523.286 4.849.744 6.879 1.339zm-11.34 7.488a15.11 15.11 0 0 1-3.396 0c-.223-.37-.436-.795-.639-1.267-.833-1.937-1.475-4.624-1.836-7.746 1.35-.101 2.745-.153 4.173-.153s2.823.052 4.173.153c-.361 3.122-1.003 5.809-1.836 7.746-.203.472-.416.897-.639 1.267zm-5.898-.502a15.044 15.044 0 0 1-8.838-6.986c2.03-.595 4.356-1.053 6.879-1.339.387 3.336 1.079 6.22 1.959 8.325zM2.962 8.583A15.044 15.044 0 0 1 11.8 1.597c-.88 2.105-1.572 4.989-1.959 8.325-2.523-.286-4.849-.744-6.879-1.339zm11.34-7.488a15.11 15.11 0 0 1 3.396 0c.223.37.436.795.639 1.267.833 1.937 1.475 4.624 1.836 7.746-1.35.101-2.745.153-4.173.153s-2.823-.052-4.173-.153c.361-3.122 1.003-5.809 1.836-7.746.203-.472.416-.897-.639-1.267zm5.898.502a15.044 15.044 0 0 1 8.838 6.986c-2.03.595-4.356 1.053-6.879 1.339-.387-3.336-1.079-6.22-1.959-8.325z'/%3E%3C/svg%3E");
  mask-size: contain;
  mask-repeat: no-repeat;
  mask-position: center;
  -webkit-mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 32 32'%3E%3Cpath fill='%23000' d='M29.959 10.503C30.631 12.205 31 14.06 31 16s-.369 3.795-1.041 5.497c-2.221-.679-4.796-1.202-7.602-1.521a54.928 54.928 0 0 0 0-7.952c2.806-.319 5.381-.842 7.602-1.521zM2.041 21.497C1.369 19.795 1 17.94 1 16s.369-3.795 1.041-5.497c2.221.679 4.796 1.202 7.602 1.521a54.928 54.928 0 0 0 0 7.952c-2.806.319-5.381.842-7.602 1.521zm18.327-1.709a57.888 57.888 0 0 0-8.736 0C11.546 18.57 11.5 17.302 11.5 16s.046-2.57.132-3.788a57.888 57.888 0 0 0 8.736 0c.086 1.218.132 2.486.132 3.788s-.046 2.57-.132 3.788zm8.67 3.629a15.044 15.044 0 0 1-8.838 6.986c.88-2.105 1.572-4.989 1.959-8.325 2.523.286 4.849.744 6.879 1.339zm-11.34 7.488a15.11 15.11 0 0 1-3.396 0c-.223-.37-.436-.795-.639-1.267-.833-1.937-1.475-4.624-1.836-7.746 1.35-.101 2.745-.153 4.173-.153s2.823.052 4.173.153c-.361 3.122-1.003 5.809-1.836 7.746-.203.472-.416.897-.639 1.267zm-5.898-.502a15.044 15.044 0 0 1-8.838-6.986c2.03-.595 4.356-1.053 6.879-1.339.387 3.336 1.079 6.22 1.959 8.325zM2.962 8.583A15.044 15.044 0 0 1 11.8 1.597c-.88 2.105-1.572 4.989-1.959 8.325-2.523-.286-4.849-.744-6.879-1.339zm11.34-7.488a15.11 15.11 0 0 1 3.396 0c.223.37.436.795.639 1.267.833 1.937 1.475 4.624 1.836 7.746-1.35.101-2.745.153-4.173.153s-2.823-.052-4.173-.153c.361-3.122 1.003-5.809 1.836-7.746.203-.472.416-.897.639-1.267zm5.898.502a15.044 15.044 0 0 1 8.838 6.986c-2.03.595-4.356 1.053-6.879 1.339-.387-3.336-1.079-6.22-1.959-8.325z'/%3E%3C/svg%3E");
  -webkit-mask-size: contain;
  color: var(--cc-text, #ffffff);
}

#cc-contact-quote-modal.cc-lead-popup #contactpopupForm .cc-phone-field-wrap,
#cc-contact-quote-modal.cc-lead-popup #contactpopupForm .cc-phone-field-wrap * {
  box-sizing: border-box;
}

#cc-contact-quote-modal.cc-lead-popup #contactpopupForm .cc-phone-field-wrap input {
  min-height: 44px !important;
  height: 44px;
  border: 0 !important;
  border-radius: 0 !important;
  background: transparent !important;
  box-shadow: none !important;
  outline: none;
}

#cc-contact-quote-modal.cc-lead-popup #contactpopupForm .cc-phone-field-wrap .wpcf7-form-control-wrap:first-child input {
  width: 100% !important;
  min-width: 0;
  padding-left: 0 !important;
  padding-right: 0 !important;
  text-align: left;
}

#cc-contact-quote-modal.cc-lead-popup #contactpopupForm .cc-phone-field-wrap .wpcf7-form-control-wrap:last-child input {
  width: 100% !important;
  padding-left: 0.72rem !important;
}

/* Fallback when JS wrapper is not applied */
#cc-contact-quote-modal.cc-lead-popup #contactpopupForm .form-group.popup-contact>p:not(:has(.cc-phone-field-wrap)) {
  display: grid !important;
  grid-template-columns: minmax(96px, 110px) minmax(0, 1fr);
  gap: 0;
  overflow: hidden;
  border: 1px solid var(--cc-border, #2f2f2f);
  border-radius: var(--radius-sm, 0.6rem);
  background: var(--cc-field-bg, #0a0a0a);
}

#cc-contact-quote-modal.cc-lead-popup #contactpopupForm .form-group.popup-contact>p:not(:has(.cc-phone-field-wrap))>label,
#cc-contact-quote-modal.cc-lead-popup #contactpopupForm .form-group.popup-contact>p:not(:has(.cc-phone-field-wrap))::before {
  grid-column: 1 / -1;
}

#cc-contact-quote-modal.cc-lead-popup #contactpopupForm .form-group.popup-contact>p:not(:has(.cc-phone-field-wrap))>.wpcf7-form-control-wrap:first-of-type {
  display: flex !important;
  align-items: center;
  gap: 0.35rem;
  padding: 0 0.55rem;
  border-right: 1px solid var(--cc-border, #2f2f2f);
}

#cc-contact-quote-modal.cc-lead-popup #contactpopupForm .form-group.popup-contact>p:not(:has(.cc-phone-field-wrap))>.wpcf7-form-control-wrap:first-of-type::before {
  content: "";
  flex-shrink: 0;
  width: 16px;
  height: 16px;
  background-color: currentColor;
  mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 32 32'%3E%3Cpath fill='%23000' d='M29.959 10.503C30.631 12.205 31 14.06 31 16s-.369 3.795-1.041 5.497c-2.221-.679-4.796-1.202-7.602-1.521a54.928 54.928 0 0 0 0-7.952c2.806-.319 5.381-.842 7.602-1.521zM2.041 21.497C1.369 19.795 1 17.94 1 16s.369-3.795 1.041-5.497c2.221.679 4.796 1.202 7.602 1.521a54.928 54.928 0 0 0 0 7.952c-2.806.319-5.381.842-7.602 1.521z'/%3E%3C/svg%3E");
  mask-size: contain;
  color: var(--cc-text, #ffffff);
}

#cc-contact-quote-modal.cc-lead-popup #contactpopupForm .form-group.popup-contact>p:not(:has(.cc-phone-field-wrap))>.wpcf7-form-control-wrap input {
  border: 0 !important;
  border-radius: 0 !important;
  background: transparent !important;
  min-height: 44px !important;
}

/* Submit button */
#cc-contact-quote-modal.cc-lead-popup #contactpopupForm .form-group.popup-contact-submit-btn,
#cc-contact-quote-modal.cc-lead-popup #contactpopupForm .form-group:has(.wpcf7-submit) {
  margin-top: 0.25rem;
}

#cc-contact-quote-modal.cc-lead-popup #contactpopupForm input[type="submit"],
#cc-contact-quote-modal.cc-lead-popup #contactpopupForm .wpcf7-submit {
  width: 100% !important;
  min-width: 0 !important;
  min-height: 40px;
  margin: 0 !important;
  padding: 0.55rem 0.9rem !important;
  font-size: 0.9rem !important;
  font-weight: 600 !important;
  font-family: inherit !important;
  color: var(--cc-btn-primary-text, #000000) !important;
  background: var(--cc-btn-primary-bg, #ffffff) !important;
  border: 1px solid var(--cc-btn-border, #ffffff) !important;
  border-radius: var(--radius-sm, 0.6rem) !important;
  cursor: pointer;
  display: block;
  transition: opacity 0.2s ease;
}

#cc-contact-quote-modal.cc-lead-popup #contactpopupForm input[type="submit"]:hover:not(:disabled),
#cc-contact-quote-modal.cc-lead-popup #contactpopupForm .wpcf7-submit:hover:not(:disabled) {
  opacity: 0.9;
}

#cc-contact-quote-modal.cc-lead-popup #contactpopupForm input[type="submit"]:disabled,
#cc-contact-quote-modal.cc-lead-popup #contactpopupForm .wpcf7-submit:disabled {
  opacity: 0.65;
  cursor: not-allowed;
}

/* Validation */
#cc-contact-quote-modal.cc-lead-popup #contactpopupForm .wpcf7-not-valid-tip {
  position: static !important;
  margin-top: 0.25rem;
  font-size: 0.75rem;
  color: #ef4444 !important;
}

#cc-contact-quote-modal.cc-lead-popup #contactpopupForm .wpcf7-response-output {
  display: none;
}

#cc-contact-quote-modal.cc-lead-popup #contactpopupForm ::-webkit-inner-spin-button {
  appearance: none;
}

/* Sidebar */
#cc-contact-quote-modal.cc-lead-popup .cc-lead-popup__aside {
  padding: var(--space-3, 1rem);
  border: 1px solid var(--cc-border, #2f2f2f);
  border-radius: var(--radius, 1rem);
  background: var(--cc-bg, #000000);
}

#cc-contact-quote-modal.cc-lead-popup .cc-lead-popup__aside-title {
  margin: 0 0 var(--space-2, 0.75rem);
  font-size: 0.9375rem;
  font-weight: 600;
  letter-spacing: 0.08em;
  text-transform: uppercase;
  color: var(--cc-muted, #bfbfbf);
}

#cc-contact-quote-modal.cc-lead-popup .cc-lead-popup__benefits {
  margin: 0;
  padding: 0;
  list-style: none;
  display: grid;
  gap: var(--space-2, 0.75rem);
}

#cc-contact-quote-modal.cc-lead-popup .cc-lead-popup__benefits li {
  margin: 0;
  padding: 0.5rem 0.75rem;
  font-size: 0.9375rem;
  line-height: 1.45;
  color: var(--cc-muted, #bfbfbf);
  border: 1px solid var(--cc-border, #2f2f2f);
  border-radius: 10px;
  background: var(--cc-gradient-accent, linear-gradient(145deg, #0b0b0b, #111111));
}

#cc-contact-quote-modal.cc-lead-popup .cc-lead-popup__stats {
  margin-top: var(--space-3, 1rem);
  padding-top: var(--space-3, 1rem);
  border-top: 1px solid var(--cc-border, #2f2f2f);
}

#cc-contact-quote-modal.cc-lead-popup .cc-lead-popup__stat {
  display: block;
  margin-bottom: 1rem;
  font-size: 0.9375rem;
  color: var(--cc-muted, #bfbfbf);
}

#cc-contact-quote-modal.cc-lead-popup .cc-lead-popup__stat:last-child {
  margin-bottom: 0;
}

#cc-contact-quote-modal.cc-lead-popup .cc-lead-popup__stat strong {
  font-weight: 600;
  color: var(--cc-text, #ffffff);
}

body.quote-modal-open {
  overflow: hidden;
}