@font-face { font-family: "Manrope WU"; src: url("/wp-content/uploads/woodmart/google-fonts/fonts/manrope-bcbadccc.woff2") format("woff2"); font-style: normal; font-weight: 200 800; font-display: swap; }

/* WearUS Customizer 5.3.6 */
:root {
	--wu-ink: #15211b;
	--wu-muted: #5f6c65;
	--wu-line: #d7e0da;
	--wu-soft: #f3f6f4;
	--wu-accent: #086b50;
	--wu-accent-dark: #05513d;
	--wu-warn: #8a4b00;
	--wu-danger: #a52626;
	--wu-radius: 12px;
	--wu-shadow: 0 8px 24px rgba(18, 43, 32, .07);
}

/* Completion-wave shell. The legacy 5.0.1 bundle remains unchanged for products outside the pilot gate. */
.wu-completion-ui {
	height: 100dvh;
	min-height: 620px;
	display: grid;
	grid-template-columns: 76px minmax(0, 1fr);
	grid-template-rows: 58px minmax(0, 1fr);
	grid-template-areas: "header header" "rail workspace";
	overflow: hidden;
	font-family: "Manrope WU", Manrope, system-ui, sans-serif;
	font-size: 16px;
}
.wu-completion-ui .wu-header { min-height: 58px; padding: 6px 14px; grid-area: header; grid-template-columns: minmax(70px,auto) minmax(180px,1fr) auto; gap: 12px; }
.wu-completion-ui .wu-back { min-width: 70px; min-height: 44px; display: inline-flex; align-items: center; gap: 8px; }
.wu-completion-ui .wu-back > span:first-child { font-size: 24px; font-weight: 500; }
.wu-completion-ui .wu-header-title { min-width: 0; display: flex; align-items: center; gap: 10px; overflow: hidden; text-align: left; }
.wu-completion-ui .wu-header-title .wu-eyebrow { margin: 0; flex: 0 0 auto; }
.wu-completion-ui .wu-header h1 { min-width: 0; margin: 0; overflow: hidden; font-size: clamp(16px,1.3vw,20px); text-overflow: ellipsis; white-space: nowrap; }
.wu-completion-ui .wu-header-actions { align-items: center; }
.wu-header-tool { min-height: 44px; padding: 8px 11px; border: 1px solid var(--wu-line); border-radius: 8px; background: #fff; color: var(--wu-ink); display: inline-flex; align-items: center; gap: 6px; font-weight: 750; cursor: pointer; }
.wu-mode-switch { min-height: 44px; padding: 3px; border: 1px solid #c8d3cd; border-radius: 9px; background: #f3f5f4; display: grid; grid-template-columns: 1fr 1fr; }
.wu-mode-switch button { min-width: 76px; min-height: 36px; padding: 6px 12px; border: 0; border-radius: 6px; background: transparent; color: var(--wu-muted); font-weight: 750; cursor: pointer; }
.wu-mode-switch button.is-active { background: var(--wu-ink); color: #fff; box-shadow: 0 2px 7px rgba(21,33,27,.16); }
.wu-completion-ui .wu-step-nav { width: 76px; height: auto; padding: 10px 7px; border-right: 1px solid var(--wu-line); border-bottom: 0; grid-area: rail; grid-template-columns: 1fr; grid-template-rows: repeat(4,76px); align-content: start; gap: 5px; }
.wu-completion-ui .wu-step-nav button { min-height: 70px; padding: 7px 2px; border-radius: 8px; flex-direction: column; gap: 5px; }
.wu-completion-ui .wu-step-nav button strong { font-size: 10px; }
.wu-completion-ui .wu-layout { width: 100%; max-width: none; height: 100%; min-height: 0; margin: 0; padding: 0; grid-area: workspace; grid-template-columns: 360px minmax(0,1fr); gap: 0; overflow: hidden; }
.wu-completion-ui .wu-setup { min-height: 0; padding: 0; border-right: 1px solid var(--wu-line); background: #fff; overflow-y: auto; overscroll-behavior: contain; }
.wu-completion-ui .wu-card { padding: 18px 20px; border: 0; border-radius: 0; box-shadow: none; }
.wu-completion-ui .wu-step-heading > span { width: 32px; height: 32px; font-size: 14px; }
.wu-completion-ui .wu-card h2 { font-size: 21px; letter-spacing: -.025em; }
.wu-completion-ui .wu-step-heading p { margin-top: 3px; font-size: 13px; }
.wu-completion-ui .wu-preview { height: 100%; min-height: 0; padding: 10px 14px; border: 0; border-radius: 0; box-shadow: none; background: #f4f6f4; }
.wu-completion-ui .wu-stage-window { width: min(100%, calc((100dvh - 206px) * .8)); min-height: 360px; margin: 5px auto; border: 0; border-radius: 0; background: #fff; box-shadow: inset 0 0 0 1px #e1e6e3; flex: 1; }
.wu-completion-ui .wu-view-tabs { margin-bottom: 5px; }
.wu-completion-ui .wu-view-tabs button, .wu-completion-ui .wu-canvas-toolbar button { min-height: 44px; }
.wu-completion-ui .wu-canvas-toolbar { margin-bottom: 4px; }
.wu-completion-ui .wu-view-strip { margin-top: 4px; }
.wu-completion-ui .wu-view-strip button { min-height: 52px; }
.wu-completion-ui button, .wu-completion-ui input, .wu-completion-ui select, .wu-completion-ui summary { min-height: 44px; }
.wu-completion-ui button { text-transform: none; }
.wu-completion-ui button:not(:disabled):active, .wu-completion-ui a:active { transform: translateY(1px); }
.wu-completion-ui[data-editor-mode="preview"] #wu-print-zone,
.wu-completion-ui[data-editor-mode="preview"] .wu-object-tools,
.wu-completion-ui[data-editor-mode="preview"] .wu-layer-tools,
.wu-completion-ui[data-editor-mode="preview"] #wu-empty-cue { display: none !important; }
.wu-completion-ui[data-editor-mode="preview"] .wu-object { cursor: default; pointer-events: none; }
.wu-completion-ui[data-editor-mode="preview"] .wu-object.is-active { outline: 0; }
.wu-product-categories { margin: 7px 0 10px; display: grid; grid-template-columns: repeat(2,minmax(0,1fr)); gap: 6px; }
.wu-product-categories button { min-width: 0; min-height: 62px; padding: 7px 6px; border: 1px solid #cad5cf; border-radius: 8px; background: #fff; color: var(--wu-ink); display: grid; grid-template-columns: 28px minmax(0,1fr); align-items: center; gap: 6px; text-align: left; cursor: pointer; }
.wu-product-categories button:hover { border-color: #82ae9e; background: #f5faf8; }
.wu-product-categories button.is-active { border-color: var(--wu-accent); background: #eaf7f2; box-shadow: inset 0 0 0 1px var(--wu-accent); }
.wu-product-categories svg { width: 27px; height: 27px; fill: none; stroke: currentColor; stroke-width: 1.5; stroke-linecap: round; stroke-linejoin: round; }
.wu-product-categories span { min-width: 0; font-size: 10px; font-weight: 800; line-height: 1.15; }
.wu-product-tier { margin-bottom: 2px; color: var(--wu-accent-dark); display: block; font-size: 9px; font-weight: 800; letter-spacing: .06em; text-transform: uppercase; }
.wu-completion-ui .wu-product-result strong { font-size: 12px; }
.wu-completion-ui .wu-product-result small { font-size: 10px; }
.wu-starter-panel { margin: 10px -20px -18px; padding: 14px 16px 18px; border-top: 1px solid var(--wu-line); background: #f8faf9; }
.wu-starter-heading { margin-bottom: 10px; display: flex; justify-content: space-between; align-items: start; gap: 10px; }
.wu-starter-heading span { color: var(--wu-accent-dark); font-size: 10px; font-weight: 800; letter-spacing: .06em; text-transform: uppercase; }
.wu-starter-heading h3 { margin: 2px 0 0; font-size: 19px; }
.wu-starter-heading button, .wu-info-drawer header button { width: 44px; min-width: 44px; padding: 0; border: 1px solid var(--wu-line); border-radius: 50%; background: #fff; font-size: 24px; cursor: pointer; }
.wu-starter-list { display: grid; grid-template-columns: repeat(2,minmax(0,1fr)); gap: 7px; }
.wu-starter-list h4 { margin: 8px 0 1px; grid-column: 1 / -1; color: var(--wu-muted); font-size: 11px; letter-spacing: .08em; text-transform: uppercase; }
.wu-starter-list button { min-height: 104px; padding: 11px 7px; border: 1px solid #c8d3cd; border-radius: 8px; background: #fff; color: #18201c; display: flex; flex-direction: column; align-items: center; justify-content: center; text-align: center; cursor: pointer; }
.wu-starter-list button:hover { border-color: var(--wu-accent); box-shadow: 0 0 0 3px rgba(8,107,80,.1); }
.wu-starter-list button > span { color: var(--wu-accent); font-size: 9px; font-weight: 800; letter-spacing: .07em; text-transform: uppercase; }
.wu-starter-list button > strong { margin: 6px 0 2px; font-size: 15px; line-height: 1; text-transform: uppercase; }
.wu-starter-list button > small { font-size: 9px; }
#wu-starter-form { margin-top: 12px; padding-top: 12px; border-top: 1px solid var(--wu-line); }
#wu-starter-form h3 { margin: 0 0 8px; font-size: 17px; }
#wu-starter-form label { margin-top: 8px; display: block; font-size: 12px; font-weight: 750; }
#wu-starter-form input:not([type="color"]) { width: 100%; margin-top: 4px; }
.wu-starter-palette { display: grid; grid-template-columns: 1fr 1fr; gap: 10px; }
.wu-starter-palette input[type="color"] { width: 100%; margin-top: 4px; padding: 3px; }
.wu-dialog-scrim { display: block; position: fixed; inset: 0; z-index: 110; background: rgba(12,22,17,.48); backdrop-filter: blur(2px); }
.wu-info-drawer { width: min(440px,100vw); padding: 0; border: 0; border-left: 1px solid var(--wu-line); background: #fff; display: flex; flex-direction: column; position: fixed; top: 0; right: 0; bottom: 0; z-index: 115; box-shadow: -18px 0 44px rgba(12,28,20,.2); }
.wu-info-drawer header { min-height: 76px; padding: 14px 18px; border-bottom: 1px solid var(--wu-line); display: flex; align-items: center; justify-content: space-between; gap: 12px; }
.wu-info-drawer header span { color: var(--wu-accent-dark); font-size: 10px; font-weight: 800; letter-spacing: .08em; text-transform: uppercase; }
.wu-info-drawer h2 { margin: 3px 0 0; font-size: 20px; }
.wu-info-content { padding: 18px; overflow-y: auto; }
.wu-info-content dl { margin: 0; }
.wu-info-content dl > div { padding: 10px 0; border-bottom: 1px solid var(--wu-line); display: grid; grid-template-columns: 130px 1fr; gap: 12px; }
.wu-info-content dt { color: var(--wu-muted); font-size: 12px; font-weight: 750; }
.wu-info-content dd { margin: 0; font-size: 13px; font-weight: 700; }
.wu-info-content section { margin-top: 18px; }
.wu-info-content h3 { margin: 0 0 8px; font-size: 15px; }
.wu-info-content ul { margin: 0; padding-left: 18px; }
.wu-info-content li { margin: 5px 0; font-size: 13px; }
.wu-info-content li span { color: var(--wu-muted); display: block; font-size: 11px; }
.wu-info-content li small { color: var(--wu-accent-dark); display: block; margin-top: 2px; font-size: 10px; font-weight: 750; }
.wu-info-content details { margin-top: 10px; border: 1px solid var(--wu-line); border-radius: 8px; }
.wu-info-content summary { padding: 9px 12px; cursor: pointer; font-size: 13px; font-weight: 750; }
.wu-info-content details > ul { padding: 0 28px 12px; }
.wu-info-proof { margin-top: 18px; padding: 12px; border-left: 3px solid var(--wu-accent); background: #eef8f4; font-size: 13px; }
.wu-change-dialog { width: min(500px,calc(100vw - 28px)); padding: 24px; border: 0; border-radius: 12px; background: #fff; position: fixed; top: 50%; left: 50%; z-index: 120; transform: translate(-50%,-50%); box-shadow: 0 24px 70px rgba(9,25,17,.28); }
.wu-change-dialog h2 { margin: 0; font-size: 23px; }
.wu-change-dialog p { margin: 6px 0 18px; color: var(--wu-muted); }
.wu-change-dialog > div { display: grid; grid-template-columns: 1fr; gap: 8px; }
.wu-completion-ui[data-active-step="checkout"] .wu-setup,
.wu-completion-ui[data-active-step="checkout"] .wu-preview { display: none; }
.wu-completion-ui[data-active-step="checkout"] .wu-summary { grid-column: 1 / -1; min-height: 0; padding: 22px; overflow-y: auto; }
.wu-completion-ui[data-active-step="checkout"] .wu-summary .wu-card { width: min(1120px,100%); min-height: calc(100dvh - 102px); margin: 0 auto; padding: 22px; border: 1px solid var(--wu-line); border-radius: 12px; display: grid; grid-template-columns: minmax(320px,1.15fr) minmax(300px,.85fr); grid-auto-flow: column; grid-template-rows: auto auto auto auto auto auto auto 1fr; column-gap: 26px; align-content: start; }
.wu-completion-ui[data-active-step="checkout"] .wu-checkout-preview { min-height: 460px; display: block; grid-column: 1; grid-row: 1 / 9; }
.wu-completion-ui[data-active-step="checkout"] .wu-summary .wu-card > :not(.wu-checkout-preview) { grid-column: 2; }
.wu-completion-ui[data-active-step="checkout"] .wu-checks,
.wu-completion-ui[data-active-step="checkout"] .wu-next-step,
.wu-completion-ui[data-active-step="checkout"] .wu-production-card p { display: none; }
.wu-completion-ui[data-active-step="checkout"] .wu-summary h2 { font-size: 25px; }
.wu-completion-ui[data-active-step="checkout"] .wu-price strong,
.wu-completion-ui[data-active-step="checkout"] .wu-review-price strong,
.wu-completion-ui .wu-tier,
.wu-completion-ui .wu-qty-stepper input { font-variant-numeric: tabular-nums; }

@media (max-width: 1100px) {
	.wu-completion-ui .wu-header-actions #wu-save-design, .wu-completion-ui .wu-header-actions #wu-change-product { display: none; }
	.wu-header-tool > span:last-child { display: none; }
	.wu-completion-ui .wu-layout { grid-template-columns: 340px minmax(0,1fr); }
}

@media (max-width: 979px) {
	.wu-completion-ui { min-height: 100dvh; height: auto; padding-bottom: var(--wu-mobile-dock-height); display: block; overflow: visible; font-size: 16px; }
	.wu-completion-ui .wu-header { min-height: 54px; padding: 4px 10px; display: grid; grid-template-columns: 48px minmax(0,1fr) auto; position: sticky; top: 0; z-index: 64; }
	.wu-completion-ui .wu-back { min-width: 48px; }
	.wu-completion-ui .wu-back > span:last-child, .wu-completion-ui .wu-eyebrow { display: none; }
	.wu-completion-ui .wu-header-title { padding-right: 8px; }
	.wu-completion-ui .wu-header h1 { font-size: 15px; }
	.wu-completion-ui .wu-step-nav { display: none; }
	.wu-completion-ui .wu-layout { height: auto; min-height: calc(100dvh - 54px - var(--wu-mobile-dock-height)); display: flex; overflow: visible; }
	.wu-completion-ui .wu-setup { border: 0; overflow: visible; }
	.wu-completion-ui .wu-card { padding: 14px; }
	.wu-completion-ui .wu-preview { padding: 7px; }
	.wu-completion-ui[data-active-step="product"] .wu-layout { height: auto; overflow: visible; }
	.wu-completion-ui .wu-object-tools { max-height: 175px; overflow-y: auto; }
	.wu-completion-ui .wu-mobile-design-actions { grid-template-columns: repeat(2,minmax(0,1fr)); }
	.wu-completion-ui .wu-mobile-design-actions button { min-width: 0; padding: 8px; }
	.wu-completion-ui .wu-product-categories { grid-template-columns: repeat(4,minmax(72px,1fr)); overflow-x: auto; }
	.wu-completion-ui .wu-product-categories button { min-width: 92px; min-height: 68px; grid-template-columns: 1fr; justify-items: center; text-align: center; }
	.wu-completion-ui.is-mobile-preview-open #wu-print-zone,
	.wu-completion-ui.is-mobile-preview-open .wu-object-tools,
	.wu-completion-ui.is-mobile-preview-open #wu-empty-cue { display: none !important; }
	.wu-completion-ui.is-mobile-preview-open .wu-object.is-active { outline: 0; }
	.wu-completion-ui.is-mobile-preview-open .wu-object { pointer-events: none; }
	.wu-completion-ui.is-starter-open .wu-setup { padding: 0 8px; display: block !important; position: fixed; inset: 54px 0 var(--wu-mobile-dock-height); z-index: 96; overflow-y: auto; background: #fff; }
	.wu-completion-ui.is-starter-open #wu-step-product { padding: 0; }
	.wu-completion-ui.is-starter-open #wu-step-product > :not(#wu-step-design) { display: none !important; }
	.wu-completion-ui.is-starter-open #wu-step-design { display: block !important; padding: 0; }
	.wu-completion-ui.is-starter-open #wu-step-design > :not(.wu-starter-panel) { display: none !important; }
	.wu-completion-ui.is-starter-open .wu-starter-panel { min-height: 100%; margin: 0; padding: 14px; display: block !important; }
	.wu-completion-ui[data-active-step="checkout"] .wu-summary { padding: 8px; }
	.wu-completion-ui[data-active-step="checkout"] .wu-summary .wu-card { min-height: auto; padding: 12px; display: block; }
	.wu-completion-ui[data-active-step="checkout"] .wu-checkout-preview { min-height: min(46dvh,350px); }
	.wu-completion-ui[data-active-step="checkout"] .wu-summary .wu-card > :not(.wu-checkout-preview) { display: block; }
	.wu-completion-ui[data-active-step="checkout"] .wu-checks, .wu-completion-ui[data-active-step="checkout"] .wu-next-step, .wu-completion-ui[data-active-step="checkout"] .wu-production-card p { display: none !important; }
	.wu-completion-ui[data-active-step="checkout"] .wu-workflow-card { max-height: none; }
	.wu-info-drawer { width: 100vw; }
}

.wu-customizer {
	min-height: 100vh;
	background: #f6f8f6;
	color: var(--wu-ink);
	font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif;
	font-size: 15px;
	font-weight: 400;
	line-height: 1.45;
	-webkit-font-smoothing: antialiased;
}

.wu-customizer *, .wu-customizer *::before, .wu-customizer *::after { box-sizing: border-box; }
.wu-customizer [hidden] { display: none !important; }
.wu-customizer button, .wu-customizer input, .wu-customizer select { font: inherit; }

.wu-header {
	min-height: 62px;
	padding: 9px 20px;
	background: #fff;
	border-bottom: 1px solid var(--wu-line);
	display: grid;
	grid-template-columns: minmax(150px, 1fr) minmax(240px, auto) minmax(150px, 1fr);
	align-items: center;
	gap: 16px;
	position: relative;
	z-index: 30;
}

.wu-header-title { min-width: 0; text-align: center; }
.wu-header h1 { margin: 0; overflow: hidden; color: var(--wu-ink); font-size: 17px; font-weight: 700; line-height: 1.25; text-overflow: ellipsis; white-space: nowrap; }
.wu-eyebrow { margin: 0 0 1px; color: var(--wu-accent); font-size: 10px; font-weight: 800; letter-spacing: .09em; line-height: 1.2; text-transform: uppercase; }
.wu-back { color: var(--wu-ink); font-size: 14px; font-weight: 700; text-decoration: none; }
.wu-header-actions { min-width: 0; display: flex; justify-self: end; gap: 8px; }
.wu-header-actions .wu-button { min-height: 40px; white-space: nowrap; }

.wu-desktop-product-picker { margin: 10px 0 14px; border: 1px solid #c8d5ce; border-radius: 10px; background: #fff; }
.wu-desktop-product-picker > summary { min-height: 44px; padding: 10px 12px; color: var(--wu-accent-dark); display: flex; align-items: center; justify-content: space-between; gap: 10px; font-size: 13px; font-weight: 800; cursor: pointer; list-style: none; }
.wu-desktop-product-picker > summary::-webkit-details-marker { display: none; }
.wu-desktop-product-picker > summary::after { content: "+"; font-size: 20px; font-weight: 500; line-height: 1; }
.wu-desktop-product-picker[open] > summary::after { content: "−"; }
.wu-desktop-product-picker > div { max-height: 330px; padding: 0 10px 10px; overflow-y: auto; }
.wu-desktop-product-picker label { margin: 0 0 5px; display: block; font-size: 11px; font-weight: 800; }
.wu-desktop-product-picker input { width: 100%; min-height: 42px; }
.wu-product-results { margin-top: 7px; display: grid; gap: 5px; }
.wu-product-result { min-height: 58px; padding: 6px 8px; border: 1px solid #cbd7d0; border-radius: 9px; background: #fff; color: var(--wu-ink); display: grid; grid-template-columns: 46px minmax(0,1fr) auto; align-items: center; gap: 8px; text-decoration: none; }
.wu-product-result:hover, .wu-product-result:focus-visible { border-color: var(--wu-accent); box-shadow: 0 0 0 3px rgba(8,107,80,.12); outline: 0; }
.wu-product-result.is-current { border-color: var(--wu-accent); background: #edf8f4; }
.wu-product-result img { width: 46px; height: 46px; object-fit: contain; }
.wu-product-result strong, .wu-product-result small { display: block; }
.wu-product-result strong { font-size: 12px; line-height: 1.2; }
.wu-product-result small { margin-top: 3px; color: var(--wu-muted); font-size: 10px; line-height: 1.25; }

.wu-step-nav {
	height: 52px;
	padding: 6px max(12px, calc((100vw - 820px) / 2));
	background: #fff;
	border-bottom: 1px solid var(--wu-line);
	display: grid;
	grid-template-columns: repeat(4, minmax(0, 1fr));
	gap: 6px;
	position: relative;
	z-index: 29;
}

.wu-step-nav button {
	min-width: 0;
	min-height: 40px;
	padding: 5px 10px;
	border: 1px solid transparent;
	border-radius: 9px;
	background: transparent;
	color: var(--wu-muted);
	display: flex;
	align-items: center;
	justify-content: center;
	gap: 7px;
	cursor: pointer;
}

.wu-step-nav button span {
	width: 23px;
	height: 23px;
	border: 1px solid #aab7af;
	border-radius: 50%;
	display: grid;
	place-items: center;
	font-size: 12px;
	font-weight: 800;
}

.wu-step-nav button strong { overflow: hidden; font-size: 13px; text-overflow: ellipsis; white-space: nowrap; }
.wu-step-nav button.is-active { border-color: #a9d2c3; background: #eef8f4; color: var(--wu-accent-dark); }
.wu-step-nav button.is-active span { border-color: var(--wu-accent); background: var(--wu-accent); color: #fff; }
.wu-step-nav button.is-done:not(.is-active) span { border-color: #7fac9b; background: #edf8f4; color: var(--wu-accent-dark); }
.wu-step-nav button.is-done:not(.is-active) span::after { content: "✓"; width: 13px; height: 13px; border-radius: 50%; background: var(--wu-accent); color: #fff; display: grid; place-items: center; position: absolute; right: -5px; bottom: -5px; font-size: 8px; }
.wu-step-nav button span { position: relative; }

.wu-layout {
	width: 100%;
	max-width: 1680px;
	margin: 0 auto;
	padding: 12px;
	display: grid;
	grid-template-columns: minmax(430px, 600px) minmax(360px, 1fr);
	gap: 12px;
	align-items: stretch;
}

.wu-setup, .wu-summary { min-width: 0; }
.wu-card, .wu-preview { background: #fff; border: 1px solid var(--wu-line); border-radius: var(--wu-radius); box-shadow: var(--wu-shadow); }
.wu-card { padding: 18px; }
.wu-card h2 { margin: 0; color: var(--wu-ink); font-size: 18px; font-weight: 750; line-height: 1.25; }
.wu-card p { margin: 0; color: var(--wu-muted); }

.wu-step-heading { margin-bottom: 14px; display: flex; align-items: flex-start; gap: 10px; }
.wu-step-heading > span { width: 28px; height: 28px; border-radius: 50%; background: var(--wu-ink); color: #fff; display: grid; place-items: center; flex: none; font-size: 14px; font-weight: 800; }
.wu-step-heading p { margin-top: 2px; font-size: 13px; line-height: 1.35; }
.wu-design-tools { margin-top: 16px; padding-top: 16px; border-top: 1px solid var(--wu-line); }
.wu-design-tools-heading { margin-bottom: 10px; }
.wu-design-tools-heading h3 { margin: 0; font-size: 17px; line-height: 1.2; }
.wu-design-tools-heading p { margin: 3px 0 0; color: var(--wu-muted); font-size: 12px; }

.wu-product-loader { margin: -2px 0 12px; padding: 9px; border: 1px solid var(--wu-line); border-radius: 10px; background: #f8faf9; display: grid; grid-template-columns: 76px minmax(0, 1fr); align-items: center; gap: 12px; }
.wu-product-loader-image { width: 76px; height: 72px; border-radius: 8px; background: #eef2ef; display: grid; place-items: center; position: relative; overflow: hidden; }
.wu-product-loader-image::after { content: ""; width: 22px; height: 22px; border: 2px solid #b9c7c0; border-top-color: var(--wu-accent); border-radius: 50%; position: absolute; animation: wu-spin .8s linear infinite; opacity: 0; }
.wu-product-loader.is-loading .wu-product-loader-image::after { opacity: 1; }
.wu-product-loader img { width: 100%; height: 100%; object-fit: contain; transition: opacity .16s ease; }
.wu-product-loader.is-loading img { opacity: .24; }
.wu-product-loader span, .wu-product-loader strong, .wu-product-loader small { display: block; }
.wu-product-loader span { color: var(--wu-accent-dark); font-size: 9px; font-weight: 800; letter-spacing: .07em; text-transform: uppercase; }
.wu-product-loader strong { margin: 1px 0; overflow: hidden; font-size: 14px; text-overflow: ellipsis; white-space: nowrap; }
.wu-product-loader small { color: var(--wu-muted); font-size: 11px; }

.wu-customizer label { display: block; margin: 12px 0 5px; color: var(--wu-ink); font-size: 13px; font-weight: 750; }
.wu-customizer select,
.wu-customizer input[type="text"],
.wu-customizer input[type="number"],
.wu-customizer input[type="email"],
.wu-customizer input[type="search"],
.wu-customizer input[type="date"],
.wu-customizer textarea {
	width: 100%;
	min-height: 44px;
	padding: 8px 11px;
	border: 1px solid #aebbb3;
	border-radius: 8px;
	background: #fff;
	color: inherit;
}
.wu-customizer textarea { min-height: 84px; resize: vertical; }

.wu-customizer select:focus,
.wu-customizer input:focus,
.wu-customizer button:focus-visible,
.wu-customizer a:focus-visible,
.wu-stage:focus-visible { outline: 3px solid #70c8ad; outline-offset: 2px; }
.wu-sr-only { 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; position: absolute !important; }

.wu-button {
	min-height: 44px;
	padding: 9px 15px;
	border: 1px solid transparent;
	border-radius: 8px;
	display: inline-flex;
	align-items: center;
	justify-content: center;
	gap: 9px;
	font-size: 14px;
	font-weight: 750;
	line-height: 1.2;
	cursor: pointer;
	transition: transform .16s ease, box-shadow .16s ease, background-color .16s ease, border-color .16s ease;
}

.wu-button:hover:not(:disabled) { transform: translateY(-1px); }
.wu-button:active:not(:disabled) { transform: translateY(1px); }
.wu-button:disabled { cursor: wait; opacity: .64; }
.wu-button-primary { border-color: var(--wu-accent); background: var(--wu-accent); color: #fff; }
.wu-button-primary:hover:not(:disabled) { border-color: var(--wu-accent-dark); background: var(--wu-accent-dark); box-shadow: 0 8px 18px rgba(8, 107, 80, .22); }
.wu-customizer .wu-button-secondary { border: 1px solid #9eaaa3 !important; background: #fff !important; color: var(--wu-ink) !important; box-shadow: none; text-transform: none; }
.wu-customizer .wu-button-secondary:hover:not(:disabled) { border-color: var(--wu-accent) !important; color: var(--wu-accent-dark) !important; box-shadow: 0 4px 12px rgba(8, 107, 80, .1); }
.wu-wide { width: 100%; margin-top: 10px; }
.wu-inline { display: grid; grid-template-columns: 1fr 78px; gap: 10px; }
.wu-inline input[type="color"] { width: 100%; height: 44px; border: 1px solid #aebbb3; border-radius: 8px; background: #fff; }

.wu-status { min-height: 20px; margin-top: 8px; color: var(--wu-muted); font-size: 12px; line-height: 1.4; }
.wu-status.is-ok { color: var(--wu-accent); }
.wu-status.is-error { color: var(--wu-danger); font-weight: 700; }
.wu-status.is-warning { padding: 6px 8px; border-left: 3px solid #d7982e; border-radius: 5px; background: #fff8e9; color: var(--wu-warn); font-weight: 700; }
.wu-field-help { margin-top: 7px !important; font-size: 12px !important; line-height: 1.4 !important; }

.wu-option-group { position: relative; }
.wu-option-label { margin-bottom: 6px !important; }
.wu-choice-grid { display: flex; gap: 7px; overflow-x: auto; padding: 2px 2px 7px; scrollbar-width: thin; scroll-snap-type: x proximity; }
.wu-choice { min-width: 136px; min-height: 48px; padding: 7px 9px; border: 1px solid #b8c4bd; border-radius: 8px; background: #fff; color: var(--wu-ink); display: flex; align-items: center; gap: 8px; position: relative; font-size: 13px; font-weight: 700; line-height: 1.15; text-align: left; cursor: pointer; scroll-snap-align: start; }
.wu-choice:hover { border-color: var(--wu-accent); background: #f3faf7; }
.wu-choice.is-selected { border: 2px solid var(--wu-accent-dark); padding: 6px 8px; background: #edf8f4; box-shadow: inset 0 0 0 1px #fff; }
.wu-choice-swatch { width: 28px; height: 28px; border: 1px solid rgba(23, 34, 29, .24); border-radius: 6px; background: var(--wu-swatch); flex: none; }
.wu-choice--colour > span:nth-child(2) { white-space: normal; }
.wu-choice-count { min-width: 20px; height: 20px; padding: 0 5px; border-radius: 999px; background: var(--wu-accent); color: #fff; display: grid; place-items: center; position: absolute; top: -7px; right: -5px; font-size: 10px; }

.wu-native-option { position: absolute !important; width: 1px !important; height: 1px !important; margin: -1px !important; padding: 0 !important; overflow: hidden !important; clip: rect(0 0 0 0) !important; clip-path: inset(50%) !important; white-space: nowrap !important; border: 0 !important; }

.wu-size-matrix { margin-top: 10px; }
.wu-matrix-heading { margin-bottom: 7px; display: flex; align-items: center; justify-content: space-between; gap: 10px; }
.wu-matrix-heading > div { min-width: 0; display: grid; gap: 1px; }
.wu-matrix-heading strong { font-size: 14px; }
.wu-matrix-heading > div > span { color: var(--wu-muted); font-size: 11px; }
.wu-matrix-heading .wu-tier-progress { color: var(--wu-accent-dark); font-weight: 750; }
.wu-tier-toggle { min-height: 44px; padding: 7px 10px; border: 1px solid #aebdb5; border-radius: 8px; background: #fff; color: var(--wu-accent-dark); display: inline-flex; align-items: center; justify-content: center; gap: 7px; flex: none; font-size: 11px; font-weight: 800; cursor: pointer; }
.wu-tier-toggle:hover { border-color: var(--wu-accent); background: #f1f9f5; }
.wu-tier-toggle-arrow { width: 18px; height: 18px; border-radius: 999px; background: #e7f3ee; display: grid; place-items: center; font-size: 14px; line-height: 1; }
.wu-matrix-empty { padding: 16px; border: 1px dashed #b9c6bf; border-radius: 8px; background: var(--wu-soft); font-size: 13px; text-align: center; }
.wu-matrix-table { overflow: hidden; border: 1px solid #cfd9d3; border-radius: 9px; }
.wu-matrix-row { min-height: 54px; border-top: 1px solid #dce4df; display: grid; grid-template-columns: minmax(125px, 1.25fr) minmax(126px, 1fr) minmax(80px, .82fr); align-items: stretch; }
.wu-matrix-table.is-tier-expanded .wu-matrix-row { grid-template-columns: minmax(125px, 1.25fr) minmax(126px, 1fr); }
.wu-matrix-row:first-child { border-top: 0; }
.wu-matrix-row > span { min-width: 0; padding: 8px 10px; display: flex; align-items: center; justify-content: center; }
.wu-matrix-header { min-height: 40px; background: #f0f4f2; color: #43574d; font-size: 10px; font-weight: 800; letter-spacing: .03em; text-transform: uppercase; }
.wu-matrix-header > span:first-child { justify-content: flex-start; }
.wu-size-cell { align-items: flex-start !important; flex-direction: column; justify-content: center !important; }
.wu-size-cell strong { font-size: 15px; }
.wu-size-cell small { color: var(--wu-muted); font-size: 11px; }
.wu-matrix-row.is-unavailable { color: #97a39c; background: #fafbfa; }
.wu-matrix-row .wu-tier { color: #234f5c; font-size: 13px; font-weight: 700; }
.wu-matrix-row .wu-tier.is-active { background: #e7f2f4; color: #123f4c; }
.wu-tier-list-header { grid-column: 1 / -1; min-height: 28px; padding: 5px 10px !important; border-top: 1px solid #dce4df; justify-content: flex-start !important; }
.wu-tier-list { grid-column: 1 / -1; padding: 0 !important; border-top: 1px solid #e1e8e4; display: grid !important; grid-template-columns: repeat(3,minmax(0,1fr)); }
.wu-tier-list > span { min-width: 0; min-height: 42px; padding: 5px 10px; border-left: 1px solid #e1e8e4; display: flex; align-items: center; justify-content: space-between; gap: 5px; }
.wu-tier-list > span:first-child { border-left: 0; }
.wu-tier-list > span.is-active { background: #e7f2f4; color: #123f4c; }
.wu-tier-list small { color: var(--wu-muted); font-size: 10px; font-weight: 750; }
.wu-tier-list strong { color: #234f5c; font-size: 12px; font-variant-numeric: tabular-nums; }
.wu-qty-stepper { padding: 7px !important; display: grid !important; grid-template-columns: 36px minmax(44px, 1fr) 36px; }
.wu-qty-stepper button, .wu-qty-stepper input { min-width: 0; height: 36px; border: 1px solid #b8c6ce; border-radius: 0; background: #f7faf9; color: var(--wu-ink); text-align: center; }
.wu-qty-stepper button { padding: 0; font-size: 18px; font-weight: 750; cursor: pointer; }
.wu-qty-stepper button:first-child { border-radius: 7px 0 0 7px; }
.wu-qty-stepper button:last-child { border-radius: 0 7px 7px 0; }
.wu-qty-stepper input { border-right: 0; border-left: 0; appearance: textfield; }
.wu-qty-stepper input::-webkit-outer-spin-button, .wu-qty-stepper input::-webkit-inner-spin-button { margin: 0; appearance: none; }
.wu-qty-stepper button:disabled, .wu-qty-stepper input:disabled { color: #aeb8b2; cursor: not-allowed; }
.wu-order-totals { margin-top: 9px; padding: 9px 11px; border: 1px solid #bcd7cc; border-radius: 8px; background: #f1f9f5; display: flex; align-items: center; justify-content: space-between; gap: 12px; }
.wu-order-totals strong { font-size: 13px; }
.wu-order-totals span { color: var(--wu-muted); font-size: 11px; text-align: right; }
.wu-more-sizes { width: 100%; min-height: 42px; margin-top: 7px; padding: 8px 12px; border: 1px solid #aebdb5; border-radius: 8px; background: #fff; color: var(--wu-accent-dark); display: flex; align-items: center; justify-content: space-between; font-size: 13px; font-weight: 750; cursor: pointer; }

.wu-upload { min-height: 106px; padding: 10px; border: 2px dashed #8ca399; border-radius: 10px; background: var(--wu-soft); display: flex; align-items: center; justify-content: center; position: relative; text-align: center; }
.wu-upload.is-drag { border-color: var(--wu-accent); background: #e4f4ee; }
.wu-upload.is-busy { cursor: wait; opacity: .7; }
.wu-upload-trigger { width: 100%; min-height: 80px; border: 0 !important; background: transparent !important; color: var(--wu-ink) !important; box-shadow: none !important; display: flex; flex-direction: column; align-items: center; justify-content: center; cursor: pointer; text-transform: none; }
.wu-upload-trigger strong { font-size: 16px; }
.wu-upload-trigger span { color: var(--wu-muted); font-size: 13px; font-weight: 400; }
.wu-upload input { position: absolute; width: 1px; height: 1px; overflow: hidden; clip: rect(0 0 0 0); clip-path: inset(50%); white-space: nowrap; }

.wu-preview { min-width: 0; padding: 12px; display: flex; flex-direction: column; overflow: hidden; }
.wu-view-tabs { margin-bottom: 7px; display: flex; justify-content: center; gap: 6px; flex-wrap: wrap; }
.wu-view-tabs button { min-height: 38px; padding: 7px 14px; border: 1px solid var(--wu-line); border-radius: 999px; background: #fff; color: var(--wu-ink); font-size: 13px; font-weight: 750; cursor: pointer; }
.wu-view-tabs button.is-active { border-color: var(--wu-ink); background: var(--wu-ink); color: #fff; }
.wu-view-tabs button.is-review:not(.is-active) { border-style: dashed; color: var(--wu-warn); }
.wu-view-tabs button.is-reference:not(.is-active) { border-style: dashed; border-color: #6b7f75; color: #3d5b4f; }
.wu-view-tabs button:disabled { cursor: not-allowed; opacity: .45; }
.wu-canvas-toolbar { width: min(100%, 720px); margin: 0 auto 6px; display: flex; align-items: center; justify-content: space-between; gap: 10px; color: var(--wu-muted); font-size: 12px; font-weight: 700; }
.wu-canvas-toolbar > div { border: 1px solid var(--wu-line); border-radius: 999px; background: #fff; display: flex; overflow: hidden; }
.wu-canvas-toolbar button { min-width: 40px; min-height: 38px; padding: 6px 10px; border: 0; border-right: 1px solid var(--wu-line); background: #fff; color: var(--wu-ink); font-size: 16px; font-weight: 750; cursor: pointer; }
.wu-canvas-toolbar button:last-child { border-right: 0; }
.wu-canvas-toolbar #wu-zoom-reset { min-width: 62px; font-size: 12px; }
.wu-canvas-toolbar button:disabled { cursor: not-allowed; opacity: .4; }
.wu-stage-window { width: min(100%, 720px); margin: auto; overflow: hidden; border: 1px solid var(--wu-line); border-radius: 10px; background: linear-gradient(145deg, #f4f6f5, #fff); aspect-ratio: 4 / 5; }
.wu-stage { width: 100%; height: 100%; position: relative; overflow: visible; isolation: isolate; touch-action: none; }
.wu-stage-content { position: absolute; inset: 0; overflow: visible; transform-origin: 0 0; will-change: transform; }
.wu-stage-content > #wu-garment { width: 100%; height: 100%; position: absolute; inset: 0; object-fit: contain; pointer-events: none; user-select: none; -webkit-user-drag: none; }
.wu-stage.is-review-side .wu-stage-content > #wu-garment { display: none; }
.wu-stage.is-review-side { background: repeating-linear-gradient(135deg, #f7f3ea, #f7f3ea 12px, #fff 12px, #fff 24px); }
.wu-stage.is-reference-side::after { content: "Supplier side photo · reference only"; position: absolute; right: 10px; bottom: 10px; z-index: 5; padding: 6px 9px; border: 1px solid rgba(30,55,44,.24); border-radius: 999px; background: rgba(255,255,255,.92); color: #294b3e; font-size: 11px; font-weight: 800; pointer-events: none; }
.wu-stage.is-zoomed { cursor: grab; }
.wu-stage.is-zoomed:active { cursor: grabbing; }
#wu-print-zone { position: absolute; border: 2px dashed rgba(8, 107, 80, .64); background: rgba(8, 107, 80, .055); display: grid; place-items: start center; pointer-events: none; }
#wu-print-zone span { padding: 2px 6px; border-radius: 0 0 5px 5px; background: rgba(255, 255, 255, .88); color: var(--wu-accent-dark); font-size: 10px; font-weight: 750; }
.wu-stage.has-design #wu-print-zone span { display: none; }
#wu-design-layer { overflow: visible; }
#wu-design-layer { position: absolute; inset: 0; }
.wu-object-clip { position: absolute; overflow: hidden; pointer-events: none; }
.wu-object { position: absolute; display: flex; align-items: center; justify-content: center; cursor: move; touch-action: none; user-select: none; }
.wu-object-clip .wu-object { pointer-events: auto; }
.wu-object img { width: 100%; height: 100%; object-fit: contain; pointer-events: none; }
.wu-object.is-text { font-size: clamp(13px, 2.4vw, 32px); font-weight: 700; white-space: nowrap; }
.wu-object.is-text.is-player-number { font-size: clamp(48px, 7vw, 112px); font-weight: 900; letter-spacing: -.05em; line-height: .85; }
.wu-object.is-text.is-player-name { font-size: clamp(18px, 3vw, 44px); font-weight: 900; letter-spacing: .08em; line-height: 1; text-transform: uppercase; }
#wu-text-label { margin-bottom: 5px; display: block; }
.wu-object.is-active { outline: 2px solid var(--wu-accent); outline-offset: 3px; }
#wu-empty-cue { width: min(190px, 48%); aspect-ratio: 1; padding: 18px; border: 0; border-radius: 50%; background: rgba(229, 245, 239, .94); color: var(--wu-ink); display: flex; flex-direction: column; align-items: center; justify-content: center; position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); font: inherit; text-align: center; cursor: pointer; }
#wu-empty-cue strong { font-size: 17px; }
#wu-empty-cue span { color: var(--wu-muted); font-size: 13px; }
#wu-empty-cue:hover:not(:disabled) { background: #dff2eb; }
#wu-empty-cue:disabled { cursor: not-allowed; opacity: .85; }
.wu-touch-gesture-cue { display: none; }
.wu-view-strip { display: none; }
.wu-object-tools { padding: 8px 4px 0; display: grid; grid-template-columns: 1fr 1fr auto; gap: 10px; align-items: stretch; }
.wu-edit-starter { min-width: 148px; margin-top: 0; }
.wu-tool-control { min-width: 0; padding: 10px 11px; border: 1px solid #cbd7d0; border-radius: 10px; background: rgba(255,255,255,.98); }
.wu-tool-title { margin-bottom: 5px; display: flex; align-items: center; justify-content: space-between; gap: 8px; }
.wu-tool-title label { margin: 0; color: var(--wu-ink); font-size: 12px; font-weight: 800; }
.wu-tool-title output { min-width: 48px; padding: 3px 7px; border-radius: 999px; background: #e7f4ef; color: var(--wu-accent-dark); font-size: 12px; font-weight: 800; line-height: 1.3; text-align: center; font-variant-numeric: tabular-nums; }
.wu-deliberate-range { width: 100%; height: 30px; margin: 0; padding: 0 !important; border: 0 !important; background: transparent !important; accent-color: var(--wu-accent); cursor: pointer; appearance: none; -webkit-appearance: none; }
.wu-deliberate-range::-webkit-slider-runnable-track { height: 8px; border: 1px solid #9fb2a8; border-radius: 999px; background: linear-gradient(90deg,#cfe9df,#e8efeb); }
.wu-deliberate-range::-webkit-slider-thumb { width: 24px; height: 24px; margin-top: -9px; border: 3px solid #fff; border-radius: 50%; background: var(--wu-accent); box-shadow: 0 0 0 1px var(--wu-accent-dark),0 2px 6px rgba(9,54,38,.24); appearance: none; -webkit-appearance: none; }
.wu-deliberate-range::-moz-range-track { height: 8px; border: 1px solid #9fb2a8; border-radius: 999px; background: #e8efeb; }
.wu-deliberate-range::-moz-range-progress { height: 8px; border-radius: 999px; background: #9fd4c1; }
.wu-deliberate-range::-moz-range-thumb { width: 20px; height: 20px; border: 3px solid #fff; border-radius: 50%; background: var(--wu-accent); box-shadow: 0 0 0 1px var(--wu-accent-dark),0 2px 6px rgba(9,54,38,.24); }
.wu-deliberate-range:focus { outline: none !important; }
.wu-deliberate-range:focus-visible::-webkit-slider-thumb { box-shadow: 0 0 0 4px #b8ead9,0 0 0 6px var(--wu-accent-dark); }
.wu-deliberate-range:focus-visible::-moz-range-thumb { box-shadow: 0 0 0 4px #b8ead9,0 0 0 6px var(--wu-accent-dark); }
.wu-range-scale { margin-top: -2px; color: #65776e; display: flex; justify-content: space-between; font-size: 9px; font-variant-numeric: tabular-nums; }
.wu-tool-mode { min-height: 40px; margin-top: 7px; padding: 6px 9px; border: 1px solid #aebdb5; border-radius: 7px; background: #f7faf8; color: var(--wu-accent-dark); font-size: 11px; font-weight: 750; line-height: 1.2; cursor: pointer; text-transform: none; }
.wu-tool-mode:hover { border-color: var(--wu-accent); background: #edf8f4; }
#wu-ink-colors-wrap small { margin-top: 5px; color: var(--wu-muted); display: block; font-size: 11px; font-weight: 550; line-height: 1.35; }
.wu-manual-size { margin-top: 7px; }
.wu-manual-size[hidden] { display: none !important; }
.wu-manual-size > label { margin: 0 0 4px; display: block; font-size: 10px; font-weight: 750; }
.wu-manual-size > div { border: 1px solid #9fb0a7; border-radius: 7px; background: #fff; display: grid; grid-template-columns: 1fr auto; align-items: center; overflow: hidden; }
.wu-manual-size input { min-width: 0; height: 42px; padding: 7px 8px; border: 0 !important; border-radius: 0; font-size: 15px; font-weight: 750; font-variant-numeric: tabular-nums; text-align: right; }
.wu-manual-size span { padding-right: 10px; color: var(--wu-muted); font-size: 12px; font-weight: 700; }
.wu-link-danger { min-height: 44px; padding: 9px; border: 0; background: transparent; color: var(--wu-danger); align-self: end; font-size: 12px; font-weight: 750; cursor: pointer; }
.wu-summary-intro { margin: 3px 0 10px !important; font-size: 12px; line-height: 1.4; }
.wu-checkout-essentials { margin: 9px 0; padding: 9px 10px; border: 1px solid var(--wu-line); border-radius: 9px; background: #f7faf8; display: grid; grid-template-columns: minmax(0,1fr) auto; gap: 10px; }
.wu-checkout-essentials span, .wu-checkout-essentials strong { display: block; }
.wu-checkout-essentials span { color: var(--wu-muted); font-size: 9px; font-weight: 800; letter-spacing: .06em; text-transform: uppercase; }
.wu-checkout-essentials strong { margin-top: 2px; font-size: 12px; line-height: 1.25; }
.wu-checkout-essentials > div:last-child { text-align: right; }
.wu-checkout-preview { min-height: 190px; margin: 10px 0; border: 1px solid var(--wu-line); border-radius: 10px; background: linear-gradient(145deg,#f4f6f5,#fff); position: relative; overflow: hidden; }
.wu-checkout-preview > img { width: 100%; height: 100%; position: absolute; inset: 0; object-fit: contain; }
#wu-checkout-design-layer { position: absolute; inset: 0; overflow: hidden; pointer-events: none; }
.wu-checkout-preview .wu-object { cursor: default; }
.wu-checkout-preview > button { min-height: 38px; padding: 7px 11px; border: 1px solid #9eaaa3; border-radius: 8px; background: rgba(255,255,255,.94); color: var(--wu-ink); position: absolute; right: 8px; bottom: 8px; z-index: 3; font-size: 11px; font-weight: 800; cursor: pointer; }
.wu-workflow-card { margin-top: 10px; padding: 12px; border: 1px solid #b9d4ca; border-radius: 10px; background: #f5fbf8; }
.wu-workflow-heading > span, .wu-workflow-heading > strong { display: block; }
.wu-workflow-heading > span { color: var(--wu-accent-dark); font-size: 9px; font-weight: 850; letter-spacing: .08em; text-transform: uppercase; }
.wu-workflow-heading > strong { margin-top: 2px; font-size: 15px; }
.wu-workflow-card > p { margin-top: 5px !important; font-size: 12px; line-height: 1.45; }
.wu-workflow-card .wu-inline { grid-template-columns: 1fr 1fr; }
.wu-workflow-card label { margin-top: 9px; font-size: 11px; }
.wu-workflow-card input, .wu-workflow-card textarea { background: #fff; }
.wu-workflow-actions { margin-top: 10px; display: grid; grid-template-columns: 1fr 1fr; gap: 7px; }
.wu-workflow-actions .wu-button { width: 100%; margin: 0; min-height: 42px; padding: 8px; font-size: 12px; }
.wu-manual-quote, .wu-proof-review { margin-top: 10px; padding: 10px; border: 1px solid #c9d8d1; border-radius: 9px; background: #fff; }
.wu-manual-quote > strong { display: block; font-size: 14px; line-height: 1.35; }
.wu-manual-quote > p, .wu-proof-review > p { margin-top: 5px !important; font-size: 11px; }
#wu-proof-media img { display: block; width: 100%; max-height: 360px; border-radius: 7px; object-fit: contain; background: #f3f5f4; }
#wu-proof-revision-form { margin-top: 9px; padding-top: 9px; border-top: 1px solid var(--wu-line); }
.wu-checks { margin: 10px 0; padding: 0; display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 5px; list-style: none; }
.wu-checks li { min-width: 0; padding: 8px 6px 8px 25px; border: 1px solid var(--wu-line); border-radius: 8px; position: relative; }
.wu-checks li::before { content: "○"; position: absolute; top: 8px; left: 7px; font-size: 14px; }
.wu-checks li strong, .wu-checks li span { display: block; }
.wu-checks li strong { font-size: 11px; }
.wu-checks li span { margin-top: 1px; overflow: hidden; color: var(--wu-muted); font-size: 9px; line-height: 1.25; text-overflow: ellipsis; white-space: nowrap; }
.wu-checks li.is-current { border-color: #e3b65f; background: #fff8e9; }
.wu-checks li.is-current::before { content: "→"; color: var(--wu-warn); font-weight: 800; }
.wu-checks li.is-done { background: #f0f8f4; }
.wu-checks li.is-done::before { content: "✓"; color: var(--wu-accent); font-weight: 800; }
.wu-next-step { margin-top: 9px; padding: 8px 9px; border: 1px solid #cbd8d1; border-radius: 8px; background: #f7faf8; display: grid; grid-template-columns: auto 1fr; align-items: start; gap: 7px; font-size: 11px; line-height: 1.35; }
.wu-next-step > span { color: var(--wu-accent-dark); font-size: 9px; font-weight: 800; letter-spacing: .07em; text-transform: uppercase; }
.wu-proof-note { margin-top: 7px !important; font-size: 10px !important; line-height: 1.35 !important; }
.wu-reopen { margin-top: 8px; color: var(--wu-accent); display: block; font-size: 11px; font-weight: 750; text-align: center; cursor: pointer; }
.wu-production-card { margin: 10px 0; padding: 10px; border: 1px solid #b9ddcf; border-radius: 9px; background: #edf8f4; }
.wu-production-card > span { color: var(--wu-accent-dark); display: block; font-size: 9px; font-weight: 800; letter-spacing: .06em; text-transform: uppercase; }
.wu-production-card strong { margin: 1px 0 3px; display: block; font-size: 14px; }
.wu-production-card p { font-size: 10px; line-height: 1.35; }
.wu-price { padding: 9px 0; border-top: 1px solid var(--wu-line); border-bottom: 1px solid var(--wu-line); display: flex; justify-content: space-between; gap: 12px; font-size: 12px; }
.wu-review-price { margin-top: 10px; padding: 10px; border: 1px solid #eccf96; border-radius: 9px; background: #fff5df; }
.wu-review-price.is-priced { border-color: #b9ddcf; background: #edf8f4; }
.wu-review-price strong { color: #704300; display: block; font-size: 12px; }
.wu-review-price.is-priced strong { color: var(--wu-accent-dark); }
.wu-review-price p { margin-top: 4px; font-size: 10px; line-height: 1.35; }

#wu-primary-action { min-height: 48px; border: 2px solid var(--wu-accent); background: var(--wu-accent); color: #fff; position: relative; overflow: hidden; opacity: 1 !important; box-shadow: 0 7px 18px rgba(8, 107, 80, .2); text-transform: none; }
#wu-primary-action.is-guidance { background: #fff; color: var(--wu-accent-dark); box-shadow: 0 4px 12px rgba(8, 107, 80, .11); }
#wu-primary-action.is-quote { border-color: #704300; background: #704300; }
#wu-primary-action.is-ready { animation: wu-ready-pulse 2.4s ease-in-out infinite; }
.wu-button-arrow { font-size: 18px; line-height: 1; transition: transform .16s ease; }
#wu-primary-action:hover .wu-button-arrow { transform: translateX(3px); }
.wu-button-spinner { width: 17px; height: 17px; border: 2px solid rgba(255, 255, 255, .42); border-top-color: #fff; border-radius: 50%; display: none; }
#wu-primary-action.is-loading .wu-button-arrow { display: none; }
#wu-primary-action.is-loading .wu-button-spinner { display: inline-block; animation: wu-spin .75s linear infinite; }
.wu-card.is-attention { animation: wu-attention 1.5s ease both; }

.wu-mobile-dock, .wu-mobile-context, .wu-mobile-sheet-scrim, .wu-mobile-preview-close { display: none; }
.wu-mobile-preview-close { display: none !important; }

@keyframes wu-spin { to { transform: rotate(360deg); } }
@keyframes wu-ready-pulse { 0%, 100% { box-shadow: 0 7px 18px rgba(8, 107, 80, .2); } 50% { box-shadow: 0 9px 24px rgba(8, 107, 80, .38); } }
@keyframes wu-attention { 0%, 100% { box-shadow: var(--wu-shadow); } 30%, 70% { box-shadow: 0 0 0 4px rgba(215, 152, 46, .3), 0 10px 24px rgba(16, 42, 31, .12); } }

@media (min-width: 980px) {
	html, body.wu-customizer-page { height: 100%; overflow: hidden !important; }
	.wu-completion-ui .wu-preview { padding-bottom: 72px; overflow-y: auto; overscroll-behavior: contain; }
	body.wu-customizer-page .main-page-wrapper, body.wu-customizer-page .site-content { min-height: 0 !important; margin: 0 !important; padding: 0 !important; }
	body.wu-customizer-page #main-content { padding-top: 0 !important; padding-bottom: 0 !important; }
	body.wu-customizer-page .container { width: 100% !important; max-width: none !important; padding-right: 0 !important; padding-left: 0 !important; }
	.wu-customizer { width: 100vw; height: 100dvh; min-height: 0; margin-left: calc(50% - 50vw); overflow: hidden; }
	.wu-layout { max-width: none; height: calc(100dvh - 114px); overflow: hidden; }
	.wu-setup, .wu-summary { min-height: 0; overflow-y: auto; overscroll-behavior: contain; scrollbar-gutter: stable; }
	.wu-preview { height: 100%; min-height: 0; }
	.wu-stage-window { width: min(100%, calc((100dvh - 245px) * .8)); flex: none; }
	.wu-customizer[data-active-step="placement"] .wu-layout { grid-template-columns: minmax(280px, 340px) minmax(430px, 1fr); }
	.wu-customizer[data-active-step="checkout"] .wu-layout { grid-template-columns: minmax(430px, 1fr) minmax(300px, 340px); }
	.wu-customizer[data-active-step="checkout"] .wu-setup { display: none; }
	.wu-summary .wu-sticky { position: static; }
	.wu-checkout-preview { display: none; }
	.wu-summary[hidden] { width: 320px; display: block !important; position: fixed; right: 18px; bottom: 16px; z-index: 60; pointer-events: none; }
	.wu-summary[hidden] .wu-card { padding: 0; border: 0; background: transparent; box-shadow: none; }
	.wu-summary[hidden] .wu-card > * { display: none !important; }
	.wu-summary[hidden] #wu-primary-action { margin: 0; display: flex !important; pointer-events: auto; }
}

@media (max-width: 979px) {
	html, body.wu-customizer-page { overflow-x: hidden !important; }
	body.wu-customizer-page .main-page-wrapper, body.wu-customizer-page .site-content, body.wu-customizer-page #main-content { margin: 0 !important; padding: 0 !important; }
	body.wu-customizer-page .container { width: 100% !important; max-width: none !important; padding: 0 !important; }
	.wu-customizer { width: 100%; min-height: 100dvh; padding-bottom: 76px; }
	.wu-header { min-height: 58px; padding: 8px 12px; grid-template-columns: auto minmax(0, 1fr) auto; position: sticky; top: 0; }
	.wu-header-title { text-align: left; }
	.wu-header h1 { font-size: 14px; }
	.wu-back { font-size: 12px; }
	.wu-header-actions .wu-button { min-height: 38px; padding: 7px 10px; font-size: 12px; }
	.wu-step-nav { height: 50px; padding: 5px 8px; position: sticky; top: 58px; }
	.wu-step-nav button { min-height: 40px; padding: 4px 6px; gap: 5px; }
	.wu-step-nav button strong { font-size: 11px; }
	.wu-step-nav button span { width: 21px; height: 21px; font-size: 10px; }
	.wu-layout { padding: 8px; display: flex; flex-direction: column; gap: 8px; }
	.wu-setup, .wu-preview, .wu-summary { width: 100%; }
	.wu-preview { min-height: 0; padding: 9px; order: 2; }
	.wu-setup { order: 1; }
	.wu-summary { order: 3; }
	.wu-customizer[data-active-step="checkout"] .wu-preview { display: none; }
	.wu-customizer[data-active-step="checkout"] .wu-summary { order: 1; }
	.wu-card { padding: 14px; }
	.wu-card h2 { font-size: 17px; }
	.wu-step-heading { margin-bottom: 11px; }
	.wu-step-heading p { font-size: 12px; }
	.wu-summary[hidden] { width: auto; display: block !important; position: fixed; right: 10px; bottom: 10px; left: 10px; z-index: 60; pointer-events: none; }
	.wu-summary[hidden] .wu-card { padding: 0; border: 0; background: transparent; box-shadow: none; }
	.wu-summary[hidden] .wu-card > * { display: none !important; }
	.wu-summary[hidden] #wu-primary-action { margin: 0; display: flex !important; pointer-events: auto; }
	#wu-primary-action { min-height: 52px; font-size: 14px; }
	.wu-stage-window { width: min(100%, 520px); }
}

@media (max-width: 640px) {
	.wu-header { grid-template-columns: auto minmax(0, 1fr) auto; }
	.wu-header h1 { width: 1px; height: 1px; margin: -1px; padding: 0; border: 0; position: absolute; overflow: hidden; clip: rect(0 0 0 0); white-space: nowrap; }
	.wu-header { min-height: 50px; }
	.wu-eyebrow { margin: 0; font-size: 10px; white-space: nowrap; }
	.wu-step-nav { top: 50px; }
	.wu-layout { padding: 6px; }
	.wu-card { padding: 12px; border-radius: 10px; }
	.wu-step-heading > span { width: 25px; height: 25px; font-size: 12px; }
	.wu-card h2 { font-size: 16px; }
	.wu-step-nav button { flex-direction: column; gap: 1px; }
	.wu-step-nav button strong { font-size: 9px; }
	.wu-step-nav button span { width: 18px; height: 18px; font-size: 9px; }
	.wu-choice { min-width: 128px; }
	.wu-matrix-heading { align-items: start; flex-direction: row; gap: 8px; }
	.wu-matrix-heading > div > span { text-align: left; }
	.wu-tier-toggle { padding-inline: 8px; }
	.wu-matrix-header { display: none; }
	.wu-matrix-row { min-height: 58px; grid-template-columns: minmax(92px, 1fr) minmax(132px, auto); }
	.wu-matrix-table.is-tier-expanded .wu-matrix-row { grid-template-columns: minmax(92px, 1fr) minmax(132px, auto); }
	.wu-matrix-row > span { padding: 7px 8px; }
	.wu-matrix-row .wu-tier { display: none; }
	.wu-matrix-row .wu-tier.is-active { padding: 2px 8px 7px; background: transparent; display: block; grid-column: 1 / -1; font-size: 11px; text-align: left; }
	.wu-matrix-row .wu-tier.is-active::before { content: "Garment per item · "; color: var(--wu-muted); font-weight: 500; }
	.wu-tier-list { padding: 0 !important; display: grid !important; }
	.wu-tier-list > span { min-height: 40px; padding: 5px 6px; flex-direction: column; align-items: flex-start; justify-content: center; gap: 1px; }
	.wu-order-totals { align-items: flex-start; flex-direction: column; gap: 1px; }
	.wu-order-totals span { text-align: left; }
	.wu-view-tabs { flex-wrap: nowrap; overflow-x: auto; justify-content: flex-start; }
	.wu-view-tabs button { min-width: max-content; }
	.wu-stage-window { width: min(100%, 430px); }
	.wu-object-tools { grid-template-columns: 1fr 1fr; }
	.wu-edit-starter { grid-column: 1 / -1; }
	.wu-link-danger { grid-column: 1 / -1; }
	.wu-checks li span { display: none; }
	.wu-checks li { padding-left: 24px; }
}

@media (max-width: 760px) {
	:root { --wu-mobile-dock-height: calc(70px + env(safe-area-inset-bottom, 0px)); }
	body.wu-customizer-page { overscroll-behavior-y: none; }
	.wu-customizer { padding-bottom: calc(var(--wu-mobile-dock-height) + 8px); }
	.wu-header-actions { display: none; }
	.wu-header { grid-template-columns: auto minmax(0, 1fr); gap: 10px; }
	.wu-header-title { align-self: center; }
	.wu-desktop-product-picker { display: none; }
	.wu-step-nav { z-index: 61; }
	.wu-layout { min-height: calc(100dvh - 100px - var(--wu-mobile-dock-height)); }

	.wu-customizer[data-active-step="product"] .wu-preview,
	.wu-customizer[data-active-step="checkout"] .wu-setup { display: none; }
	.wu-customizer[data-active-step="placement"] .wu-preview { order: 1; }
	.wu-customizer[data-active-step="placement"] .wu-setup { order: 2; }
	.wu-customizer[data-active-step="checkout"] .wu-preview { display: none; }
	.wu-customizer[data-active-step="checkout"] .wu-summary { order: 1; }
	.wu-customizer[data-active-step="checkout"] .wu-preview .wu-view-strip,
	.wu-customizer[data-active-step="checkout"] .wu-preview .wu-object-tools { display: none !important; }
	.wu-customizer[data-active-step="checkout"] .wu-preview .wu-stage-window { width: min(100%, 360px); min-height: 280px; flex: 1; }
	.wu-customizer[data-active-step="checkout"] .wu-summary .wu-checks,
	.wu-customizer[data-active-step="checkout"] .wu-summary .wu-next-step,
	.wu-customizer[data-active-step="checkout"] .wu-summary .wu-production-card p { display: none; }
	.wu-customizer[data-active-step="checkout"] .wu-summary .wu-card { padding: 12px; }
	.wu-customizer[data-active-step="checkout"] .wu-summary h2 { font-size: 17px; }
	.wu-customizer[data-active-step="checkout"] .wu-summary-intro { margin-bottom: 7px !important; }
	.wu-checkout-preview { min-height: min(42dvh, 310px); }
	.wu-workflow-card .wu-inline { grid-template-columns: 1fr; gap: 0; }
	.wu-customizer[data-active-step="checkout"] .wu-production-card { padding: 8px 10px; }
	.wu-customizer[data-active-step="checkout"] .wu-price,
	.wu-customizer[data-active-step="checkout"] .wu-review-price { margin-top: 7px; padding: 8px 10px; }
	.wu-product-loader { grid-template-columns: 68px minmax(0, 1fr); }
	.wu-product-loader-image { width: 68px; height: 66px; }
	.wu-choice-grid--colour { margin-right: -12px; padding-right: 12px; }
	.wu-size-matrix { margin-top: 7px; }
	.wu-matrix-heading { margin-bottom: 5px; }
	.wu-matrix-row { min-height: 52px; }
	.wu-order-totals { margin-top: 7px; padding: 7px 9px; }
	#wu-step-product .wu-step-heading { margin-bottom: 8px; }
	#wu-step-product .wu-step-heading p { display: none; }
	#wu-step-product .wu-status { margin-top: 5px; font-size: 11px; }

	.wu-summary[hidden] { display: none !important; }
	.wu-summary #wu-primary-action { display: none !important; }
	.wu-mobile-dock {
		height: var(--wu-mobile-dock-height);
		padding: 7px 8px calc(7px + env(safe-area-inset-bottom, 0px));
		border-top: 1px solid #c9d5ce;
		background: rgba(255,255,255,.97);
		display: grid;
		grid-template-columns: 3fr 3fr 4fr;
		align-items: stretch;
		gap: 5px;
		position: fixed;
		right: 0;
		bottom: 0;
		left: 0;
		z-index: 100;
		box-shadow: 0 -7px 22px rgba(16,42,31,.12);
		backdrop-filter: blur(12px);
	}
	.wu-mobile-dock button { min-width: 0; min-height: 50px; border-radius: 9px; cursor: pointer; text-transform: none; }
	.wu-mobile-dock-tool { padding: 4px 2px; border: 1px solid transparent; background: transparent; color: #31433a; display: flex; flex-direction: column; align-items: center; justify-content: center; gap: 1px; }
	.wu-mobile-dock-tool > span { width: 18px; height: 18px; line-height: 1; }
	.wu-mobile-dock-tool svg { display: block; width: 100%; height: 100%; fill: none; stroke: currentColor; stroke-width: 1.8; stroke-linecap: round; stroke-linejoin: round; }
	.wu-mobile-dock-tool > strong { font-size: 9px; font-weight: 750; line-height: 1.1; }
	.wu-mobile-dock-tool[aria-expanded="true"] { border-color: #a9d2c3; background: #eef8f4; color: var(--wu-accent-dark); }
	.wu-customizer .wu-mobile-dock .wu-mobile-dock-primary { padding: 8px 12px; border: 1px solid var(--wu-accent) !important; background: var(--wu-accent) !important; color: #fff !important; display: flex; align-items: center; justify-content: center; gap: 8px; font-size: 13px; font-weight: 800; box-shadow: 0 4px 12px rgba(8,107,80,.18); }
	.wu-customizer .wu-mobile-dock .wu-mobile-dock-primary.is-quote { border-color: #704300 !important; background: #704300 !important; }
	.wu-mobile-dock-primary:disabled { opacity: .68; cursor: wait; }

	.wu-mobile-sheet-scrim { background: rgba(10,24,18,.42); display: block; position: fixed; inset: 0; z-index: 90; backdrop-filter: blur(2px); }
	.wu-mobile-context { max-height: min(510px, calc(100dvh - var(--wu-mobile-dock-height) - 18px)); padding: 14px 14px 18px; border: 1px solid #cbd7d0; border-radius: 18px 18px 0 0; background: #fff; display: block; position: fixed; right: 0; bottom: var(--wu-mobile-dock-height); left: 0; z-index: 95; overflow-x: hidden; overflow-y: auto; box-shadow: 0 -16px 42px rgba(9,28,19,.24); }
	.wu-mobile-context header { margin-bottom: 12px; display: flex; align-items: center; justify-content: space-between; gap: 12px; }
	.wu-mobile-context header span, .wu-mobile-context header strong { display: block; }
	.wu-mobile-context header span { color: var(--wu-accent-dark); font-size: 9px; font-weight: 800; letter-spacing: .08em; text-transform: uppercase; }
	.wu-mobile-context header strong { font-size: 16px; }
	.wu-mobile-context header button, .wu-mobile-preview-close { width: 44px; min-width: 44px; height: 44px; padding: 0; border: 1px solid var(--wu-line); border-radius: 50%; background: #fff; color: var(--wu-ink); font-size: 24px; line-height: 1; cursor: pointer; }
	.wu-mobile-menu-grid { display: grid; grid-template-columns: repeat(3,minmax(0,1fr)); gap: 8px; }
	.wu-mobile-menu-grid button, .wu-mobile-design-actions button { min-height: 67px; padding: 9px 10px; border: 1px solid #c5d1ca; border-radius: 10px; background: #fff; color: var(--wu-ink); display: grid; grid-template-columns: auto 1fr; align-content: center; column-gap: 8px; text-align: left; cursor: pointer; text-transform: none; }
	.wu-mobile-menu-grid button { padding: 8px 5px; grid-template-columns: 1fr; justify-items: center; text-align: center; }
	.wu-mobile-menu-grid button > span { width: 24px; height: 24px; border: 1px solid #aebbb4; border-radius: 50%; display: grid; place-items: center; grid-row: 1 / 3; font-size: 10px; font-weight: 800; }
	.wu-mobile-menu-grid button > span { grid-row: auto; }
	.wu-mobile-menu-grid button strong, .wu-mobile-menu-grid button small, .wu-mobile-design-actions button strong, .wu-mobile-design-actions button span { min-width: 0; display: block; }
	.wu-mobile-menu-grid button strong, .wu-mobile-design-actions button strong { font-size: 13px; }
	.wu-mobile-menu-grid button small, .wu-mobile-design-actions button span { color: var(--wu-muted); font-size: 10px; }
	.wu-mobile-menu-grid button.is-active { border-color: var(--wu-accent); background: #edf8f4; color: var(--wu-accent-dark); }
	.wu-mobile-design-actions { margin-top: 10px; display: grid; grid-template-columns: repeat(2,minmax(0,1fr)); gap: 8px; }
	.wu-mobile-design-actions button { grid-template-columns: 1fr; min-height: 56px; }
	.wu-mobile-save-action { width: 100%; min-height: 64px; margin-top: 10px; padding: 10px 14px; border: 1px solid var(--wu-accent); border-radius: 10px; background: #edf8f4; color: var(--wu-accent-dark); display: grid; grid-template-columns: 24px minmax(0,1fr) auto; align-items: center; gap: 10px; text-align: left; cursor: pointer; text-transform: none; }
	.wu-mobile-save-action > span:first-child { width: 22px; height: 22px; }
	.wu-mobile-save-action svg { display: block; width: 100%; height: 100%; fill: none; stroke: currentColor; stroke-width: 1.8; stroke-linejoin: round; }
	.wu-mobile-save-action strong, .wu-mobile-save-action small { display: block; }
	.wu-mobile-save-action strong { font-size: 14px; }
	.wu-mobile-save-action small { margin-top: 2px; color: #49635a; font-size: 10px; line-height: 1.25; }
	.wu-mobile-product-search { margin-top: 10px; }
	.wu-mobile-product-search > label { margin: 0 0 5px; display: block; font-size: 12px; font-weight: 800; }
	.wu-mobile-product-search > input { width: 100%; height: 44px; }
	#wu-product-results { margin-top: 6px; display: grid; gap: 5px; }
	.wu-product-result { min-height: 54px; padding: 6px 8px; border: 1px solid #cbd7d0; border-radius: 9px; background: #fff; color: var(--wu-ink); display: grid; grid-template-columns: 42px minmax(0,1fr) auto; align-items: center; gap: 8px; text-decoration: none; }
	.wu-product-result.is-current { border-color: var(--wu-accent); background: #edf8f4; }
	.wu-product-result img { width: 42px; height: 42px; object-fit: contain; }
	.wu-product-result strong, .wu-product-result small { display: block; }
	.wu-product-result strong { font-size: 11px; line-height: 1.2; }
	.wu-product-result small { margin-top: 2px; color: var(--wu-muted); font-size: 9px; }
	.wu-product-search-empty { margin: 0; padding: 9px; color: var(--wu-muted); font-size: 11px; }

	.wu-mobile-preview-close { display: none !important; }
	.wu-customizer.is-mobile-preview-open .wu-preview { padding: 9px; border: 0; border-radius: 0; display: flex !important; position: fixed; inset: 0 0 var(--wu-mobile-dock-height); z-index: 85; }
	.wu-customizer.is-mobile-preview-open .wu-mobile-preview-close { display: grid !important; place-items: center; position: absolute; top: 8px; right: 8px; z-index: 9; }
	.wu-customizer.is-mobile-preview-open .wu-view-tabs { margin-right: 52px; padding-right: 0; }
	.wu-customizer.is-mobile-preview-open .wu-stage-window { width: 100%; min-height: 0; aspect-ratio: auto; flex: 1; }
	.wu-customizer.is-mobile-preview-open .wu-object-tools { padding: 7px 8px; border: 1px solid var(--wu-line); border-radius: 9px; background: rgba(255,255,255,.96); position: absolute; right: 14px; bottom: 14px; left: 14px; z-index: 7; }

	.wu-customizer.is-mobile-text-open .wu-setup { padding: 0 8px; display: block !important; position: fixed; right: 0; bottom: var(--wu-mobile-dock-height); left: 0; z-index: 96; }
	.wu-customizer.is-mobile-text-open #wu-step-product { padding: 0; }
	.wu-customizer.is-mobile-text-open #wu-step-product > :not(#wu-step-design) { display: none; }
	.wu-customizer.is-mobile-text-open #wu-step-design { padding: 14px; border-radius: 16px 16px 0 0; box-shadow: 0 -16px 42px rgba(9,28,19,.24); }
	.wu-customizer.is-mobile-text-open #wu-step-design > * { display: none; }
	.wu-customizer.is-mobile-text-open #wu-step-design > #wu-text-panel { display: block; }
	.wu-customizer.is-mobile-text-open #wu-text-panel label { margin-top: 4px; }

	#wu-empty-cue { width: min(174px, 47%); }
	#wu-empty-cue strong { font-size: 16px; }
}

@media (hover: none) and (pointer: coarse) {
	.wu-touch-gesture-cue { width: 44px; height: 44px; border: 1px solid rgba(22,83,65,.14); border-radius: 50%; background: rgba(232,243,238,.72); color: rgba(22,83,65,.48); display: grid; place-items: center; position: absolute; right: 10px; bottom: 10px; z-index: 5; pointer-events: none; transition: opacity .18s ease, visibility .18s ease; }
	.wu-touch-gesture-cue svg { width: 27px; height: 27px; fill: currentColor; stroke: currentColor; stroke-width: 1.8; stroke-linecap: round; stroke-linejoin: round; }
	.wu-touch-gesture-cue.is-dismissed { opacity: 0; visibility: hidden; }
}

@media (prefers-reduced-motion: reduce) {
	.wu-customizer *, .wu-customizer *::before, .wu-customizer *::after { scroll-behavior: auto !important; transition: none !important; }
	#wu-primary-action, .wu-card.is-attention, .wu-button-spinner { animation: none !important; }
}
/* Fabric editor pilot 5.3.0 */
@font-face{font-family:Manrope;src:url("fonts/Manrope.ttf") format("truetype");font-weight:200 800;font-display:swap}
@font-face{font-family:Oswald;src:url("fonts/Oswald.ttf") format("truetype");font-weight:200 700;font-display:swap}
@font-face{font-family:Lora;src:url("fonts/Lora.ttf") format("truetype");font-weight:400 700;font-display:swap}
@font-face{font-family:"Barlow Condensed";src:url("fonts/BarlowCondensed-Regular.ttf") format("truetype");font-weight:400;font-display:swap}
.wu-fabric-ui #wu-design-layer.is-fabric-zone-active{opacity:0;pointer-events:none}
.wu-fabric-ui #wu-fabric-zone{position:absolute;z-index:6;overflow:hidden;touch-action:none}
.wu-fabric-ui #wu-fabric-zone .canvas-container,.wu-fabric-ui #wu-fabric-zone canvas{width:100%!important;height:100%!important}
.wu-fabric-ui[data-editor-mode="preview"] #wu-fabric-zone{pointer-events:none}
.wu-layer-tools{border-top:1px solid #d9e2dd;background:#fff;padding:12px 16px;display:grid;gap:10px}
.wu-layer-toolbar{display:flex;gap:6px;overflow-x:auto;padding-bottom:2px;scrollbar-width:thin}
.wu-layer-toolbar button{min-height:44px;min-width:44px;border:1px solid #bdccc5;background:#fff;color:#123126;border-radius:8px;padding:8px 12px;font:700 14px/1 Manrope,Arial,sans-serif;white-space:nowrap}
.wu-layer-toolbar button:focus-visible,.wu-layer-list button:focus-visible{outline:3px solid #e72b82;outline-offset:2px}
.wu-layer-list{display:flex;gap:8px;list-style:none;margin:0;padding:0;overflow-x:auto}
.wu-layer-list li{margin:0}
.wu-layer-list button{min-height:44px;border:1px solid #cbd7d1;border-radius:8px;background:#f7faf8;padding:8px 12px;color:#18332a}
.wu-layer-list button[aria-current="true"]{border-color:#0b7153;box-shadow:inset 0 0 0 1px #0b7153;background:#edf8f4}
.wu-curve-control label{display:flex;align-items:center;gap:8px;font-weight:700}
.wu-crop-panel{border:1px solid #d9e2dd;border-radius:8px;padding:10px}.wu-crop-panel summary{cursor:pointer;font-weight:800;min-height:44px;display:flex;align-items:center}.wu-crop-grid{display:grid;grid-template-columns:repeat(4,minmax(72px,1fr));gap:8px;margin:8px 0}.wu-crop-grid label{font-size:12px;font-weight:700}.wu-crop-grid input{min-height:44px;width:100%;margin-top:4px}
.wu-fabric-ui{font-family:Manrope,Arial,sans-serif}
.wu-fabric-ui .wu-stage.is-mirrored-reference #wu-garment{transform:scaleX(-1)}
@media(max-width:767px){.wu-layer-tools{padding:8px 10px}.wu-layer-toolbar{scroll-snap-type:x proximity}.wu-layer-toolbar button{scroll-snap-align:start}.wu-fabric-ui #wu-fabric-zone{z-index:8}.wu-crop-grid{grid-template-columns:repeat(2,minmax(90px,1fr))}}
@media(prefers-reduced-motion:reduce){.wu-layer-tools *{scroll-behavior:auto!important;transition:none!important;animation:none!important}}