/* Engine maker additions on top of the shop's site.css + make.css (copied from Born That Year by tools/build.mjs). */
.nav-right { display: flex; align-items: center; gap: 14px; }
.lang { font: 600 13px/1 var(--sans); color: var(--ink-2); text-decoration: none; padding: 8px 12px; border-radius: 999px; box-shadow: inset 0 0 0 1.5px var(--line); }
.lang:hover { color: var(--ink); box-shadow: inset 0 0 0 1.5px var(--ink); }
.panel fieldset > .hint { margin: 0; }
.field .err { font-size: 13px !important; }
.etsy-code .field { margin-bottom: 10px; }
.etsy-code .field label { display: block; margin-bottom: 6px; }
.your-code { display: grid; grid-template-columns: auto 1fr; align-items: center; gap: 4px 12px; padding: 14px 16px; border-radius: 14px; background: #fff; box-shadow: inset 0 0 0 1.5px var(--line); }
.your-code span { font: 600 12px/1 var(--label); letter-spacing: .16em; text-transform: uppercase; color: var(--muted); }
.your-code b { font: 700 19px/1 ui-monospace, "SF Mono", Menlo, monospace; letter-spacing: .06em; justify-self: end; }
.your-code small { grid-column: 1 / -1; color: var(--muted); font-size: 13px; }
.eng-foot { padding: 0 0 36px; }
.eng-foot .wrap { display: flex; gap: 18px; justify-content: center; font-size: 13px; color: var(--muted); }
.eng-foot a { color: var(--muted); }
.sources-btn { padding: 4px; }
input[type="date"] { min-height: 51px; }
@media (max-width: 520px) { .nav-inner { height: 64px; } .brand { font-size: 22px; } .unlock-pill { font-size: 12.5px; padding: 6px 10px; } }
.brand { white-space: nowrap; }
@media (max-width: 520px) { .unlock-pill { font-size: 0; gap: 0; padding: 7px; } .unlock-pill svg { width: 16px; height: 16px; } .nav-right { gap: 8px; } }
/* French on phones (2026-10-12): a fieldset defaults to min-content width, and the longer French labels pushed the page
   19 px past a phone screen; the buy button (« Acheter et télécharger — 14,99 $ US ») wraps instead of overflowing. */
.panel fieldset { min-width: 0; }
@media (max-width: 420px) { .buy-now { white-space: normal; line-height: 1.2; text-align: left; padding-block: 10px; } }
