/* JARVIX | Sesli Tanitim / mobil ve masaustu. */
.jvx-voice-dock{
  position:fixed;right:max(18px,env(safe-area-inset-right));bottom:max(22px,env(safe-area-inset-bottom));
  z-index:205;box-sizing:border-box;width:min(326px,calc(100vw - 38px));min-height:78px;
  display:flex;align-items:stretch;gap:0;padding:5px;
  border:1.5px solid #173c4f;border-radius:19px;
  background:#fff;color:#143448;box-shadow:4px 5px 0 #99e9ee,0 9px 28px #0d344326;
  font-family:Nunito,system-ui,-apple-system,sans-serif;
  transition:transform .18s ease,box-shadow .18s ease;
}
.jvx-voice-dock:hover{transform:translateY(-2px);box-shadow:4px 7px 0 #99e9ee,0 11px 30px #0d34432b}
.jvx-voice-dock button{font-family:inherit;cursor:pointer}
.jvx-voice-play{min-width:0;flex:1;display:flex;align-items:center;gap:10px;text-align:left;background:transparent;border:0;padding:10px 5px 9px 9px;color:inherit;border-radius:13px}
.jvx-voice-play:focus-visible,.jvx-voice-close:focus-visible,.jvx-voice-restore:focus-visible{outline:3px solid #0495b4;outline-offset:2px}
.jvx-voice-symbol{position:relative;flex:0 0 44px;width:44px;height:44px;border-radius:15px;background:#c9f7f9;color:#0b607c;display:grid;place-items:center;border:1px solid #7cdae5}
.jvx-voice-headphones{width:23px;height:23px}
.jvx-voice-equalizer{position:absolute;bottom:8px;left:14px;display:flex;align-items:center;justify-content:center;gap:2px;height:12px;opacity:0}
.jvx-voice-equalizer i{width:3px;height:6px;background:#0b607c;border-radius:3px}
.jvx-voice-dock.is-playing .jvx-voice-headphones{opacity:.16}
.jvx-voice-dock.is-playing .jvx-voice-equalizer{opacity:1}
.jvx-voice-dock.is-playing .jvx-voice-equalizer i{animation:jvx-voice-bars .65s ease-in-out infinite alternate}
.jvx-voice-dock.is-playing .jvx-voice-equalizer i:nth-child(2){animation-delay:.18s}
.jvx-voice-dock.is-playing .jvx-voice-equalizer i:nth-child(3){animation-delay:.36s}
.jvx-voice-copy{min-width:0;display:flex;flex-direction:column;gap:3px;flex:1}
.jvx-voice-copy strong{font-size:14px;font-weight:900;line-height:1.28;letter-spacing:-.025em;white-space:normal}
.jvx-voice-copy small{font-size:11.5px;line-height:1.35;color:#57778b;font-weight:700;white-space:normal}
.jvx-voice-progress{height:2px;display:block;margin-top:3px;border-radius:10px;background:#e2f0f2;overflow:hidden}
.jvx-voice-progress i{display:block;height:100%;width:0;background:#03adc9;transition:width .15s linear}
.jvx-voice-close{flex:0 0 26px;align-self:flex-start;display:grid;place-items:center;min-height:28px;max-height:28px;padding:0;background:transparent;border:0;color:#819ba6;font-size:21px;font-weight:600;line-height:1;border-radius:9px}
.jvx-voice-close:hover{background:#ecf6f8;color:#163448}
.jvx-voice-restore{display:none;min-width:52px;min-height:52px;border:1px solid #92dce4;border-radius:15px;background:#ddf9fc;color:#17465b;font-size:22px}
.jvx-voice-dock.is-minimized{width:auto;min-height:0;padding:4px;background:#fff}
.jvx-voice-dock.is-minimized .jvx-voice-play,.jvx-voice-dock.is-minimized .jvx-voice-close{display:none}
.jvx-voice-dock.is-minimized .jvx-voice-restore:not([hidden]){display:block}
.jvx-voice-dock [hidden]{display:none!important}
.jvx-voice-sr{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}
/* Once cookie choice appears, its panel takes priority. */
body.jvx-cookie-visible .jvx-voice-dock,body.menu-open .jvx-voice-dock{display:none!important}
@keyframes jvx-voice-bars{from{height:3px}to{height:12px}}
@media(max-width:650px){
  .jvx-voice-dock{right:max(11px,env(safe-area-inset-right));bottom:max(14px,env(safe-area-inset-bottom));width:min(248px,calc(100vw - 116px));min-height:69px;border-radius:16px;padding:4px;box-shadow:3px 4px 0 #a8eaf0,0 5px 20px #0d34432b}
  .jvx-voice-play{gap:7px;padding:7px 3px 6px 6px}
  .jvx-voice-symbol{flex-basis:36px;width:36px;height:36px;border-radius:11px}
  .jvx-voice-headphones{width:20px;height:20px}
  .jvx-voice-equalizer{left:10px;bottom:5px}
  .jvx-voice-copy strong{font-size:12px}
  .jvx-voice-copy small{font-size:10.5px}
  .jvx-voice-close{flex-basis:20px;font-size:18px}
}
@media(max-width:365px){
  .jvx-voice-dock{width:min(215px,calc(100vw - 111px))}
  .jvx-voice-symbol{flex-basis:31px;width:31px;height:34px}
  .jvx-voice-copy strong{font-size:11.5px}
  .jvx-voice-copy small{font-size:10px}
}
@media(prefers-reduced-motion:reduce){.jvx-voice-dock,.jvx-voice-progress i{transition:none!important}.jvx-voice-dock.is-playing .jvx-voice-equalizer i{animation:none!important;height:8px}}