/* Quantity per size: compact grid */
.tcb-dtf .gform_fields .tcb-dtf-size { grid-column: span 3 !important; }
.tcb-dtf .tcb-dtf-size .gfield_label { font-size: 14px; margin-bottom: 4px; }
.tcb-dtf .tcb-dtf-size .gfield_required,
.tcb-dtf .tcb-dtf-size .gfield_description.instruction { display: none !important; }
.tcb-dtf .tcb-dtf-size input { width: 100%; text-align: center; }
.tcb-dtf-age { display: block; font-size: 11px; font-weight: 400; color: #777; text-transform: none; letter-spacing: 0; }
.tcb-dtf .gform_fields .tcb-dtf-grouphd { grid-column: 1 / -1; margin: 6px 0 -14px; font-size: 14px; color: #222; }
.tcb-dtf-grouphd strong { font-weight: 700; }
/* pull the size rows together (GF's row gap is sized for full fields) */
.tcb-dtf .gform_fields .tcb-dtf-size { margin-top: -14px; }
.tcb-dtf-grouphd span { color: #777; font-size: 13px; }
.tcb-dtf .gform_fields .tcb-dtf-status { grid-column: 1 / -1; padding: 10px 12px; border-radius: 6px; font-size: 15px; font-weight: 600; }
.tcb-dtf-status.is-empty { background: #f4f4f4; color: #555; }
.tcb-dtf-status.is-low { background: #fff6e5; color: #8a5a00; border-left: 3px solid #f0a020; }
.tcb-dtf-status.is-ok { background: #ecf8ef; color: #1d6b34; border-left: 3px solid #2e9e50; }
/* helper fields: only shown when they carry a validation error */
.tcb-dtf .gform_fields .tcb-dtf-quiet:not(.gfield_error) { display: none !important; }
/* GF stacks every field full width on phones; keep sizes 4 to a row */
@media (max-width: 640px) {
	.tcb-dtf .gform_fields .tcb-dtf-size { grid-column: span 3 !important; }
	.tcb-dtf .tcb-dtf-size input { padding-left: 4px !important; padding-right: 4px !important; }
}

/* Shirt preview */
#gform_wrapper_111 .tcb-dtf-peek, .tcb-dtf .tcb-dtf-peek { margin-top: 6px; padding: 0 !important; background: none !important; border: 0 !important; box-shadow: none !important; color: #b32428 !important; font-size: 13px !important; text-decoration: underline; cursor: pointer; text-transform: none !important; letter-spacing: 0 !important; }
.tcb-dtf-modal { position: fixed; inset: 0; z-index: 2147483000; display: none; align-items: center; justify-content: center; padding: 16px; background: rgba(0, 0, 0, .45); }
.tcb-dtf-modal.is-open { display: flex; }
.tcb-dtf-card { position: relative; width: 100%; max-width: 520px; max-height: 92vh; overflow: auto; background: #fff; border-radius: 10px; padding: 18px 18px 16px; box-shadow: 0 10px 40px rgba(0, 0, 0, .25); }
.tcb-dtf-title { margin: 0 32px 10px 0; font-weight: 700; font-size: 16px; color: #222; }
.tcb-dtf-views { display: flex; gap: 10px; }
.tcb-dtf-views figure { flex: 1 1 0; margin: 0; padding: 8px; background: #f3f2ef; border-radius: 8px; text-align: center; }
.tcb-dtf-views svg { width: 100%; height: auto; display: block; }
.tcb-dtf-views figcaption { font-size: 12px; color: #666; margin-top: 2px; }
.tcb-dtf-small { font-size: 12px; color: #666; margin: 10px 0 12px; line-height: 1.45; }
.tcb-dtf-modal .tcb-dtf-x { position: absolute; top: 8px; right: 10px; width: 32px; height: 32px; padding: 0 !important; border: 0 !important; background: none !important; box-shadow: none !important; color: #444 !important; font-size: 26px !important; line-height: 32px !important; cursor: pointer; }
.tcb-dtf-modal .tcb-dtf-ok { display: block; width: 100%; height: auto !important; min-height: 0 !important; padding: 11px 10px !important; line-height: 1.3 !important; border: 0 !important; border-radius: 6px !important; background: #222 !important; color: #fff !important; font-size: 14px !important; cursor: pointer; }

/* Size chart */
.tcb-dtf .tcb-dtf-sizebtn { display: inline-block; margin-top: 2px; }
.tcb-dtf-units { display: inline-flex; margin: 0 0 10px; border: 1px solid #ccc; border-radius: 6px; overflow: hidden; }
.tcb-dtf-modal .tcb-dtf-unit { padding: 5px 12px !important; border: 0 !important; border-radius: 0 !important; background: #fff !important; color: #333 !important; font-size: 13px !important; line-height: 1.3 !important; box-shadow: none !important; cursor: pointer; text-transform: none !important; letter-spacing: 0 !important; }
.tcb-dtf-modal .tcb-dtf-unit, .tcb-dtf-modal .tcb-dtf-ok, .tcb-dtf-modal .tcb-dtf-x { transition: none !important; }
.tcb-dtf-modal .tcb-dtf-unit:hover, .tcb-dtf-modal .tcb-dtf-unit:focus { background: #f1f1f1 !important; color: #333 !important; }
.tcb-dtf-modal .tcb-dtf-unit.is-on, .tcb-dtf-modal .tcb-dtf-unit.is-on:hover, .tcb-dtf-modal .tcb-dtf-unit.is-on:focus { background: #222 !important; color: #fff !important; }
/* the chat widget floats above everything; tuck it away while a pop-up is open */
body.tcb-dtf-modal-open #wa, body.tcb-dtf-modal-open .wa__widget_container { display: none !important; }
.tcb-dtf-chartwrap { display: flex; gap: 12px; align-items: flex-start; }
.tcb-dtf-measure { flex: 0 0 130px; padding: 6px; background: #faf9f6; border-radius: 8px; }
.tcb-dtf-measure svg { width: 100%; height: auto; display: block; }
.tcb-dtf-tablewrap { flex: 1 1 auto; min-width: 0; overflow-x: auto; }
.tcb-dtf-chart { width: 100%; border-collapse: collapse; font-size: 13px; margin: 0; }
.tcb-dtf-chart th, .tcb-dtf-chart td { padding: 4px 6px !important; border-bottom: 1px solid #eee; text-align: center; white-space: nowrap; font-size: 13px !important; line-height: 1.4 !important; }
.tcb-dtf-chart thead th { background: #f3f2ef; font-size: 11px !important; font-weight: 700; color: #444; white-space: normal; line-height: 1.25; }
.tcb-dtf-chart tbody th { font-weight: 700; color: #222; }
.tcb-dtf-chart .tcb-dtf-agecol { color: #777; font-size: 12px; }
.tcb-dtf-modal .tcb-dtf-card:has(.tcb-dtf-chart) { max-width: 640px; }
@media (max-width: 560px) {
	.tcb-dtf-chartwrap { flex-direction: column; }
	.tcb-dtf-measure { flex-basis: auto; width: 140px; margin: 0 auto; }
}