/* Step In First v2 look for the order page: type, colors and buttons only. Structure and upload logic unchanged. */
@font-face { font-family: Rubik; src: url("../step-in-first/fonts/rubik-var.woff2") format("woff2"); font-weight: 300 900; font-display: swap; }
@font-face { font-family: Heebo; src: url("../site-type/fonts/Heebo.ttf") format("truetype"); font-weight: 100 900; font-display: swap; }
[data-order-brand="step-in-first"] body.order-page { background: #f6efe3; --v2-ink: #1d2d2a; --v2-hair: rgba(29,45,42,.12); --v2-ease: cubic-bezier(.32,.72,0,1); }
[data-order-brand="step-in-first"][lang="he"] body.order-page { font-family: Heebo, Assistant, system-ui, sans-serif; }
[data-order-brand="step-in-first"] .order-page :is(h1, h2, h3),
[data-order-brand="step-in-first"][lang="he"] .order-page :is(h1, h2, h3) { font-family: Rubik, Heebo, system-ui, sans-serif !important; font-weight: 500 !important; letter-spacing: -.03em; }
[data-order-brand="step-in-first"] .order-page :is(button[type="submit"], .primary, .next, .custom-order-open) { border-radius: 999px !important; background: #1d2d2a !important; color: #f6efe3 !important;
  transition: transform .5s var(--v2-ease); }
[data-order-brand="step-in-first"] .order-page :is(button[type="submit"], .primary, .next, .custom-order-open):active { transform: scale(.97); }
[data-order-brand="step-in-first"] .order-page button.secondary { border-radius: 999px !important; }
[data-order-brand="step-in-first"] .order-page :is(input, select, textarea) { border-radius: 14px; }
[data-order-brand="step-in-first"] .order-page :is(input, select, textarea):focus { border-color: #9a6a37; box-shadow: 0 0 0 4px rgba(154,106,55,.12); outline: none; }
[data-order-brand="step-in-first"] .order-page :is(.upload-zone, .package-options label, .summary-content) { border-radius: 1.4rem; }
[data-order-brand="step-in-first"] .order-page .eyebrow { letter-spacing: .2em; color: #9a6a37; }
@media (prefers-reduced-motion: reduce) { [data-order-brand="step-in-first"] .order-page * { transition: none !important; } }

/* Match the package selection to the cream and deep green homepage cards. */
[data-order-brand="step-in-first"] .order-page .package-options label > span {
  --brief-field: #fffaf2;
  border-color: var(--v2-hair);
  border-radius: 1.25rem;
  box-shadow: 0 0 0 4px #1d2d2a06;
}
[data-order-brand="step-in-first"] .order-page .package-options input:checked + span {
  --brief-tint: #1d2d2a;
  --brief-accent: #e0b07c;
  border-color: #1d2d2a;
  color: #fbf6ee;
}
[data-order-brand="step-in-first"] .order-page .package-options input:checked + span :is(strong, em, small, .package-points) {
  color: #fbf6ee;
}
[data-order-brand="step-in-first"] .order-page .package-options strong {
  font-family: Rubik, Heebo, system-ui, sans-serif;
}
[data-order-brand="step-in-first"] .order-page .package-options input:focus-visible + span {
  outline: 2px solid #9a6a37;
  outline-offset: 4px;
}

[data-order-brand="step-in-first"] body.order-page > .site-header {
  top: calc(14px + env(safe-area-inset-top, 0px));
  width: min(1160px, calc(100% - 32px));
  min-height: 54px;
  margin: 14px auto 0;
  padding: 4px 16px !important;
  border: 1px solid var(--v2-hair);
  border-radius: 999px;
  background: #fffaf2eb;
  backdrop-filter: blur(16px);
}
[data-order-brand="step-in-first"] .site-header > .order-brand > a:first-child,
[data-order-brand="step-in-first"] .site-header > nav { display: none; }
[data-order-brand="step-in-first"] .site-header > .order-brand { order: 1; }
[data-order-brand="step-in-first"] .site-header .brief-back { margin: 0; }
[data-order-brand="step-in-first"] .site-header .header-mark img { display: block; height: auto; }
[data-order-brand="step-in-first"][data-sif-theme="dark"] body.order-page > .site-header {
  background: #1a2624eb;
  border-color: #efe2ce24;
}
[data-order-brand="step-in-first"][data-sif-theme="dark"] .site-header .header-mark img { filter: brightness(0) invert(1); }

html[data-order-brand="step-in-first"] .order-page .eyebrow { color: #895723; }
html[data-order-brand="step-in-first"]:not([data-sif-theme="dark"]) .steps li:not([aria-current]) { color: #635b6c; }
html[data-order-brand="step-in-first"][data-sif-theme="dark"] body.order-page { background: #121b17; }
html[data-order-brand="step-in-first"][data-sif-theme="dark"] .order-page .eyebrow { color: #e0b07c; }
html[data-order-brand="step-in-first"][data-sif-theme="dark"] .summary-pricing :is(.launch-label, del) { color: #c6d2ca; }