/* Tevzo v10.66 — isolated premium upload-first customizer */
body.customizer1066 {
  --c66-bg: #090d0b;
  --c66-card: #121814;
  --c66-card-2: #171f1a;
  --c66-line: #354139;
  --c66-ink: #f7f5ee;
  --c66-muted: #a6b0a9;
  --c66-yellow: #f5c518;
  --c66-red: #ef3340;
  background: var(--c66-bg) !important;
  color: var(--c66-ink) !important;
}

body.customizer1066 .c1066-page {
  width: min(1540px, 100%) !important;
  max-width: none !important;
  margin: 0 auto !important;
  padding: 30px 28px 110px !important;
  color: var(--c66-ink) !important;
  font-family: "Segoe UI Variable Text", "Segoe UI", Roboto, Helvetica, Arial, sans-serif !important;
  font-size: 15px !important;
}
body.customizer1066 .c1066-page * { box-sizing: border-box; }

body.customizer1066 .c916-intro {
  min-height: 210px !important;
  display: grid !important;
  grid-template-columns: minmax(0, 1fr) auto !important;
  align-items: end !important;
  gap: 32px !important;
  margin: 0 0 18px !important;
  padding: 37px 40px !important;
  border: 1px solid var(--c66-line) !important;
  border-radius: 26px !important;
  background:
    radial-gradient(circle at 87% 10%, rgba(245,197,24,.18), transparent 28%),
    linear-gradient(135deg, #141b17, #0c110e 76%) !important;
  overflow: hidden !important;
  box-shadow: 0 22px 65px rgba(0,0,0,.23) !important;
}
body.customizer1066 .c916-intro > div:first-child { max-width: 750px !important; }
body.customizer1066 .c916-kicker { margin: 0 0 13px !important; color: var(--c66-yellow) !important; font-size: 11px !important; font-weight: 800 !important; letter-spacing: .16em !important; }
body.customizer1066 .c916-intro h1 { margin: 0 !important; color: #fff !important; font-size: clamp(48px, 5vw, 78px) !important; font-weight: 830 !important; line-height: .93 !important; letter-spacing: -.055em !important; }
body.customizer1066 .c916-intro h1 em { color: #b7c0ba !important; font-style: normal !important; }
body.customizer1066 .c916-intro p { max-width: 650px !important; margin: 18px 0 0 !important; color: var(--c66-muted) !important; font-size: 15px !important; line-height: 1.65 !important; }
body.customizer1066 .c916-progress { display: flex !important; align-items: center !important; gap: 10px !important; }
body.customizer1066 .c916-progress > span { display: flex !important; align-items: center !important; gap: 7px !important; color: #7f8a83 !important; font-size: 11px !important; font-weight: 700 !important; }
body.customizer1066 .c916-progress > span b { width: 29px !important; height: 29px !important; display: grid !important; place-items: center !important; border: 1px solid #435047 !important; border-radius: 50% !important; color: #abb4ae !important; font-size: 10px !important; }
body.customizer1066 .c916-progress > span.active { color: #fff !important; }
body.customizer1066 .c916-progress > span.active b { border-color: var(--c66-yellow) !important; background: var(--c66-yellow) !important; color: #111 !important; }
body.customizer1066 .c916-progress > i { width: 34px !important; height: 1px !important; background: #3d4841 !important; }

body.customizer1066 .c916-studio {
  display: grid !important;
  grid-template-columns: minmax(300px, .72fr) minmax(470px, 1.35fr) minmax(300px, .72fr) !important;
  grid-template-areas: "config preview art" !important;
  gap: 18px !important;
  align-items: start !important;
}
body.customizer1066 .c916-config { grid-area: config !important; }
body.customizer1066 .c916-preview { grid-area: preview !important; }
body.customizer1066 .c916-art-panel { grid-area: art !important; }

body.customizer1066 .c916-panel,
body.customizer1066 .c916-preview {
  border: 1px solid var(--c66-line) !important;
  border-radius: 22px !important;
  background: linear-gradient(180deg, var(--c66-card-2), var(--c66-card)) !important;
  color: var(--c66-ink) !important;
  box-shadow: 0 16px 48px rgba(0,0,0,.2) !important;
}
body.customizer1066 .c916-panel { padding: 20px !important; }
body.customizer1066 .c916-preview { position: sticky !important; top: 88px !important; overflow: hidden !important; }

body.customizer1066 .c916-panel-title { min-height: 52px !important; display: flex !important; align-items: center !important; justify-content: space-between !important; gap: 12px !important; padding: 0 0 17px !important; border-bottom: 1px solid var(--c66-line) !important; }
body.customizer1066 .c916-panel-title > div { display: flex !important; align-items: center !important; gap: 11px !important; }
body.customizer1066 .c916-panel-title > div > span { width: 34px !important; height: 34px !important; display: grid !important; place-items: center !important; border-radius: 10px !important; background: var(--c66-yellow) !important; color: #111 !important; font-size: 11px !important; font-weight: 850 !important; }
body.customizer1066 .c916-panel-title h2 { margin: 0 !important; color: #fff !important; font-size: 20px !important; font-weight: 780 !important; letter-spacing: -.025em !important; }
body.customizer1066 .c916-panel-title small { color: #8f9a93 !important; font-size: 10px !important; font-weight: 750 !important; letter-spacing: .08em !important; text-transform: uppercase !important; }

body.customizer1066 .c916-field { padding: 18px 0 !important; border-bottom: 1px solid var(--c66-line) !important; }
body.customizer1066 .c916-field:last-of-type { border-bottom: 0 !important; }
body.customizer1066 .c916-field > span,
body.customizer1066 .c916-field-head > span { color: #a7b0aa !important; font-size: 11px !important; font-weight: 800 !important; letter-spacing: .1em !important; text-transform: uppercase !important; }
body.customizer1066 .c916-field-head { display: flex !important; align-items: center !important; justify-content: space-between !important; gap: 10px !important; margin-bottom: 11px !important; }
body.customizer1066 .c916-field-head b,
body.customizer1066 .c916-field-head a { color: var(--c66-yellow) !important; font-size: 12px !important; font-weight: 750 !important; }
body.customizer1066 .c916-field select { width: 100% !important; height: 50px !important; margin-top: 10px !important; padding: 0 13px !important; border: 1px solid #46534b !important; border-radius: 12px !important; background: #0e1411 !important; color: #fff !important; -webkit-text-fill-color: #fff !important; font-size: 14px !important; font-weight: 650 !important; }

body.customizer1066 .c916-colours { display: grid !important; grid-template-columns: repeat(4, minmax(0, 1fr)) !important; gap: 8px !important; overflow: visible !important; }
body.customizer1066 .c916-colours button { min-width: 0 !important; min-height: 65px !important; display: flex !important; flex-direction: column !important; align-items: center !important; justify-content: center !important; gap: 6px !important; padding: 8px 4px !important; border: 1px solid #435047 !important; border-radius: 12px !important; background: #111713 !important; color: #e9ecea !important; }
body.customizer1066 .c916-colours button i { width: 25px !important; height: 25px !important; border: 2px solid #c8cfca !important; border-radius: 50% !important; background: var(--swatch) !important; box-shadow: 0 2px 8px rgba(0,0,0,.3) !important; }
body.customizer1066 .c916-colours button span { margin: 0 !important; color: #c9d0cb !important; font-size: 9.5px !important; line-height: 1.1 !important; overflow: hidden !important; text-overflow: ellipsis !important; white-space: nowrap !important; max-width: 100% !important; }
body.customizer1066 .c916-colours button.active { border-color: var(--c66-yellow) !important; background: #2a2715 !important; box-shadow: 0 0 0 2px rgba(245,197,24,.13) !important; }

body.customizer1066 .c916-sizes { display: grid !important; grid-template-columns: repeat(5, minmax(0, 1fr)) !important; gap: 7px !important; }
body.customizer1066 .c916-sizes button { position: relative !important; height: 48px !important; border: 1px solid #46534b !important; border-radius: 11px !important; background: #111713 !important; color: #f3f3ef !important; }
body.customizer1066 .c916-sizes button b { color: inherit !important; font-size: 13px !important; }
body.customizer1066 .c916-sizes button small { color: #8f9992 !important; font-size: 9px !important; }
body.customizer1066 .c916-sizes button.active { border-color: var(--c66-yellow) !important; background: var(--c66-yellow) !important; color: #111 !important; }
body.customizer1066 .c916-sizes button:disabled { overflow: hidden !important; opacity: .5 !important; cursor: not-allowed !important; }
body.customizer1066 .c916-sizes button:disabled::after { content: ""; position: absolute; width: 140%; height: 1px; left: -20%; top: 50%; background: #d94753; transform: rotate(-28deg); }
body.customizer1066 .c916-stock-note { display: block !important; margin-top: 9px !important; color: #91a098 !important; font-size: 11px !important; }

body.customizer1066 .c916-segment,
body.customizer1066 .c916-print { display: grid !important; gap: 8px !important; }
body.customizer1066 .c916-segment { grid-template-columns: 1fr 1fr !important; }
body.customizer1066 .c916-print { grid-template-columns: repeat(4, minmax(0,1fr)) !important; }
body.customizer1066 .c916-segment button,
body.customizer1066 .c916-print button { min-height: 52px !important; padding: 9px !important; border: 1px solid #46534b !important; border-radius: 11px !important; background: #111713 !important; color: #f3f4f1 !important; }
body.customizer1066 .c916-segment button span,
body.customizer1066 .c916-print button b { color: inherit !important; font-size: 13px !important; font-weight: 750 !important; }
body.customizer1066 .c916-segment button small,
body.customizer1066 .c916-print button small { color: #909b94 !important; font-size: 9.5px !important; }
body.customizer1066 .c916-segment button.active,
body.customizer1066 .c916-print button.active { border-color: var(--c66-yellow) !important; background: #2a2715 !important; color: var(--c66-yellow) !important; box-shadow: inset 0 0 0 1px var(--c66-yellow) !important; }
body.customizer1066 .c916-mini-trust { display: grid !important; grid-template-columns: repeat(3,1fr) !important; gap: 6px !important; padding-top: 16px !important; }
body.customizer1066 .c916-mini-trust span { padding: 8px 5px !important; border-radius: 9px !important; background: #0d120f !important; color: #9eaaa2 !important; font-size: 9px !important; text-align: center !important; }

body.customizer1066 .c916-preview-head { height: 70px !important; display: flex !important; align-items: center !important; justify-content: space-between !important; padding: 0 20px !important; border-bottom: 1px solid var(--c66-line) !important; background: #131a16 !important; }
body.customizer1066 .c916-preview-head > div:first-child span { display: block !important; color: var(--c66-yellow) !important; font-size: 9.5px !important; font-weight: 800 !important; letter-spacing: .13em !important; }
body.customizer1066 .c916-preview-head > div:first-child b { display: block !important; margin-top: 4px !important; color: #eef1ee !important; font-size: 13px !important; }
body.customizer1066 .c916-side-mini { display: flex !important; gap: 4px !important; padding: 4px !important; border-radius: 10px !important; background: #0c110e !important; }
body.customizer1066 .c916-side-mini button { min-height: 33px !important; padding: 7px 12px !important; border: 0 !important; border-radius: 8px !important; background: transparent !important; color: #929d96 !important; font-size: 11px !important; font-weight: 700 !important; }
body.customizer1066 .c916-side-mini button.active { background: var(--c66-yellow) !important; color: #111 !important; }
body.customizer1066 .c916-stage { min-height: 660px !important; display: grid !important; place-items: center !important; position: relative !important; overflow: hidden !important; background: radial-gradient(circle at 50% 40%, #fff 0%, #e9e8e3 47%, #cfcec8 100%) !important; }
body.customizer1066 .c916-stage::before { content: "" !important; position: absolute !important; inset: auto 15% 7% !important; height: 8% !important; border-radius: 50% !important; background: rgba(0,0,0,.17) !important; filter: blur(25px) !important; }
body.customizer1066 .c916-stage::after { display: none !important; }
body.customizer1066 .c916-shirt-wrap { width: min(84%, 555px) !important; aspect-ratio: 6/7 !important; position: relative !important; z-index: 2 !important; }
body.customizer1066 .c916-shirt { width: 100% !important; height: 100% !important; object-fit: contain !important; filter: drop-shadow(0 27px 25px rgba(0,0,0,.19)) !important; }
body.customizer1066 .c916-print-area { border: 1px dashed rgba(21,27,23,.38) !important; border-radius: 8px !important; }
body.customizer1066 .c916-print-area > span { top: -23px !important; padding: 4px 7px !important; border-radius: 999px !important; background: rgba(255,255,255,.88) !important; color: #303a34 !important; font-size: 8px !important; font-weight: 800 !important; }
body.customizer1066 .c916-view-status { left: 16px !important; right: 16px !important; bottom: 14px !important; padding: 11px 13px !important; border: 1px solid rgba(255,255,255,.65) !important; border-radius: 12px !important; background: rgba(15,21,17,.86) !important; color: #fff !important; backdrop-filter: blur(12px) !important; }
body.customizer1066 .c916-view-status span { color: #cbd2cd !important; font-size: 10.5px !important; }
body.customizer1066 .c916-view-status b { color: #fff !important; font-size: 11.5px !important; }
body.customizer1066 .c916-tools { display: flex !important; gap: 7px !important; padding: 12px 14px 8px !important; background: #131a16 !important; }
body.customizer1066 .c916-tools button { min-width: 42px !important; height: 40px !important; padding: 0 12px !important; border: 1px solid #435047 !important; border-radius: 10px !important; background: #0e1411 !important; color: #eef1ee !important; font-size: 12px !important; font-weight: 700 !important; }
body.customizer1066 .c916-tools button:hover { border-color: var(--c66-yellow) !important; color: var(--c66-yellow) !important; }
body.customizer1066 .c916-tools button.danger { border-color: #61343a !important; color: #ff8c97 !important; }
body.customizer1066 .c916-hint { margin: 0 !important; padding: 3px 15px 14px !important; background: #131a16 !important; color: #8f9a93 !important; font-size: 11px !important; line-height: 1.45 !important; }

body.customizer1066 .c916-art-panel { padding-bottom: 20px !important; }
body.customizer1066 .c916-upload { min-height: 255px !important; display: flex !important; flex-direction: column !important; align-items: center !important; justify-content: center !important; gap: 9px !important; margin-top: 18px !important; padding: 25px 18px !important; border: 1px dashed #5a685f !important; border-radius: 17px !important; background: #0e1411 !important; text-align: center !important; cursor: pointer !important; }
body.customizer1066 .c916-upload:hover,
body.customizer1066 .c916-upload.drag { border-color: var(--c66-yellow) !important; background: #1d1d11 !important; transform: none !important; }
body.customizer1066 .c916-upload-icon { width: 52px !important; height: 52px !important; display: grid !important; place-items: center !important; margin-bottom: 3px !important; border-radius: 15px !important; background: var(--c66-yellow) !important; color: #111 !important; font-size: 23px !important; font-weight: 800 !important; }
body.customizer1066 .c916-upload b { display: block !important; color: #fff !important; font-size: 15px !important; font-weight: 760 !important; }
body.customizer1066 .c916-upload span { display: block !important; margin-top: 4px !important; color: #929d96 !important; font-size: 11px !important; line-height: 1.4 !important; }
body.customizer1066 .c916-upload button { width: 100% !important; min-height: 43px !important; margin-top: 8px !important; border: 0 !important; border-radius: 11px !important; background: #f7f5ee !important; color: #111 !important; font-size: 12px !important; font-weight: 800 !important; }
body.customizer1066 .c916-upload-status { margin-top: 10px !important; padding: 11px 12px !important; border: 1px solid #46534b !important; border-radius: 10px !important; background: #0e1411 !important; color: #dce1de !important; font-size: 11.5px !important; line-height: 1.45 !important; }
body.customizer1066 .c916-upload-status.success { border-color: #30744c !important; color: #83d8a5 !important; }
body.customizer1066 .c916-upload-status.error { border-color: #81404a !important; color: #ff9ba4 !important; }
body.customizer1066 .c916-upload-status.warn { border-color: #7c6829 !important; color: #f4d975 !important; }
body.customizer1066 .c1066-art-help { display: flex !important; gap: 10px !important; padding: 14px 1px !important; border-bottom: 1px solid var(--c66-line) !important; }
body.customizer1066 .c1066-art-help i { width: 25px !important; height: 25px !important; flex: 0 0 auto !important; display: grid !important; place-items: center !important; border-radius: 50% !important; background: #263729 !important; color: #7de09b !important; font-size: 10px !important; font-style: normal !important; }
body.customizer1066 .c1066-art-help b { display: block !important; color: #eef1ee !important; font-size: 12px !important; }
body.customizer1066 .c1066-art-help span { display: block !important; margin-top: 3px !important; color: #8f9a93 !important; font-size: 10px !important; line-height: 1.45 !important; }
body.customizer1066 .c1066-upload-disabled { margin-top: 17px !important; padding: 17px !important; border: 1px solid #674047 !important; border-radius: 13px !important; background: #271719 !important; }
body.customizer1066 .c1066-upload-disabled b,
body.customizer1066 .c1066-upload-disabled span { display: block !important; }
body.customizer1066 .c1066-upload-disabled b { color: #ffadb5 !important; font-size: 13px !important; }
body.customizer1066 .c1066-upload-disabled span { margin-top: 5px !important; color: #b9969a !important; font-size: 11px !important; }
body.customizer1066 .c916-divider,
body.customizer1066 .c916-search,
body.customizer1066 .c916-tabs,
body.customizer1066 .c916-designs,
body.customizer1066 .c916-library,
body.customizer1066 .t920-dtf-button,
body.customizer1066 .t920-art-drawer { display: none !important; }

body.customizer1066 .c916-review {
  position: relative !important;
  display: grid !important;
  grid-template-columns: minmax(190px,.65fr) minmax(420px,1.35fr) auto !important;
  gap: 20px !important;
  align-items: center !important;
  margin: 18px 0 0 !important;
  padding: 20px 22px !important;
  border: 1px solid var(--c66-line) !important;
  border-radius: 21px !important;
  background: linear-gradient(135deg, #171f1a, #101612) !important;
  color: #fff !important;
  box-shadow: 0 18px 52px rgba(0,0,0,.2) !important;
}
body.customizer1066 .c916-review-copy > span { color: var(--c66-yellow) !important; font-size: 9.5px !important; font-weight: 800 !important; letter-spacing: .12em !important; }
body.customizer1066 .c916-review-copy h2 { margin: 5px 0 0 !important; color: #fff !important; font-size: 23px !important; }
body.customizer1066 .c916-review-copy p { display: none !important; }
body.customizer1066 .c916-review-specs { display: grid !important; grid-template-columns: repeat(4,minmax(0,1fr)) !important; }
body.customizer1066 .c916-review-specs > div { min-width: 0 !important; padding: 5px 12px !important; border-left: 1px solid #3c4941 !important; }
body.customizer1066 .c916-review-specs span { display: block !important; color: #89958e !important; font-size: 9px !important; font-weight: 700 !important; text-transform: uppercase !important; }
body.customizer1066 .c916-review-specs b { display: block !important; overflow: hidden !important; margin-top: 5px !important; color: #eef1ee !important; font-size: 12px !important; text-overflow: ellipsis !important; white-space: nowrap !important; }
body.customizer1066 .c916-total { display: flex !important; align-items: center !important; gap: 14px !important; margin: 0 !important; padding: 0 !important; border: 0 !important; }
body.customizer1066 .c916-total > div { min-width: 105px !important; text-align: right !important; }
body.customizer1066 .c916-total > div span { color: #8e9992 !important; font-size: 9px !important; }
body.customizer1066 .c916-total > div strong { display: block !important; color: #fff !important; font-size: 24px !important; }
body.customizer1066 .c916-total > div small { display: none !important; }
body.customizer1066 .c916-total button { width: 220px !important; min-width: 220px !important; height: 60px !important; display: flex !important; align-items: center !important; justify-content: space-between !important; gap: 14px !important; padding: 0 17px !important; border: 0 !important; border-radius: 14px !important; background: var(--c66-yellow) !important; color: #111 !important; box-shadow: 0 11px 28px rgba(245,197,24,.19) !important; }
body.customizer1066 .c916-total button span { display: flex !important; flex-direction: column !important; align-items: flex-start !important; }
body.customizer1066 .c916-total button small { display: block !important; color: #554600 !important; font-size: 9px !important; font-weight: 750 !important; text-transform: uppercase !important; }
body.customizer1066 .c916-total button strong { color: #111 !important; font-size: 16px !important; }
body.customizer1066 .c916-total button > b { color: #111 !important; font-size: 21px !important; }
body.customizer1066 .c916-total button:disabled { background: #4d554f !important; color: #929a95 !important; box-shadow: none !important; }

@media (max-width: 1240px) {
  body.customizer1066 .c916-studio { grid-template-columns: minmax(280px,.72fr) minmax(440px,1.28fr) !important; grid-template-areas: "preview config" "preview art" !important; }
  body.customizer1066 .c916-review { grid-template-columns: minmax(180px,.7fr) minmax(0,1.3fr) !important; }
  body.customizer1066 .c916-total { grid-column: 1/-1 !important; justify-content: flex-end !important; padding-top: 15px !important; border-top: 1px solid var(--c66-line) !important; }
}

@media (max-width: 820px) {
  body.customizer1066 .c1066-page { padding: 12px 12px 115px !important; }
  body.customizer1066 .c916-intro { display: block !important; min-height: 0 !important; padding: 26px 22px !important; border-radius: 20px !important; }
  body.customizer1066 .c916-intro h1 { font-size: 43px !important; }
  body.customizer1066 .c916-intro p { font-size: 13.5px !important; }
  body.customizer1066 .c916-progress { margin-top: 24px !important; overflow-x: auto !important; }
  body.customizer1066 .c916-progress > span { flex: 0 0 auto !important; }
  body.customizer1066 .c916-studio { display: flex !important; flex-direction: column !important; gap: 12px !important; }
  body.customizer1066 .c916-preview { order: 1 !important; position: relative !important; top: auto !important; width: 100% !important; border-radius: 19px !important; }
  body.customizer1066 .c916-config { order: 2 !important; width: 100% !important; }
  body.customizer1066 .c916-art-panel { order: 3 !important; width: 100% !important; }
  body.customizer1066 .c916-stage { min-height: 480px !important; }
  body.customizer1066 .c916-shirt-wrap { width: min(94%, 440px) !important; }
  body.customizer1066 .c916-tools { overflow-x: auto !important; scrollbar-width: none !important; }
  body.customizer1066 .c916-tools button { flex: 0 0 auto !important; }
  body.customizer1066 .c916-panel { padding: 18px !important; border-radius: 19px !important; }
  body.customizer1066 .c916-review { display: block !important; margin-top: 12px !important; padding: 18px !important; }
  body.customizer1066 .c916-review-copy { display: block !important; }
  body.customizer1066 .c916-review-specs { grid-template-columns: repeat(2,minmax(0,1fr)) !important; gap: 10px 0 !important; margin-top: 16px !important; }
  body.customizer1066 .c916-total { display: grid !important; grid-template-columns: minmax(0,.72fr) minmax(0,1.28fr) !important; margin-top: 17px !important; padding-top: 16px !important; }
  body.customizer1066 .c916-total > div { min-width: 0 !important; text-align: left !important; }
  body.customizer1066 .c916-total button { width: 100% !important; min-width: 0 !important; }
}

@media (max-width: 480px) {
  body.customizer1066 .c916-intro h1 { font-size: 38px !important; }
  body.customizer1066 .c916-progress > i { width: 17px !important; }
  body.customizer1066 .c916-progress > span { font-size: 10px !important; }
  body.customizer1066 .c916-stage { min-height: 410px !important; }
  body.customizer1066 .c916-colours { grid-template-columns: repeat(3,minmax(0,1fr)) !important; }
  body.customizer1066 .c916-sizes { grid-template-columns: repeat(5,minmax(0,1fr)) !important; }
  body.customizer1066 .c916-print { grid-template-columns: repeat(2,minmax(0,1fr)) !important; }
  body.customizer1066 .c916-upload { min-height: 220px !important; }
  body.customizer1066 .c916-review-specs { display: none !important; }
  body.customizer1066 .c916-total { grid-template-columns: minmax(88px,.55fr) minmax(0,1.45fr) !important; }
  body.customizer1066 .c916-total > div strong { font-size: 20px !important; }
  body.customizer1066 .c916-total button { height: 56px !important; padding: 0 14px !important; }
}

@media (prefers-reduced-motion: reduce) {
  body.customizer1066 .c916-reveal { opacity: 1 !important; transform: none !important; transition: none !important; }
}