/* Additions of the CMS to the design: consent ticks of the form, the cookie notice, document placeholders. */

/* Consent ticks of the request form */
.nm-check { display: grid; grid-template-columns: 20px minmax(0, 1fr); gap: 10px; align-items: start; font-size: 14px; line-height: 1.5; color: var(--ink-2); cursor: pointer; }
.nm-check input { width: 20px; height: 20px; margin: 1px 0 0; accent-color: var(--ink); cursor: pointer; }
.nm-check a { color: inherit; text-decoration: underline; text-underline-offset: 2px; }
.nm-check a:hover { color: var(--ink); }
.nm-check-opt { font-size: 13px; }
.nm-hp { position: absolute !important; left: -9999px !important; width: 1px; height: 1px; overflow: hidden; }
.form button[disabled] { opacity: .6; cursor: progress; }

/* The cookie notice */
.nm-consent { position: fixed; left: 16px; right: 16px; bottom: 16px; z-index: 90; display: flex; justify-content: center; pointer-events: none; }
.nm-consent[hidden] { display: none; }
.nm-consent-in { pointer-events: auto; max-width: 900px; width: 100%; display: flex; gap: 18px; align-items: center; padding: 16px 20px; background: var(--asphalt); color: #e3e7ea; border-radius: var(--r); border-top: 3px solid var(--signal); box-shadow: 0 18px 44px rgba(0,0,0,.3); }
.nm-consent-in p { margin: 0; font-size: 14px; line-height: 1.5; flex: 1; }
.nm-consent-in a { color: #c9d0ff; }
.nm-consent-btns { display: flex; gap: 10px; flex-shrink: 0; }
.nm-consent .btn-outline { color: #e3e7ea; border-color: rgba(255,255,255,.5); background: transparent; }
@media (max-width: 700px) {
  .nm-consent-in { flex-direction: column; align-items: stretch; }
  .nm-consent-btns { justify-content: flex-end; }
}
.link-btn { background: none; border: 0; padding: 0; font: inherit; color: inherit; text-decoration: underline; text-underline-offset: 2px; cursor: pointer; }

/* A document without a preview */
.sp-thumb-ph { display: flex; align-items: center; justify-content: center; width: 100%; aspect-ratio: 420 / 593; background: var(--steel); color: var(--ink); font: 700 24px/1 var(--font-d); }

/* Old price */
.pr-old { color: var(--ink-3); font-weight: 400; font-size: .7em; margin-right: .3em; }

/* Documents of a product (added by itself on product pages) */
.pr-docs h2 { margin-bottom: 28px; }
