/* Scoped to a successfully initialised P37 pilot. No effect on other templates. */
.wt-p37 .wt-p37-review,.wt-p37 .wt-p37-help {width:100%;box-sizing:border-box;clear:both;font-size:15px;line-height:1.5}
.wt-p37 .wt-p37-review {background:#f6f7f4;border:1px solid #dce1d6;border-radius:10px;padding:16px;margin:18px 0 14px}
.wt-p37 .wt-p37-review h2 {font-size:18px;line-height:1.3;margin:0 0 12px;font-weight:600;color:#283224}
.wt-p37 #wt-p37-selection {display:grid;grid-template-columns:minmax(90px,.85fr) minmax(0,1.4fr);gap:8px 12px;margin:0}
.wt-p37 #wt-p37-selection dt {font-weight:400;color:#566052;margin:0}
.wt-p37 #wt-p37-selection dd {margin:0;text-align:right;overflow-wrap:anywhere;font-weight:600}
.wt-p37 .wt-p37-edit {background:transparent;color:#283224;border:0;border-bottom:1px dotted #75856a;padding:0;line-height:inherit;font:inherit;text-align:right;cursor:pointer}
.wt-p37 .wt-p37-check,.wt-p37 .wt-p37-note {color:#566052;font-size:13px;line-height:1.45;margin:12px 0 0;clear:both}
.wt-p37 .wt-p37-help {margin:16px 0}
.wt-p37 .wt-p37-help details {border-top:1px solid #dce1d6;padding:12px 0}
.wt-p37 .wt-p37-help details:last-child {border-bottom:1px solid #dce1d6}
.wt-p37 .wt-p37-help summary {font-weight:600;cursor:pointer;color:#283224;padding:2px 0;list-style:disclosure-closed}
.wt-p37 .wt-p37-help details[open] summary {list-style:disclosure-open}
.wt-p37 .wt-p37-help p {font-size:14px;line-height:1.55;margin:12px 0 0}
.wt-p37 .wt-p37-help a,.wt-p37 .wt-p37-name-preview {color:#39552b;text-decoration:underline;text-underline-offset:3px}
.wt-p37 .wt-p37-name-preview {display:inline-block;padding:10px 0;font-size:14px}
.wt-p37 .wt-p37-measure {font-size:14px;line-height:1.5;color:#475240;margin:12px 0 0;clear:both}
.wt-p37 #wandtattoogroesse label.container {width:100%;margin:8px 0 0;padding:12px 14px!important;display:flex;flex-wrap:wrap;gap:4px 12px;align-items:center;background:#fff;border:1px solid #cdd4c7;border-radius:8px;box-sizing:border-box;cursor:pointer;color:#283224;font-size:15px;line-height:1.4;height:auto;min-height:52px}
.wt-p37 #wandtattoogroesse label.container .checkmark {display:none}
.wt-p37 #wandtattoogroesse label.container .containerbezeichner {font-size:14px;min-width:44px;position:static;line-height:inherit;background:transparent;padding:0}
.wt-p37 #wandtattoogroesse label.container strong {font-size:15px;font-weight:500;position:static;line-height:inherit;background:transparent;padding:0}
.wt-p37 #wandtattoogroesse label[aria-pressed="true"] {border:2px solid #536e3d;padding:11px 13px!important;background:#f4f7ef}
.wt-p37 .wt-p37-size-price {margin-left:auto;font-size:16px;font-weight:700;white-space:nowrap}
.wt-p37 [hidden] {display:none!important}
.wt-p37 .farbreihe,.wt-p37 .zusatzfarbreihe {display:flex;flex-wrap:wrap;gap:8px;padding:6px 3px;float:none}
.wt-p37 .farbreihe a,.wt-p37 .zusatzfarbreihe a {position:relative;box-sizing:border-box;display:block;float:none;width:38px;height:38px;min-width:38px;margin:0;border:1px solid #aaa;border-radius:5px;cursor:pointer}
.wt-p37 .farbreihe a[aria-pressed="true"],.wt-p37 .zusatzfarbreihe a[aria-pressed="true"] {outline:2px solid #36492a;outline-offset:2px}
.wt-p37 .farbreihe a[aria-pressed="true"]:after,.wt-p37 .zusatzfarbreihe a[aria-pressed="true"]:after {content:'✓';position:absolute;right:-4px;bottom:-4px;width:17px;height:17px;border-radius:50%;background:#fff;color:#293f20;font:bold 13px/17px sans-serif;text-align:center;box-shadow:0 0 0 1px #536e3d}
.wt-p37 [role="button"]:focus-visible,.wt-p37 button:focus-visible,.wt-p37 input:focus-visible,.wt-p37 summary:focus-visible,.wt-p37 a:focus-visible {outline:3px solid #305b79;outline-offset:4px}
.wt-p37 #wunschtextwahl input[type="text"] {width:100%;box-sizing:border-box;min-height:46px;font-size:16px;border:1px solid #aeb8a4;border-radius:6px;padding:10px 12px}
.wt-p37 .wt-p37-error {font-size:14px;color:#9a2222;background:#fff2ef;padding:10px 12px;border-left:3px solid #ad3636;border-radius:3px;margin:10px 0;clear:both}
.wt-p37 .wt-p37-invalid,.wt-p37 [aria-invalid="true"] {outline:2px solid #ad3636;outline-offset:4px}
@media (max-width:767px) {.wt-p37 .wt-p37-review {padding:14px}.wt-p37 .farbreihe a,.wt-p37 .zusatzfarbreihe a {width:40px;height:40px;min-width:40px}}
.wt-p37 .wt-p37-preview {width:100%;background:#fff;color:#39552b;border:1px solid #cdd4c7;border-radius:6px;padding:10px 12px;margin-top:14px;font-size:14px;cursor:pointer}

.wt-p37 #wandtattoogroesse label.container > * {margin-right:0}
.wt-p37 .farbreihe a:hover,.wt-p37 .zusatzfarbreihe a:hover {width:38px;height:38px;margin:0;float:none}
@media(max-width:767px){.wt-p37 .farbreihe a:hover,.wt-p37 .zusatzfarbreihe a:hover{width:40px;height:40px}}

/* The old mobile stylesheet uses !important sizing: override only pilot swatches. */
.wt-p37 .farbreihe a,.wt-p37 .zusatzfarbreihe a,.wt-p37 .farbreihe a:hover,.wt-p37 .zusatzfarbreihe a:hover {width:44px!important;min-width:44px;height:44px!important;margin:0!important;box-shadow:none}
.wt-p37 #farbenname,.wt-p37 #zusatzwahl {font-size:16px!important;line-height:1.4}

/* Native special-product selectors remain visible and keep their own options. */
.wt-p37 #wandtattoozeigerfarbe select,.wt-p37 #wandtattoohakenzahl select {max-width:100%;width:100%;box-sizing:border-box;min-height:44px;font-size:16px;border:1px solid #aeb8a4;border-radius:6px;padding:8px;background:#fff;color:#283224}
.wt-p37 select:focus-visible {outline:3px solid #305b79;outline-offset:4px}