/* Scoped, compact and non-modal. An open inquiry drawer takes precedence. */
.metal-analytics-choice {
  position: fixed;
  z-index: 1050;
  inset-inline-start: max(16px, env(safe-area-inset-left));
  bottom: max(16px, env(safe-area-inset-bottom));
  width: min(420px, calc(100vw - 32px));
  max-height: min(360px, 60dvh);
  overflow: auto;
  box-sizing: border-box;
  padding: 16px;
  border: 1px solid #d8dcd9;
  border-radius: 12px;
  background: #fff;
  color: #20312c;
  box-shadow: 0 6px 24px #10271e20;
  text-align: start;
  font: 14px/1.45 system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
  isolation: isolate;
}
.metal-analytics-choice[hidden],
body:has(.drawer.is-open, #sample-request-drawer[open], .inquiry-form:focus-within) .metal-analytics-choice { display: none !important; }
.metal-analytics-choice h2 { margin: 0 0 7px; padding-inline-end: 36px; font-size: 16px; font-weight: 600; line-height: 1.4; font-family: inherit; }
.metal-analytics-choice p { margin: 0 0 12px; color: #41534b; font: inherit; }
.metal-analytics-choice__actions { display: grid; grid-template-columns: 1fr 1fr; align-items: center; gap: 8px; }
.metal-analytics-choice button {
  min-width: 0;
  min-height: 44px;
  padding: 10px 12px;
  border: 1px solid #52675d;
  border-radius: 7px;
  background: #fff;
  color: #203c2e;
  font: 600 14px/1.35 system-ui, sans-serif;
  white-space: normal;
  cursor: pointer;
}
.metal-analytics-choice button:hover { background: #f0f4f1; }
.metal-analytics-choice button:disabled { color: #64726b; border-color: #ccd3ce; cursor: default; background: #f5f6f5; }
.metal-analytics-choice button.metal-analytics-choice__close { position: absolute; inset-inline-end: 4px; top: 4px; width: 44px; height: 44px; padding: 0; border: 0; background: transparent; color: #52675d; font-size: 24px; font-weight: 400; }
.metal-analytics-choice button.metal-analytics-choice__close:hover { background: #f0f4f1; }
.metal-analytics-choice a { grid-column: 1 / -1; width: fit-content; color: #315742; text-decoration: underline; text-underline-offset: 3px; font-size: 13px; line-height: 1.4; }
.metal-analytics-choice :is(button, a):focus-visible { outline: 3px solid #527b60; outline-offset: 2px; }
@media (max-width: 420px) {
  .metal-analytics-choice { inset-inline-start: max(12px, env(safe-area-inset-left)); width: calc(100vw - 24px); padding: 14px; bottom: max(12px, env(safe-area-inset-bottom)); }
}