.seo-whatsapp {
  position: fixed;
  z-index: 20;
  right: max(1rem, env(safe-area-inset-right));
  bottom: max(1rem, env(safe-area-inset-bottom));
  border: 0;
  border-radius: 2rem;
  padding: .75rem 1rem;
  color: white;
  background: #176b40;
  font: inherit;
  font-weight: 700;
  cursor: pointer;
}

.seo-whatsapp[aria-disabled="true"] {
  cursor: default;
  opacity: .65;
}

.seo-inquiry-cta .button {
  text-decoration: none;
}

.seo-breadcrumb {
  padding-block: .65rem;
  font-size: .85rem;
}

.seo-certificate-card {
  max-width: 32rem;
  margin-inline: 0;
}

.seo-context-logo {
  display: block;
  width: min(10rem, 100%);
  height: auto;
  margin-block: 1rem;
}

[data-inquiry-dialog] {
  width: min(48rem, calc(100% - 2rem));
  max-height: calc(100vh - 2rem);
  max-height: calc(100dvh - 2rem);
  padding: clamp(1rem, 4vw, 2rem);
  border: 1px solid #d8ded2;
  color: inherit;
  background: #fff;
  overflow: auto;
}

[data-inquiry-dialog]::backdrop {
  background: rgba(11, 22, 28, .58);
}

[data-inquiry-dialog] .contact-layout {
  display: block;
  width: 100%;
  margin: 0;
  padding: 0;
}

[data-inquiry-dialog] .contact-layout > aside {
  display: none;
}

[data-close-inquiry] {
  display: block;
  margin-inline-start: auto;
  margin-block-end: 1rem;
}

.seo-certificate-grid {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(min(100%, 17rem), 1fr));
  gap: clamp(1rem, 3vw, 1.75rem);
}

.seo-certificate-card {
  padding: clamp(1rem, 3vw, 1.5rem);
  border: 1px solid #d8ded2;
  background: #fff;
}

.seo-certificate-card img {
  display: block;
  max-width: 100%;
  height: auto;
}

#model-results {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(min(100%, 13rem), 1fr));
  gap: .65rem 1rem;
}

#model-results [hidden] {
  display: none;
}
