/* Private Stage 6 preview: exact crops of the approved visual master. */
* { box-sizing: border-box; }
html { scroll-behavior: smooth; }
html, body { margin: 0; min-height: 100%; background: #050505; color: white; }
body { font-family: Arial, sans-serif; }
.stage6 { position: relative; width: min(100%, 1122px); margin: 0 auto; }
.stage6__panel { display: block; width: 100%; height: auto; }
.stage6__nav { position: absolute; inset: 0 0 auto; height: 5%; z-index: 3; }
.stage6__nav a, .stage6__nav button { position: absolute; top: 15%; height: 72%; border: 0; padding: 0; background: transparent; color: transparent; cursor: pointer; font-size: 0; }
.stage6__nav :focus-visible, .stage6__form :focus-visible { outline: 2px solid #fff; outline-offset: 2px; }
.stage6__menu { left: 1.5%; width: 6%; }
.stage6__process { left: 9.7%; width: 8%; }
.stage6__merch { left: 18.5%; width: 7%; }
.stage6__about { right: 14%; width: 8%; }
.stage6__faq { right: 8.5%; width: 5%; }
.stage6__cart { right: 1.5%; width: 6%; }
.stage6__anchor { position: absolute; left: 0; width: 1px; height: 1px; }
#process { top: 51.5%; } #house-merch { top: 68%; } #custom-order { top: 87.7%; }
.stage6__form { position: absolute; inset: 0; z-index: 2; pointer-events: none; }
.stage6__form input, .stage6__form select, .stage6__form textarea, .stage6__form button { position: absolute; pointer-events: auto; min-width: 0; color: #fff; font: inherit; font-size: clamp(7px, 1.08vw, 12px); }
.stage6__form input, .stage6__form select, .stage6__form textarea { border: 1px solid transparent; border-radius: 3px; background: transparent; padding: 0 .5%; }
.stage6__form input:not(:placeholder-shown), .stage6__form textarea:not(:placeholder-shown), .stage6__form select:valid { background: #202020; }
.stage6__form input::placeholder, .stage6__form textarea::placeholder { color: transparent; }
.stage6__form select { color: transparent; cursor: pointer; }
.stage6__form select:focus, .stage6__form select:valid { color: #fff; }
.stage6__form select option { color: #fff; background: #202020; }
.stage6__photo { left: 21.8%; top: 91.3%; width: 11%; height: 5.8%; opacity: 0; cursor: pointer; }
.stage6__name { left: 33.7%; top: 91.3%; width: 12.4%; height: 2%; }
.stage6__email { left: 47.3%; top: 91.3%; width: 12.5%; height: 2%; }
.stage6__genre { left: 61%; top: 91.3%; width: 13.9%; height: 2%; }
.stage6__garment { left: 33.7%; top: 95%; width: 9%; height: 2%; }
.stage6__size { left: 43.6%; top: 95%; width: 7.5%; height: 2%; }
.stage6__colour { left: 52.1%; top: 95%; width: 8.3%; height: 2%; }
.stage6__notes { left: 61.2%; top: 95%; width: 13.7%; height: 2.3%; resize: none; padding-top: .3%; }
.stage6__send { left: 75.9%; top: 92.3%; width: 21%; height: 3.6%; border: 0; background: transparent; color: transparent !important; font-size: 0 !important; cursor: pointer; }
.stage6__status { display: none; position: absolute; left: 21%; right: 3%; bottom: .5%; padding: .7rem; background: #111; border: 1px solid #ed0015; font-size: 13px; line-height: 1.3; z-index: 4; }
.stage6__status[data-open="true"] { display: block; }
.sr-only { position: absolute !important; width: 1px !important; height: 1px !important; padding: 0 !important; margin: -1px !important; overflow: hidden !important; clip: rect(0,0,0,0) !important; white-space: nowrap !important; border: 0 !important; }
@media (max-width: 600px) { .stage6__nav { height: 5.5%; } .stage6__process, .stage6__merch, .stage6__about, .stage6__faq { display: none; } .stage6__menu, .stage6__cart { width: 10%; } }