/* Site integration; the supplied mockup owns the wizard's visual language. */
#cutting-wizard { padding-bottom: 5rem; }
.wizard-footer { position: fixed; bottom: 0; left: 0; right: 0; z-index: 1025; }
.wizard-footer .progress { height: 3px; }
#cutting-wizard img.material-swatch { object-fit: cover; }
#cutting-wizard [aria-disabled="true"] { cursor: default; }
#cutting-wizard .modal [hidden] { display: none !important; }
#cutting-wizard .wizard-top-actions { justify-content: space-between; }
@media (max-width: 767.98px) {
    #cutting-wizard > .container > p { display: none; }
    #cutting-wizard[data-step="elements"] ~ .wizard-footer [data-calculate] { display: none !important; }
    .wizard-footer .btn { font-size: .8125rem; }
    .wizard-footer .container { gap: .5rem !important; }
}

html:has(#cutting-wizard) { scroll-padding-top: 6rem; scroll-padding-bottom: 7rem; }
#cutting-wizard input, #cutting-wizard textarea, #material-heading { scroll-margin-top: 6rem; scroll-margin-bottom: 7rem; }