.nw-voice-preview-control{display:inline-flex;align-items:center;max-width:100%;pointer-events:auto}.nw-voice-preview-button{display:inline-flex;align-items:center;justify-content:center;gap:8px;min-height:44px;padding:0 13px;border:1px solid rgba(255,255,255,.14);border-radius:999px;background:rgba(255,255,255,.055);color:#f6f3ec;cursor:pointer;box-shadow:none;-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);font:650 12px/1 system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;letter-spacing:-.005em;transition:background .18s ease,border-color .18s ease,transform .18s ease,color .18s ease}.nw-voice-preview-button:hover{background:rgba(255,255,255,.095);border-color:rgba(255,255,255,.24);transform:translateY(-1px)}.nw-voice-preview-button:focus-visible{outline:2px solid #d9b95f;outline-offset:3px}.nw-voice-preview-icon{display:grid;place-items:center;width:19px;height:19px;flex:0 0 19px}.nw-voice-preview-icon svg{grid-area:1/1;width:19px;height:19px}.nw-voice-preview-icon .icon-wave{fill:none;stroke:currentColor;stroke-width:1.65;stroke-linecap:round}.nw-voice-preview-button .icon-stop,.nw-voice-preview-button .icon-loading,.nw-voice-preview-button .icon-error{display:none}.nw-voice-preview-button[data-state="playing"] .icon-wave,.nw-voice-preview-button[data-state="loading"] .icon-wave,.nw-voice-preview-button[data-state="error"] .icon-wave{display:none}.nw-voice-preview-button[data-state="playing"] .icon-stop{display:block;fill:currentColor}.nw-voice-preview-button[data-state="loading"] .icon-loading{display:block;width:15px;height:15px;border:1.7px solid currentColor;border-right-color:transparent;border-radius:50%;animation:nw-voice-spin .75s linear infinite}.nw-voice-preview-button[data-state="error"] .icon-error{display:block;font:750 14px/1 system-ui,sans-serif}.nw-voice-preview-button[data-state="playing"]{background:#f2f0e9;color:#11110f;border-color:#f2f0e9}.nw-voice-preview-badge{display:inline-flex;align-items:center;min-height:18px;padding:0 6px;border-radius:999px;background:rgba(212,175,55,.14);color:#d9bd70;font-size:9px;font-weight:800;letter-spacing:.06em;text-transform:uppercase}.nw-voice-preview-button[data-state="playing"] .nw-voice-preview-badge{background:rgba(0,0,0,.08);color:#5f512d}body[data-product="senioren"] .nw-voice-preview-button,body.senior-product .nw-voice-preview-button,.nw-carousel[data-variant="senior"] .nw-voice-preview-button{background:rgba(255,255,255,.7);color:#282219;border-color:rgba(83,67,35,.16)}body[data-product="senioren"] .nw-voice-preview-button:hover,body.senior-product .nw-voice-preview-button:hover,.nw-carousel[data-variant="senior"] .nw-voice-preview-button:hover{background:#fff;border-color:rgba(83,67,35,.25)}body[data-product="senioren"] .nw-voice-preview-button[data-state="playing"],body.senior-product .nw-voice-preview-button[data-state="playing"],.nw-carousel[data-variant="senior"] .nw-voice-preview-button[data-state="playing"]{background:#1d1b17;color:#fff;border-color:#1d1b17}@keyframes nw-voice-spin{to{transform:rotate(360deg)}}@media(max-width:520px){.nw-voice-preview-button{min-height:44px;padding:0 12px;font-size:12px}.nw-voice-preview-badge{font-size:8px;padding-inline:5px}}@media(prefers-reduced-motion:reduce){.nw-voice-preview-button{transition:none}.nw-voice-preview-button[data-state="loading"] .icon-loading{animation:none;border-right-color:currentColor}}.nw-voice-preview-button:disabled{cursor:default;opacity:.62;transform:none!important;background:rgba(255,255,255,.035);border-color:rgba(255,255,255,.1);color:#aaa59b}.nw-voice-preview-control[data-rework="true"] .nw-voice-preview-icon{display:none}body[data-product="senioren"] .nw-voice-preview-button:disabled,body.senior-product .nw-voice-preview-button:disabled,.nw-carousel[data-variant="senior"] .nw-voice-preview-button:disabled{background:rgba(255,255,255,.42);color:#726b60;border-color:rgba(83,67,35,.12)}
/* Multilingual preview control: button first, language selector directly below. */
.nw-voice-preview-control{
  display:inline-flex;
  flex-direction:column;
  align-items:stretch;
  gap:7px;
  max-width:min(100%,240px);
  pointer-events:auto;
}
.nw-voice-preview-language{
  display:grid;
  grid-template-columns:auto minmax(0,1fr);
  align-items:center;
  gap:8px;
  min-width:0;
  color:#928d84;
  font:600 10px/1.2 system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;
}
.nw-voice-preview-language>span{
  letter-spacing:.04em;
}
.nw-voice-preview-language-select{
  min-width:0;
  height:34px;
  padding:0 30px 0 10px;
  border:1px solid rgba(255,255,255,.12);
  border-radius:999px;
  color:#eeeae2;
  background:
    linear-gradient(45deg,transparent 50%,currentColor 50%) right 12px center/5px 5px no-repeat,
    linear-gradient(135deg,currentColor 50%,transparent 50%) right 8px center/5px 5px no-repeat,
    rgba(255,255,255,.045);
  appearance:none;
  -webkit-appearance:none;
  font:600 11px/1 system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;
  cursor:pointer;
}
.nw-voice-preview-language-select:focus-visible{
  outline:2px solid #d9b95f;
  outline-offset:2px;
}
body[data-product="senioren"] .nw-voice-preview-language,
body.senior-product .nw-voice-preview-language,
.nw-carousel[data-variant="senior"] .nw-voice-preview-language{
  color:#786f61;
}
body[data-product="senioren"] .nw-voice-preview-language-select,
body.senior-product .nw-voice-preview-language-select,
.nw-carousel[data-variant="senior"] .nw-voice-preview-language-select{
  color:#332d23;
  border-color:rgba(83,67,35,.16);
  background:
    linear-gradient(45deg,transparent 50%,currentColor 50%) right 12px center/5px 5px no-repeat,
    linear-gradient(135deg,currentColor 50%,transparent 50%) right 8px center/5px 5px no-repeat,
    rgba(255,255,255,.72);
}
@media(max-width:520px){
  .nw-voice-preview-control{width:min(100%,250px)}
  .nw-voice-preview-language{grid-template-columns:60px minmax(0,1fr)}
  .nw-voice-preview-language-select{height:36px}
}

/* Robust multilingual selector geometry, especially inside registration. */
.nw-voice-preview-control{
  width:min(100%,280px)!important;
  max-width:280px!important;
  box-sizing:border-box!important;
}
.nw-voice-preview-language{
  width:100%!important;
  grid-template-columns:58px minmax(0,1fr)!important;
  box-sizing:border-box!important;
}
.nw-voice-preview-language-select{
  display:block!important;
  width:100%!important;
  min-width:0!important;
  height:38px!important;
  min-height:38px!important;
  box-sizing:border-box!important;
  padding:0 32px 0 12px!important;
  line-height:1.2!important;
  overflow:visible!important;
}
.nw-carousel[data-variant="selection"] .nw-voice-preview-button{
  width:100%!important;
  min-height:44px!important;
  box-sizing:border-box!important;
}


/* Global control containment: voice previews must never exceed their host. */
.nw-voice-preview-control,
.nw-voice-preview-button,
.nw-voice-preview-language,
.nw-voice-preview-language-select{
  box-sizing:border-box!important;
  min-width:0!important;
  max-width:100%!important;
}
.nw-voice-preview-control{
  width:100%!important;
}
.nw-voice-preview-button{
  width:100%!important;
}
.nw-voice-preview-copy{
  min-width:0!important;
  overflow:hidden!important;
  text-overflow:ellipsis!important;
}
.nw-voice-preview-language{
  width:100%!important;
  grid-template-columns:58px minmax(0,1fr)!important;
}
.nw-voice-preview-language-select{
  width:100%!important;
}


/* Premium stacked voice/language control — 2026-08-30 */
.nw-voice-preview-control{
  display:grid!important;
  grid-template-columns:minmax(0,1fr)!important;
  align-items:stretch!important;
  gap:10px!important;
  width:100%!important;
  max-width:280px!important;
  box-sizing:border-box!important;
}
.nw-voice-preview-button{
  width:100%!important;
  min-width:0!important;
  height:44px!important;
  min-height:44px!important;
  padding:0 14px!important;
  border-radius:999px!important;
  box-sizing:border-box!important;
}
.nw-voice-preview-language{
  display:grid!important;
  grid-template-columns:minmax(0,1fr)!important;
  align-items:stretch!important;
  gap:6px!important;
  width:100%!important;
  min-width:0!important;
  box-sizing:border-box!important;
}
.nw-voice-preview-language>span{
  display:block;
  min-width:0;
  padding:0 4px;
  color:#9b968d;
  font:650 10px/1.2 system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;
  letter-spacing:.025em;
  text-align:left;
}
.nw-voice-preview-language-select{
  display:block!important;
  width:100%!important;
  min-width:0!important;
  max-width:100%!important;
  height:44px!important;
  min-height:44px!important;
  padding:0 38px 0 14px!important;
  border:1px solid rgba(255,255,255,.15)!important;
  border-radius:999px!important;
  background:
    linear-gradient(45deg,transparent 50%,currentColor 50%) right 15px center/5px 5px no-repeat,
    linear-gradient(135deg,currentColor 50%,transparent 50%) right 11px center/5px 5px no-repeat,
    rgba(255,255,255,.05)!important;
  color:#f0ede6!important;
  font:650 11px/1 system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif!important;
  letter-spacing:-.005em;
  box-sizing:border-box!important;
  appearance:none!important;
  -webkit-appearance:none!important;
  cursor:pointer;
  transition:background .18s ease,border-color .18s ease,box-shadow .18s ease;
}
.nw-voice-preview-language-select:hover{
  border-color:rgba(255,255,255,.24)!important;
  background:
    linear-gradient(45deg,transparent 50%,currentColor 50%) right 15px center/5px 5px no-repeat,
    linear-gradient(135deg,currentColor 50%,transparent 50%) right 11px center/5px 5px no-repeat,
    rgba(255,255,255,.075)!important;
}
.nw-voice-preview-language-select:focus-visible{
  outline:2px solid #d9b95f!important;
  outline-offset:2px!important;
  border-color:rgba(217,185,95,.58)!important;
}
body[data-product="senioren"] .nw-voice-preview-language>span,
body.senior-product .nw-voice-preview-language>span,
.nw-carousel[data-variant="senior"] .nw-voice-preview-language>span{
  color:#786f61;
}
body[data-product="senioren"] .nw-voice-preview-language-select,
body.senior-product .nw-voice-preview-language-select,
.nw-carousel[data-variant="senior"] .nw-voice-preview-language-select{
  color:#332d23!important;
  border-color:rgba(83,67,35,.18)!important;
  background:
    linear-gradient(45deg,transparent 50%,currentColor 50%) right 15px center/5px 5px no-repeat,
    linear-gradient(135deg,currentColor 50%,transparent 50%) right 11px center/5px 5px no-repeat,
    rgba(255,255,255,.82)!important;
}
body[data-product="senioren"] .nw-voice-preview-language-select:hover,
body.senior-product .nw-voice-preview-language-select:hover,
.nw-carousel[data-variant="senior"] .nw-voice-preview-language-select:hover{
  background:
    linear-gradient(45deg,transparent 50%,currentColor 50%) right 15px center/5px 5px no-repeat,
    linear-gradient(135deg,currentColor 50%,transparent 50%) right 11px center/5px 5px no-repeat,
    #fff!important;
}
/* Registration: center the selected language label inside the selector. */
body.registration-page .nw-carousel[data-variant="selection"] .nw-voice-preview-language-select{
  text-align:center!important;
  text-align-last:center!important;
  padding-left:38px!important;
}

@media(max-width:520px){
  .nw-voice-preview-control{max-width:100%!important}
  .nw-voice-preview-button,
  .nw-voice-preview-language-select{height:44px!important;min-height:44px!important}
}