/** Shopify CDN: Minification failed

Line 312:0 Unexpected "<"

**/
/* nb-check-warranty.css — branded warranty lookup form (warm-elite refactor) */

.nb-cw-section {
  padding: 120px 24px;
  background: var(--nb-white, #FCFCFC);
}

.nb-cw-inner {
  max-width: 600px;
  margin: 0 auto;
}

/* ─── Header ─────────────────────────────────────────── */
.nb-cw-header {
  text-align: center;
  margin-bottom: 56px;
}
.nb-cw-eyebrow {
  font-family: 'JetBrains Mono', ui-monospace, monospace;
  font-size: var(--nb-fs-eyebrow, 11px);
  font-weight: 500;
  letter-spacing: 0.15em;
  text-transform: uppercase;
  color: var(--nb-charcoal, #363732);
  margin-bottom: 16px;
}
.nb-cw-headline {
  font-family: 'Outfit', sans-serif;
  font-size: clamp(32px, 4.5vw, 48px);
  font-weight: 600;
  letter-spacing: -0.4px;
  line-height: 1.1;
  color: var(--nb-near-black, #0B0B0A);
  margin: 0 0 18px;
}
.nb-cw-sub {
  font-family: 'Outfit', sans-serif;
  font-size: var(--nb-fs-body-lg, 18px);
  color: var(--nb-charcoal, #363732);
  line-height: 1.6;
  margin: 0;
}

/* ─── Form (panel surface) ───────────────────────────── */
.nb-cw-form {
  background: var(--nb-soft-gray, #F5F5F5);
  border: none;
  border-radius: var(--nb-r-xl, 24px);
  padding: 40px 36px;
  box-shadow: var(--nb-shadow-soft, 0 8px 32px rgba(11, 20, 60, 0.08));
}

.nb-cw-field {
  margin-bottom: 22px;
}

.nb-cw-label {
  display: block;
  font-family: 'Outfit', sans-serif;
  font-size: var(--nb-fs-caption, 13px);
  font-weight: 600;
  color: var(--nb-charcoal, #363732);
  margin-bottom: 10px;
}

.nb-cw-required {
  color: #C00;
  margin-left: 2px;
}

.nb-cw-input {
  display: block;
  width: 100%;
  padding: 16px 18px;
  font-family: 'Outfit', sans-serif;
  font-size: var(--nb-fs-body, 16px);
  font-weight: 500;
  color: var(--nb-near-black, #0B0B0A);
  background: #fff;
  border: 1.5px solid transparent;
  border-radius: var(--nb-r-btn, 8px);
  outline: none;
  transition: border-color .2s ease, background .2s ease, box-shadow .2s ease;
  box-sizing: border-box;
}
/* Mono on data inputs */
.nb-cw-input[name="serial_number"] {
  font-family: 'JetBrains Mono', ui-monospace, monospace;
  font-feature-settings: 'tnum' 1;
  font-variant-numeric: tabular-nums;
  letter-spacing: 0.02em;
}
.nb-cw-input::placeholder { color: #9A9A95; font-weight: 400; }
.nb-cw-input:focus {
  border-color: var(--nb-electric, #0D44EE);
  box-shadow: 0 0 0 3px rgba(13, 68, 238, 0.15);
}

.nb-cw-hint {
  margin: 8px 2px 0;
  font-family: 'Outfit', sans-serif;
  font-size: var(--nb-fs-caption, 13px);
  color: var(--nb-charcoal, #363732);
  opacity: 0.7;
  line-height: 1.5;
}

/* ─── Submit button ──────────────────────────────────── */
.nb-cw-submit {
  width: 100%;
  padding: 18px 24px;
  margin-top: 14px;
  font-family: 'Outfit', sans-serif;
  font-size: var(--nb-fs-body, 16px);
  font-weight: 600;
  color: #fff;
  background: var(--nb-electric, #0D44EE);
  border: none;
  border-radius: var(--nb-r-btn, 8px);
  cursor: pointer;
  box-shadow: var(--nb-shadow-cta-rest, 0 2px 12px rgba(13, 68, 238, 0.28));
  transition: background .2s ease, box-shadow .2s ease, opacity .2s ease;
}
.nb-cw-submit:hover:not(:disabled) {
  background: var(--nb-blue, #314ABC);
  box-shadow: var(--nb-shadow-cta-hover, 0 12px 28px rgba(13, 68, 238, 0.36));
}
.nb-cw-submit:disabled { opacity: 0.7; cursor: default; }
.nb-cw-submit.is-loading { background: var(--nb-blue, #314ABC); cursor: progress; }

/* ─── Error ──────────────────────────────────────────── */
.nb-cw-error {
  display: none;
  margin: 18px 0 0;
  padding: 14px 16px;
  background: rgba(204, 0, 0, 0.06);
  border: 1px solid rgba(204, 0, 0, 0.18);
  border-radius: var(--nb-r-btn, 8px);
  font-family: 'Outfit', sans-serif;
  font-size: var(--nb-fs-caption, 13px);
  color: #C00;
  text-align: center;
}
.nb-cw-error.is-visible { display: block; }

/* ─── Result cards ───────────────────────────────────── */
.nb-cw-result {
  margin-top: 40px;
}

.nb-cw-card {
  border-radius: var(--nb-r-xl, 24px);
  padding: 48px 36px;
  text-align: center;
}

.nb-cw-card--active   { background: var(--nb-sky, #D7EDFD); }
.nb-cw-card--expired  { background: var(--nb-soft-gray, #F5F5F5); }
.nb-cw-card--notfound { background: var(--nb-soft-gray, #F5F5F5); }

.nb-cw-card-icon {
  width: 56px;
  height: 56px;
  margin: 0 auto 18px;
  border-radius: 999px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
}
.nb-cw-card-icon--active   { background: var(--nb-blue, #314ABC); color: #fff; }
.nb-cw-card-icon--expired  { background: #fff; color: var(--nb-charcoal, #363732); }
.nb-cw-card-icon--notfound { background: #fff; color: var(--nb-charcoal, #363732); }

.nb-cw-card-headline {
  font-family: 'Outfit', sans-serif;
  font-size: var(--nb-fs-subhead, 24px);
  font-weight: 600;
  color: var(--nb-near-black, #0B0B0A);
  margin: 0 0 18px;
  letter-spacing: -0.2px;
  line-height: 1.2;
}

.nb-cw-card-body {
  font-family: 'Outfit', sans-serif;
  font-size: var(--nb-fs-body, 16px);
  color: var(--nb-charcoal, #363732);
  line-height: 1.6;
  margin: 0 0 24px;
}

/* Active card: details table */
.nb-cw-details {
  margin: 0 auto 28px;
  padding: 8px 20px;
  text-align: left;
  max-width: 440px;
  background: #fff;
  border-radius: var(--nb-r-md, 12px);
}
.nb-cw-details-row {
  display: flex;
  justify-content: space-between;
  align-items: baseline;
  gap: 16px;
  padding: 14px 0;
  border-bottom: 1px solid var(--nb-line, rgba(11, 11, 10, 0.10));
  font-family: 'Outfit', sans-serif;
  font-size: var(--nb-fs-body, 16px);
}
.nb-cw-details-row:last-child { border-bottom: none; }
.nb-cw-details-row dt {
  color: var(--nb-charcoal, #363732);
  font-weight: 500;
  margin: 0;
  flex-shrink: 0;
}
.nb-cw-details-row dd {
  color: var(--nb-near-black, #0B0B0A);
  font-weight: 600;
  margin: 0;
  text-align: right;
  /* Mono on data values */
  font-family: 'JetBrains Mono', ui-monospace, monospace;
  font-feature-settings: 'tnum' 1;
  font-variant-numeric: tabular-nums;
}

/* ─── Result CTAs ────────────────────────────────────── */
.nb-cw-cta {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  padding: 14px 28px;
  font-family: 'Outfit', sans-serif;
  font-size: var(--nb-fs-body, 16px);
  font-weight: 600;
  border-radius: var(--nb-r-btn, 8px);
  text-decoration: none;
  transition: background .2s ease, color .2s ease, border-color .2s ease, box-shadow .2s ease;
}
.nb-cw-cta--primary {
  background: var(--nb-electric, #0D44EE);
  color: #fff;
  border: 2px solid var(--nb-electric, #0D44EE);
  box-shadow: var(--nb-shadow-cta-rest, 0 2px 12px rgba(13, 68, 238, 0.28));
}
.nb-cw-cta--primary:hover {
  background: var(--nb-blue, #314ABC);
  border-color: var(--nb-blue, #314ABC);
  color: #fff;
  box-shadow: var(--nb-shadow-cta-hover, 0 12px 28px rgba(13, 68, 238, 0.36));
}
.nb-cw-cta--secondary {
  background: transparent;
  color: var(--nb-blue, #314ABC);
  border: 2px solid var(--nb-blue, #314ABC);
}
.nb-cw-cta--secondary:hover {
  background: var(--nb-blue, #314ABC);
  color: #fff;
}

/* ─── Reset button ───────────────────────────────────── */
.nb-cw-reset {
  display: block;
  margin: 24px auto 0;
  padding: 10px 20px;
  font-family: 'Outfit', sans-serif;
  font-size: var(--nb-fs-caption, 13px);
  font-weight: 600;
  color: var(--nb-charcoal, #363732);
  background: transparent;
  border: none;
  cursor: pointer;
  text-decoration: underline;
  text-underline-offset: 3px;
}
.nb-cw-reset:hover { color: var(--nb-electric, #0D44EE); }

/* ─── Footer ─────────────────────────────────────────── */
.nb-cw-footer {
  margin-top: 40px;
  font-family: 'Outfit', sans-serif;
  font-size: var(--nb-fs-body, 16px);
  color: var(--nb-charcoal, #363732);
  text-align: center;
}
.nb-cw-footer a {
  color: var(--nb-electric, #0D44EE);
  font-weight: 600;
  text-decoration: underline;
  text-underline-offset: 2px;
}
.nb-cw-footer a:hover { color: var(--nb-blue, #314ABC); }

/* ─── Mobile ─────────────────────────────────────────── */
@media (max-width: 600px) {
  .nb-cw-section { padding: 80px 20px; }
  .nb-cw-header { margin-bottom: 40px; }
  .nb-cw-headline { font-size: clamp(28px, 8vw, 36px); }
  .nb-cw-sub { font-size: var(--nb-fs-body, 16px); }
  .nb-cw-form { padding: 28px 22px; border-radius: var(--nb-r-lg, 16px); }
  .nb-cw-card { padding: 36px 24px; border-radius: var(--nb-r-lg, 16px); }
  .nb-cw-details { padding: 4px 16px; }
}
</content>
</invoke>