.dtf-wizard {
    --config-text: #11132f;
    --config-muted: #62697d;
    --config-panel: #fff;
    --config-panel-soft: #f8f9fb;
    --config-border: #e5e7ef;
    --config-magenta: #c50069;
    --dtf-action: #e20079;
    --dtf-action-text: #fff;
    --dtf-action-hover: #c50069;
    --dtf-selection: #ffd3ea;
    --dtf-selected: #fff2f8;
    padding: 24px 32px 48px;
    font-family: "MADE Tommy", sans-serif;
    font-size: 14px;
    line-height: 1.5;
    scrollbar-color: #c9cbd7 var(--config-panel-soft);
    scrollbar-width: thin;
}
.dark .dtf-wizard { --config-text: #fffaf2; --config-muted: #cbc4d1; --config-panel: #151218; --config-panel-soft: #211d27; --config-border: #48414e; --config-magenta: #ff83be; --dtf-selected: #321a2b; }
.dtf-wizard--uv { --config-magenta: #756300; --dtf-action: var(--color-brand-yellow, #f9eb1c); --dtf-action-text: #11132f; --dtf-action-hover: #e2d414; --dtf-selected: #fffce2; --dtf-selection: #fff2a0; }
.dark .dtf-wizard--uv { --config-magenta: #f9eb1c; --dtf-selected: #302d16; }
.dtf-wizard *, .dtf-wizard *::before, .dtf-wizard *::after { box-sizing: border-box; }
.dtf-wizard [hidden] { display: none !important; }
.dtf-wizard ::selection { color: #11132f; background: var(--dtf-selection); }
.dtf-wizard :is(button, a, input, textarea):focus-visible { outline: 3px solid #0875ac; outline-offset: 3px; }
.dtf-wizard :is(h2, h3, p, ol, dl, dd) { margin: 0; }
.dtf-wizard :is(h2, h3, strong, button, input, textarea) { font-family: inherit; }
.dtf-wizard :is(h2, h3) { color: var(--config-text); letter-spacing: -.02em; line-height: 1.3; text-transform: none; }
.dtf-wizard button { cursor: pointer; }
.dtf-wizard button:disabled { cursor: not-allowed; }
.dtf-wizard input, .dtf-wizard textarea { accent-color: var(--dtf-action); caret-color: var(--dtf-action); }
.dtf-wizard .gang-sheet-configurator__shell { max-width: 1408px; }
.dtf-wizard .gang-sheet-configurator__back { display: none; }
.dtf-wizard .gang-sheet-configurator__layout { grid-template-columns: minmax(256px, 352px) minmax(0, 1fr); gap: 24px; }
.dtf-wizard .gang-sheet-configurator__media { position: sticky; top: 128px; padding: 0; border: 0; border-radius: 12px; background: transparent; box-shadow: none; }
.dtf-wizard .gang-sheet-configurator__visual { border-radius: 12px; }
.dtf-wizard .gang-sheet-configurator__visual::after, .dtf-wizard .gang-sheet-configurator__visual-label { display: none; }
.dtf-wizard .gang-sheet-configurator__preview-summary { grid-template-columns: repeat(2, minmax(0, 1fr)); margin-top: 16px; padding: 16px; border: 1px solid var(--config-border); border-radius: 12px; background: var(--config-panel); }
.dtf-wizard .gang-sheet-configurator__preview-summary > div { padding: 8px; border: 0; }
.dtf-wizard .gang-sheet-configurator__panel { display: flex; flex-direction: column; min-height: 496px; padding: 24px; border: 1px solid var(--config-border); border-radius: 12px; background: var(--config-panel); box-shadow: none; }
.dtf-wizard__steps { margin-bottom: 24px; }
.dtf-wizard__steps ol { display: grid; grid-template-columns: repeat(5, minmax(0, 1fr)); padding: 0; list-style: none; }
.dtf-wizard__steps li { position: relative; min-width: 0; }
.dtf-wizard__steps li::before { position: absolute; inset: 16px 0 auto; height: 1px; background: var(--config-border); content: ''; }
.dtf-wizard__steps li:first-child::before { left: 50%; }
.dtf-wizard__steps li:last-child::before { right: 50%; }
.dtf-wizard__steps button { position: relative; display: flex; flex-direction: column; align-items: center; gap: 8px; width: 100%; padding: 0 0 8px; border: 0; border-radius: 8px; background: transparent; color: var(--config-muted); font-size: 12px; line-height: 1.3; }
.dtf-wizard__step-number { display: grid; place-items: center; width: 32px; height: 32px; border: 1px solid var(--config-border); border-radius: 50%; background: var(--config-panel); font-size: 14px; font-weight: 700; }
.dtf-wizard__steps .is-active button, .dtf-wizard__steps button:hover:not(:disabled) { color: var(--config-magenta); }
.dtf-wizard__steps :is(.is-active, .is-complete) .dtf-wizard__step-number { border-color: var(--dtf-action); background: var(--dtf-action); color: var(--dtf-action-text); }
.dtf-wizard__heading { margin-bottom: 24px; }
.dtf-wizard__heading h2 { font-size: clamp(19px, 1.5vw, 24px); font-weight: 800; scroll-margin-top: 144px; }
.dtf-wizard__heading p { margin-top: 8px; color: var(--config-muted); }
.dtf-wizard__body { display: flex; flex-direction: column; gap: 16px; }
.dtf-wizard .gang-sheet-configurator__step { margin: 0; padding: 0; border: 0; min-width: 0; }
.dtf-wizard .gang-sheet-configurator__step > legend { position: absolute; width: 1px; height: 1px; padding: 0; overflow: hidden; clip-path: inset(50%); white-space: nowrap; }
.dtf-wizard .gang-sheet-configurator__step-copy { display: none; }
.dtf-wizard .gang-sheet-configurator__journeys { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 16px; }
.dtf-wizard .gang-sheet-configurator__journey { display: flex; flex-direction: column; align-items: center; justify-content: center; min-height: 176px; padding: 24px 16px; border: 1px solid var(--config-border); border-radius: 12px; background: var(--config-panel-soft); color: var(--config-text); text-align: center; box-shadow: none; }
.dtf-wizard .gang-sheet-configurator__journey .tw-icon { width: 40px; height: 40px; margin-bottom: 16px; }
.dtf-wizard .gang-sheet-configurator__journey strong { font-size: 16px; text-transform: none; }
.dtf-wizard .gang-sheet-configurator__journey small { max-width: 28ch; color: var(--config-muted); }
.dtf-wizard .gang-sheet-configurator__journey[aria-pressed="true"] { border-color: var(--dtf-action); background: var(--dtf-selected); color: var(--config-text); }
.dtf-wizard .gang-sheet-configurator__journey[aria-pressed="true"] .tw-icon { color: var(--config-magenta); }
.dtf-wizard .gang-sheet-configurator__journey-check, .dtf-wizard .gang-sheet-configurator__check { border: 0; background: var(--dtf-action); color: var(--dtf-action-text); }
.dtf-wizard :is(.gang-sheet-configurator__format, .gang-sheet-configurator__delay):has(input:checked) .gang-sheet-configurator__check { background: var(--dtf-action); color: var(--dtf-action-text); }
.dtf-wizard__guide { order: 1; }
.dtf-wizard .gang-sheet-configurator__standalone-guide { margin: 0; padding: 0; border: 0; }
.dtf-wizard .gang-sheet-configurator__error { order: -1; margin: 0; }
.dtf-wizard .gang-sheet-configurator__formats { display: grid; grid-template-columns: repeat(6, minmax(0, 1fr)); gap: 16px; }
.dtf-wizard .gang-sheet-configurator__format { grid-column: span 2; min-height: 128px; padding: 16px; border-radius: 12px; box-shadow: none; }
.dtf-wizard .gang-sheet-configurator__format:nth-last-child(-n+2) { grid-column: span 3; }
.dtf-wizard .gang-sheet-configurator__format strong { font-size: 16px; }
.dtf-wizard :is(.gang-sheet-configurator__format, .gang-sheet-configurator__delay):has(input:checked), .dtf-wizard .gang-sheet-configurator__design-options label:has(input:checked) { border-color: var(--dtf-action); background: var(--dtf-selected); box-shadow: none; }
.dtf-wizard__hint, .dtf-wizard .gang-sheet-configurator__delay-note { margin-top: 16px; padding: 16px; border-radius: 12px; background: #eef8ff; color: #225475; font-size: 13px; line-height: 1.5; }
.dtf-wizard .gang-sheet-configurator__delays { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 16px; }
.dtf-wizard .gang-sheet-configurator__delay { min-height: 0; padding: 16px; border-radius: 12px; box-shadow: none; }
.dtf-wizard .gang-sheet-configurator__delay-header { gap: 8px; }
.dtf-wizard .gang-sheet-configurator__delay-estimates { margin-top: 16px; padding-top: 16px; }
.dtf-wizard .gang-sheet-configurator__design-options { grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 16px; }
.dtf-wizard .gang-sheet-configurator__design-options label { min-height: 152px; padding: 16px 32px 16px 16px; border-radius: 12px; }
.dtf-wizard .gang-sheet-configurator__design-options strong { font-size: 14px; }
.dtf-wizard .gang-sheet-configurator__design-options label .gang-sheet-configurator__check { opacity: 1; border: 1px solid #a0a5b5; border-radius: 4px; background: var(--config-panel); color: transparent; }
.dtf-wizard .gang-sheet-configurator__design-options label:has(input:checked) .gang-sheet-configurator__check { border-color: var(--dtf-action); background: var(--dtf-action); color: var(--dtf-action-text); }
.dtf-wizard__body--summary { display: grid; grid-template-columns: minmax(0, 1fr) minmax(256px, .85fr); gap: 16px 24px; }
.dtf-wizard__body--summary > * { grid-column: 1; min-width: 0; }
.dtf-wizard__body--summary > .gang-sheet-configurator__step--purchase { grid-row: 1; }
.dtf-wizard__body--summary > .dtf-wizard__summary { grid-column: 2; grid-row: 1 / span 6; align-self: start; }
.dtf-wizard .gang-sheet-configurator__step-title { margin-bottom: 16px; }
.dtf-wizard .gang-sheet-configurator__step-title > span { display: none; }
.dtf-wizard .gang-sheet-configurator__purchase { gap: 16px; margin: 0; }
.dtf-wizard .gang-sheet-configurator__quantity { min-width: 128px; }
.dtf-wizard .gang-sheet-configurator__quantity button { min-width: 40px; min-height: 48px; }
.dtf-wizard .gang-sheet-configurator__quantity input { font-family: inherit; }
.dtf-wizard .gang-sheet-configurator__prices { flex: 1; gap: 8px; }
.dtf-wizard .gang-sheet-configurator__prices > div { padding: 8px; border-radius: 8px; }
.dtf-wizard .gang-sheet-configurator__prices { order: 0; grid-template-columns: repeat(2, minmax(0, 1fr)); }
.dtf-wizard .gang-sheet-configurator__quantity { background: var(--config-panel-soft); }
.dtf-wizard .product-quantity-pricing { padding: 0; margin: 0; border: 0; }
.dtf-wizard .product-quantity-tiers { grid-template-columns: repeat(auto-fit, minmax(64px, 1fr)); }
.dtf-wizard .product-quantity-tier { min-width: 0; padding-inline: 4px; }
.dtf-wizard .product-quantity-tier.is-active { border-color: var(--dtf-action); background: var(--dtf-selected); color: var(--config-magenta); }
.dtf-wizard .product-quantity-tier.is-active strong, .dark .dtf-wizard .product-quantity-tier.is-active strong { color: var(--config-magenta); }
.dtf-wizard .gang-sheet-configurator__prices dd { font-family: inherit; font-size: 18px; }
.dtf-wizard .gang-sheet-configurator__consent { margin: 0; padding: 16px; border: 1px solid var(--config-border); border-radius: 12px; background: var(--config-panel-soft); }
.dtf-wizard .gang-sheet-configurator__consent input { flex-shrink: 0; width: 18px; height: 18px; }
.dtf-wizard .gang-sheet-configurator__quick-order { margin: 0; border: 1px solid #eadca0; border-radius: 12px; background: #fffbdf; color: #514512; }
.dtf-wizard__summary { padding: 16px; border: 1px solid var(--config-border); border-radius: 12px; }
.dtf-wizard__summary h3 { font-size: 16px; font-weight: 800; }
.dtf-wizard__summary header button { border: 0; background: transparent; color: var(--config-cyan); font-size: 12px; padding: 8px 0 8px 8px; }
.dtf-wizard__summary dl { display: grid; gap: 16px; margin: 16px 0; font-size: 13px; }
.dtf-wizard__summary dl > div { display: grid; grid-template-columns: minmax(0, .8fr) minmax(0, 1.2fr); gap: 16px; }
.dtf-wizard__summary dd { overflow-wrap: anywhere; }
.dtf-wizard__summary dd :is(small, span) { display: block; }
.dtf-wizard__summary dd small { color: var(--config-muted); font-size: 12px; }
.dtf-wizard__note { display: grid; gap: 8px; margin-top: 16px; font-size: 13px; }
.dtf-wizard__note small { color: var(--config-muted); }
.dtf-wizard__note textarea { width: 100%; min-height: 88px; padding: 16px; border: 1px solid var(--config-border); border-radius: 12px; background: var(--config-panel); color: var(--config-text); resize: vertical; }
.dtf-wizard__note textarea::placeholder { color: var(--config-muted); }
.dtf-wizard__note-summary { white-space: pre-wrap; }
.dtf-wizard__total { padding: 16px; margin: 0 -8px; border-radius: 8px; background: #fff8cb; color: #11132f; align-items: center; font-weight: 700; }
.dtf-wizard__total dd { text-align: right; font-size: 22px; font-variant-numeric: tabular-nums; }
.dtf-wizard .gang-sheet-configurator__cta, .dtf-wizard__next { display: inline-flex; align-items: center; justify-content: center; gap: 16px; min-height: 48px; padding: 8px 24px; border: 1px solid var(--dtf-action); border-radius: 12px; background: var(--dtf-action); color: var(--dtf-action-text); font-size: 14px; font-weight: 700; letter-spacing: 0; transition: background-color 160ms ease-out; }
.dtf-wizard .gang-sheet-configurator__cta:hover, .dtf-wizard__next:hover { background: var(--dtf-action-hover); border-color: var(--dtf-action-hover); color: var(--dtf-action-text); transform: none; }
.dtf-wizard .gang-sheet-configurator__cta:disabled { opacity: 1; background: #e5e7ef; border-color: #e5e7ef; color: #62697d; }
.dtf-wizard__navigation { display: flex; align-items: center; justify-content: space-between; gap: 16px; margin-top: auto; padding-top: 32px; }
.dtf-wizard__back { display: inline-flex; align-items: center; justify-content: center; gap: 8px; min-height: 48px; padding: 8px 16px; border: 1px solid var(--config-border); border-radius: 12px; background: var(--config-panel); color: var(--config-text); font-size: 13px; text-decoration: none; }
.dtf-wizard__back:hover { background: var(--config-panel-soft); }
@media (max-width: 1199px) {
    .dtf-wizard .gang-sheet-configurator__layout { grid-template-columns: 280px minmax(0, 1fr); }
    .dtf-wizard__body--summary { grid-template-columns: minmax(0, 1fr); }
    .dtf-wizard__body--summary > .dtf-wizard__summary { grid-column: 1; grid-row: auto; }
    .dtf-wizard .gang-sheet-configurator__design-options { grid-template-columns: repeat(2, minmax(0, 1fr)); }
    .dtf-wizard .gang-sheet-configurator__delays { gap: 8px; }
    .dtf-wizard .gang-sheet-configurator__delay { padding: 8px; }
}
@media (max-width: 991px) {
    .dtf-wizard { padding: 16px 16px 32px; }
    .dtf-wizard .gang-sheet-configurator__layout { grid-template-columns: minmax(0, 1fr); gap: 16px; }
    .dtf-wizard .gang-sheet-configurator__media { position: static; display: grid; grid-template-columns: 160px minmax(0, 1fr); gap: 16px; align-items: center; }
    .dtf-wizard .gang-sheet-configurator__preview-summary { margin: 0; }
    .dtf-wizard .gang-sheet-configurator__thumbnails { grid-column: 1 / -1; order: 1; }
    .dtf-wizard .gang-sheet-configurator__panel { min-height: 0; padding: 24px; }
}
@media (max-width: 639px) {
    .dtf-wizard { padding: 16px 8px 32px; }
    .dtf-wizard .gang-sheet-configurator__panel { padding: 16px; }
    .dtf-wizard .gang-sheet-configurator__media { grid-template-columns: 104px minmax(0, 1fr); gap: 8px; }
    .dtf-wizard .gang-sheet-configurator__preview-summary { padding: 8px; font-size: 11px; }
    .dtf-wizard__steps button { font-size: 10px; }
    .dtf-wizard__heading p { font-size: 13px; }
    .dtf-wizard .gang-sheet-configurator__journeys { gap: 8px; }
    .dtf-wizard .gang-sheet-configurator__journey { min-height: 168px; padding: 16px 8px; }
    .dtf-wizard .gang-sheet-configurator__journey strong { font-size: 14px; }
    .dtf-wizard .gang-sheet-configurator__formats { gap: 8px; }
    .dtf-wizard .gang-sheet-configurator__format { padding: 16px 8px; }
    .dtf-wizard .gang-sheet-configurator__delays { grid-template-columns: minmax(0, 1fr); }
    .dtf-wizard .gang-sheet-configurator__delay { padding: 16px; }
    .dtf-wizard .gang-sheet-configurator__delay-estimates { grid-template-columns: repeat(2, minmax(0, 1fr)); }
    .dtf-wizard .gang-sheet-configurator__design-options { grid-template-columns: minmax(0, 1fr); gap: 8px; }
    .dtf-wizard .gang-sheet-configurator__design-options label { min-height: 0; }
    .dtf-wizard__next { min-width: 128px; }
    .dtf-wizard__back { padding-inline: 8px; }
    .dtf-wizard__navigation { padding-top: 24px; }
}
@media (prefers-reduced-motion: reduce) { .dtf-wizard *, .dtf-wizard *::before, .dtf-wizard *::after { animation: none !important; transition: none !important; scroll-behavior: auto !important; } }