/* Hero image */
.hero-image {
  width: 499px !important;
  height: 294px !important;
  margin: 0 auto !important;
  padding: 0 !important;
  background: transparent !important;
  border: none !important;
  border-radius: 16px !important;
  overflow: hidden !important;
  line-height: 0 !important;
  box-shadow: 0 12px 30px #00000040 !important;
}

.hero-image img,
.hero-image picture {
  width: 100% !important;
  max-width: 100% !important;
  height: 100% !important;
  display: block !important;
  margin: 0 !important;
  border: none !important;
  border-radius: 16px !important;
  object-fit: cover !important;
  object-position: center center !important;
}

/* Legacy/native Zoho button styling, kept in case any native button still uses it */
.glossy-wave-btn {
  display: table !important;
  width: auto !important;
  max-width: 100% !important;
  margin: 36px auto 0 auto !important;
}

.glossy-wave-btn,
.glossy-wave-btn a,
.glossy-wave-btn button,
.glossy-wave-btn span,
.glossy-wave-btn .zpbutton,
.glossy-wave-btn .zpelem-button {
  border: none !important;
  border-radius: 14px !important;
  text-decoration: none !important;
}

.glossy-wave-btn a,
.glossy-wave-btn button,
.glossy-wave-btn .zpbutton,
.glossy-wave-btn .zpelem-button {
  position: relative !important;
  display: inline-block !important;
  width: auto !important;
  min-width: 0 !important;
  max-width: fit-content !important;
  margin: 0 auto !important;
  padding: 18px 32px !important;
  overflow: hidden !important;
  background: rgb(242, 117, 20) !important;
  color: #ffffff !important;
  box-shadow: none !important;
  text-align: center !important;
  isolation: isolate !important;
}

.glossy-wave-btn .btn-main {
  display: block !important;
  font-size: 22px !important;
  line-height: 1.15 !important;
  font-weight: 800 !important;
  letter-spacing: 0.3px !important;
  color: #ffffff !important;
}

.glossy-wave-btn .btn-sub {
  display: block !important;
  margin-top: 4px !important;
  font-size: 12px !important;
  line-height: 1.25 !important;
  font-weight: 500 !important;
  letter-spacing: 0 !important;
  color: #fff4ea !important;
}

.glossy-wave-btn a:hover,
.glossy-wave-btn button:hover,
.glossy-wave-btn .zpbutton:hover,
.glossy-wave-btn .zpelem-button:hover {
  background: rgb(224, 101, 12) !important;
  box-shadow: none !important;
}

/* Hidden native Zoho trigger button */
.ghost-zoho-btn {
  position: absolute !important;
  left: -9999px !important;
  top: 0 !important;
  width: 1px !important;
  height: 1px !important;
  overflow: hidden !important;
}

.ghost-zoho-btn,
.ghost-zoho-btn a,
.ghost-zoho-btn button,
.ghost-zoho-btn .zpbutton,
.ghost-zoho-btn .zpelem-button,
.ghost-zoho-btn span {
  opacity: 0.01 !important;
  background: transparent !important;
  border: none !important;
  box-shadow: none !important;
  color: transparent !important;
  padding: 0 !important;
}

/* Main Zoho popup shell: form only */
.zlp-inner-container[data-popup-type="modal"][name="Main-Screen"] {
  width: min(520px, calc(100vw - 32px)) !important;
  height: auto !important;
  min-height: 0 !important;
  max-height: calc(100vh - 48px) !important;
  background: linear-gradient(180deg, #ffffff 0%, #fff8f2 100%) !important;
  border-radius: 14px !important;
  box-shadow: 0 20px 60px #00000040 !important;
  overflow: visible !important;
  padding: 0 !important;
}

/* Keep thank-you modal from inheriting form styling */
.zlp-inner-container[data-popup-type="modal"][name="Thank-You-Screen"] {
  border-radius: 14px !important;
}

/* Popup close button */
.zlp-inner-container[data-popup-type="modal"][name="Main-Screen"] [element="CLOSEBUTTON"] {
  top: -16px !important;
  right: -16px !important;
  width: 36px !important;
  height: 36px !important;
  padding: 0 !important;
  border-radius: 999px !important;
  background: #ffffff !important;
  box-shadow: 0 8px 24px #00000033 !important;
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  cursor: pointer !important;
}

.zlp-inner-container[data-popup-type="modal"][name="Main-Screen"] [element="CLOSEBUTTON"] svg {
  width: 14px !important;
  height: 14px !important;
  fill: #1c1d1f !important;
}

/* Popup structure */
.zlp-inner-container[data-popup-type="modal"][name="Main-Screen"] [element="ROW"] {
  margin: 0 !important;
  padding: 0 !important;
}

.zlp-inner-container[data-popup-type="modal"][name="Main-Screen"] [element="COLUMN"] {
  width: auto !important;
  height: auto !important;
  min-height: 0 !important;
  margin: 0 !important;
  padding: 42px 48px 38px !important;
  background: transparent !important;
  border: none !important;
  border-radius: 14px !important;
  overflow: visible !important;
  box-sizing: border-box !important;
}

.zlp-inner-container[data-popup-type="modal"][name="Main-Screen"] [element="CONTAINER"] {
  width: 100% !important;
}

/* Popup headline */
.zlp-inner-container[data-popup-type="modal"][name="Main-Screen"] h2[element="HEADING"] {
  margin: 0 0 18px !important;
  padding: 0 !important;
  text-align: center !important;
  cursor: default !important;
}

.zlp-inner-container[data-popup-type="modal"][name="Main-Screen"] h2[element="HEADING"] span {
  display: block !important;
  color: #17191d !important;
  background: transparent !important;
  font-family: BrittiSans, Arial, sans-serif !important;
  font-size: 28px !important;
  line-height: 1.15 !important;
  font-weight: 800 !important;
  letter-spacing: 0.8px !important;
}

/* Popup supporting text */
.zlp-inner-container[data-popup-type="modal"][name="Main-Screen"] h5[element="TEXT"] {
  margin: 0 auto 30px !important;
  padding: 0 !important;
  max-width: 410px !important;
  text-align: center !important;
  cursor: default !important;
}

.zlp-inner-container[data-popup-type="modal"][name="Main-Screen"] h5[element="TEXT"] span,
.zlp-inner-container[data-popup-type="modal"][name="Main-Screen"] h5[element="TEXT"] strong {
  color: #24272d !important;
  background: transparent !important;
  font-family: BrittiSans, Arial, sans-serif !important;
  font-size: 17px !important;
  line-height: 1.42 !important;
}

/* Popup form */
.zlp-inner-container[data-popup-type="modal"][name="Main-Screen"] form.zlp-dof-default-form {
  margin: 0 !important;
  padding: 0 !important;
  cursor: default !important;
}

.zlp-inner-container[data-popup-type="modal"][name="Main-Screen"] .zlpform-outer {
  list-style: none !important;
  margin: 0 !important;
  padding: 0 !important;
}

.zlp-inner-container[data-popup-type="modal"][name="Main-Screen"] .zlpform-outer li {
  margin: 0 0 16px !important;
  padding: 0 !important;
}

.zlp-inner-container[data-popup-type="modal"][name="Main-Screen"] .zlpform-label {
  display: block !important;
  margin: 0 0 8px !important;
  color: #344052 !important;
  font-family: BrittiSans, Arial, sans-serif !important;
  font-size: 14px !important;
  line-height: 1.2 !important;
  font-weight: 700 !important;
}

/* Popup inputs */
.zlp-inner-container[data-popup-type="modal"][name="Main-Screen"] input:not([type="submit"]):not([type="reset"]) {
  width: 100% !important;
  height: 52px !important;
  padding: 0 16px !important;
  border: 1px solid #d8dde6 !important;
  border-radius: 8px !important;
  background: #ffffff !important;
  color: #15171a !important;
  font-family: BrittiSans, Arial, sans-serif !important;
  font-size: 16px !important;
  box-shadow: 0 2px 0 #00000008 !important;
  outline: none !important;
  box-sizing: border-box !important;
}

.zlp-inner-container[data-popup-type="modal"][name="Main-Screen"] input:not([type="submit"]):not([type="reset"]):focus {
  border-color: rgb(242, 117, 20) !important;
  box-shadow: 0 0 0 4px rgba(242, 117, 20, 0.16) !important;
}

/* Popup submit button */
.zlp-inner-container[data-popup-type="modal"][name="Main-Screen"] [element="FORMBUTTONCONTAINER"] {
  display: block !important;
  margin: 8px 0 0 !important;
  padding: 0 !important;
}

.zlp-inner-container[data-popup-type="modal"][name="Main-Screen"] input[type="submit"].zlp-default-form-button {
  width: 100% !important;
  min-height: 54px !important;
  margin: 8px 0 0 !important;
  padding: 0 22px !important;
  border: none !important;
  border-radius: 8px !important;
  background: rgb(242, 117, 20) !important;
  color: #ffffff !important;
  font-family: BrittiSans, Arial, sans-serif !important;
  font-size: 18px !important;
  line-height: 1.2 !important;
  font-weight: 800 !important;
  letter-spacing: 0.3px !important;
  box-shadow: none !important;
  cursor: pointer !important;
}

.zlp-inner-container[data-popup-type="modal"][name="Main-Screen"] input[type="submit"].zlp-default-form-button:hover {
  background: rgb(224, 101, 12) !important;
  box-shadow: none !important;
}

/* Mobile */
@media (max-width: 767px) {
  [data-element-id="elm_L8KwqPuSsuHjrQnFzOsbLw"].zpelem-image {
    width: 340px !important;
    max-width: calc(100vw - 48px) !important;
    height: auto !important;
    aspect-ratio: 500 / 294 !important;
    margin: 18px auto 0 auto !important;
    border-radius: 13px !important;
    overflow: hidden !important;
    box-shadow: 0 12px 28px #00000045 !important;
    background-image: url("/files/ultimate%20linkedin%20collection.svg") !important;
    background-size: cover !important;
    background-position: center center !important;
    background-repeat: no-repeat !important;
  }

  [data-element-id="elm_L8KwqPuSsuHjrQnFzOsbLw"] .zpimage-container {
    display: none !important;
  }

  /* Custom CTA */
  .custom-cta-btn {
    width: 300px !important;
    max-width: calc(100vw - 56px) !important;
    min-height: 67px !important;
    margin: 18px auto 0 auto !important;
    padding: 14px 18px !important;
    border-radius: 12px !important;
    box-sizing: border-box !important;
  }

  .custom-cta-btn .btn-main {
    font-size: 15px !important;
    line-height: 1.15 !important;
    font-weight: 800 !important;
    letter-spacing: 0.2px !important;
  }

  .custom-cta-btn .btn-sub {
    font-size: 9px !important;
    line-height: 1.2 !important;
    margin-top: 4px !important;
  }

  .custom-cta-btn .btn-effects {
    top: -130% !important;
    left: -125% !important;
    width: 175% !important;
    height: 380% !important;
  }

  /* Brand marquee */
  .brand-marquee {
    margin-top: 0 !important;
    padding: 8px 0 18px !important;
  }

  .brand-marquee__label {
    font-size: 12px !important;
    margin-bottom: 10px !important;
  }

  .brand-marquee__track {
    gap: 32px !important;
    animation-duration: 22s !important;
  }

  .brand-marquee__track img {
    height: 22px !important;
  }

  /* Popup form */
  .zlp-inner-container[data-popup-type="modal"][name="Main-Screen"] {
    width: calc(100vw - 24px) !important;
    max-height: calc(100vh - 24px) !important;
    border-radius: 14px !important;
  }

  .zlp-inner-container[data-popup-type="modal"][name="Main-Screen"] [element="COLUMN"] {
    padding: 34px 24px 30px !important;
    border-radius: 14px !important;
  }

  .zlp-inner-container[data-popup-type="modal"][name="Main-Screen"] h2[element="HEADING"] span {
    font-size: 23px !important;
    line-height: 1.18 !important;
  }

  .zlp-inner-container[data-popup-type="modal"][name="Main-Screen"] h5[element="TEXT"] span,
  .zlp-inner-container[data-popup-type="modal"][name="Main-Screen"] h5[element="TEXT"] strong {
    font-size: 15px !important;
  }

  .zlp-inner-container[data-popup-type="modal"][name="Main-Screen"] input[type="submit"].zlp-default-form-button {
    font-size: 16px !important;
  }
}
.custom-cta-btn,
.custom-cta-btn:link,
.custom-cta-btn:visited,
.custom-cta-btn:hover,
.custom-cta-btn:focus,
.custom-cta-btn:active,
.custom-cta-btn .btn-main,
.custom-cta-btn .btn-sub,
.custom-cta-btn:hover .btn-main,
.custom-cta-btn:hover .btn-sub,
.custom-cta-btn:focus .btn-main,
.custom-cta-btn:focus .btn-sub,
.custom-cta-btn:active .btn-main,
.custom-cta-btn:active .btn-sub {
  color: #ffffff !important;
  text-decoration: none !important;
}

.custom-cta-btn .btn-sub,
.custom-cta-btn:hover .btn-sub,
.custom-cta-btn:focus .btn-sub,
.custom-cta-btn:active .btn-sub {
  color: #fff4ea !important;
}