/* V5.13 — Forty/Fayf kartlarından tedavi kapsülüne ip bağlantısı ve hafif rüzgâr salınımı. */
.template-kids .home513-services{
  --home513-sway-angle:.42deg;
  --home513-sway-duration:7.6s;
  overflow:visible!important;
  isolation:isolate;
}
.template-kids .home513-services[data-sway-strength="calm"]{--home513-sway-angle:.22deg;--home513-sway-duration:9.2s}
.template-kids .home513-services[data-sway-strength="balanced"]{--home513-sway-angle:.42deg;--home513-sway-duration:7.6s}
.template-kids .home513-services[data-sway-strength="playful"]{--home513-sway-angle:.68deg;--home513-sway-duration:6.2s}

.template-kids .home513-character-strings{
  position:absolute;
  z-index:1;
  top:-325px;
  left:50%;
  width:min(100%,1600px);
  height:610px;
  translate:-50% 0;
  overflow:visible;
  pointer-events:none;
}
.template-kids .home513-character-strings svg{display:block;width:100%;height:100%;overflow:visible}
.template-kids .home513-string-group{transform-box:fill-box;transform-origin:top center;will-change:transform}
.template-kids .home513-string-group.is-forty{color:var(--treatment-string-left);animation:home513StringWindLeft 7.8s ease-in-out infinite paused}
.template-kids .home513-string-group.is-fayf{color:var(--treatment-string-right);animation:home513StringWindRight 8.3s ease-in-out infinite paused}
.template-kids .home513-services.is-wind-active .home513-string-group{animation-play-state:running}
.template-kids .home513-string-line,
.template-kids .home513-string-shadow{
  fill:none;
  vector-effect:non-scaling-stroke;
  stroke-linecap:round;
  stroke-linejoin:round;
}
.template-kids .home513-string-shadow{stroke:rgba(31,64,91,.12);stroke-width:5.6;translate:1px 3px}
.template-kids .home513-string-line{stroke:currentColor;stroke-width:2.2;filter:url(#home513StringGlow)}
.template-kids .home513-bow{fill:none;stroke:currentColor;stroke-width:2.3;stroke-linecap:round;stroke-linejoin:round;vector-effect:non-scaling-stroke}
.template-kids .home513-bow.is-top{opacity:.78}
.template-kids .home513-bow.is-bottom{opacity:.94}

.template-kids .home513-string-bubble{
  position:absolute;
  width:14px;height:14px;border:1px solid rgba(255,255,255,.92);border-radius:50%;
  background:radial-gradient(circle at 30% 25%,#fff 0 16%,rgba(79,181,232,.28) 50%,rgba(246,83,151,.16) 72%,transparent 76%);
  box-shadow:0 5px 14px rgba(31,91,131,.12);
  animation:home513BridgeBubble 4.7s ease-in-out infinite paused;
}
.template-kids .home513-services.is-wind-active .home513-string-bubble{animation-play-state:running}
.template-kids .home513-string-bubble.is-one{left:18%;top:47%;animation-delay:-1.2s}
.template-kids .home513-string-bubble.is-two{right:17%;top:39%;width:10px;height:10px;animation-delay:-2.8s}
.template-kids .home513-string-bubble.is-three{right:23%;top:65%;width:18px;height:18px;animation-delay:-.5s}
.template-kids .home513-string-star{position:absolute;color:var(--accent);font-size:18px;line-height:1;text-shadow:0 5px 14px rgba(255,201,40,.24);animation:home513StarBreathe 3.4s ease-in-out infinite paused}
.template-kids .home513-services.is-wind-active .home513-string-star{animation-play-state:running}
.template-kids .home513-string-star.is-one{left:11%;top:71%;rotate:-12deg}
.template-kids .home513-string-star.is-two{right:12%;top:53%;color:var(--secondary);animation-delay:-1.7s}

.template-kids .home513-services>.container{position:relative;z-index:3}
.template-kids .home513-hanging-services{
  transform-origin:50% -210px;
  will-change:auto;
}
.template-kids .home513-hanging-services.is-sway-enabled{
  animation:home513HangingSway var(--home513-sway-duration) cubic-bezier(.45,.03,.55,.97) infinite paused;
}
.template-kids .home513-services.is-wind-active .home513-hanging-services.is-sway-enabled{animation-play-state:running;will-change:transform}
.template-kids .home513-hanging-services:hover{animation-play-state:paused!important}

.template-kids .home513-shell-hook{
  position:absolute;z-index:8;top:-15px;width:31px;height:28px;display:grid;place-items:center;
  color:var(--treatment-string-left);pointer-events:none;
}
.template-kids .home513-shell-hook.is-left{left:11.8%;color:var(--treatment-string-left)}
.template-kids .home513-shell-hook.is-right{right:11.8%;color:var(--treatment-string-right)}
.template-kids .home513-shell-hook:before,
.template-kids .home513-shell-hook:after{
  content:"";position:absolute;top:5px;width:17px;height:13px;border:2px solid currentColor;border-radius:70% 35% 70% 35%;background:color-mix(in srgb,currentColor 8%,#fff);
}
.template-kids .home513-shell-hook:before{right:50%;transform:rotate(24deg)}
.template-kids .home513-shell-hook:after{left:50%;transform:scaleX(-1) rotate(24deg)}
.template-kids .home513-shell-hook i{position:relative;z-index:2;width:7px;height:7px;border:2px solid currentColor;border-radius:50%;background:#fff;box-shadow:0 3px 8px color-mix(in srgb,currentColor 18%,transparent)}

.template-kids .home513-wind-particles{position:absolute;inset:-70px 0 0;z-index:9;overflow:hidden;pointer-events:none}
.template-kids .home513-wind-particle{
  --particle-size:10px;--particle-x:50%;--particle-y:70%;--particle-color:#45b9ea;--particle-drift:12px;
  position:absolute;left:var(--particle-x);top:var(--particle-y);width:var(--particle-size);height:var(--particle-size);
  border-radius:50%;border:1px solid color-mix(in srgb,var(--particle-color) 35%,#fff);
  background:radial-gradient(circle at 30% 25%,#fff 0 18%,color-mix(in srgb,var(--particle-color) 32%,transparent) 55%,transparent 76%);
  animation:home513WindParticle 1.65s ease-out forwards;
}
.template-kids .home513-wind-particle.is-star{border:0;border-radius:0;background:var(--particle-color);clip-path:polygon(50% 0,61% 36%,100% 50%,61% 64%,50% 100%,39% 64%,0 50%,39% 36%)}

html[data-theme='night'] .template-kids .home513-string-shadow{stroke:rgba(0,0,0,.24)}
html[data-theme='night'] .template-kids .home513-string-line{filter:drop-shadow(0 0 5px color-mix(in srgb,currentColor 28%,transparent))}
html[data-theme='night'] .template-kids .home513-shell-hook i{background:#112943}
html[data-theme='night'] .template-kids .home513-shell-hook:before,
html[data-theme='night'] .template-kids .home513-shell-hook:after{background:color-mix(in srgb,currentColor 10%,#112943)}

@keyframes home513HangingSway{
  0%,100%{transform:rotate(calc(var(--home513-sway-angle) * -1)) translate3d(-1px,0,0)}
  50%{transform:rotate(var(--home513-sway-angle)) translate3d(1px,1px,0)}
}
@keyframes home513StringWindLeft{0%,100%{transform:rotate(-.18deg) translateX(0)}50%{transform:rotate(.35deg) translateX(3px)}}
@keyframes home513StringWindRight{0%,100%{transform:rotate(.18deg) translateX(0)}50%{transform:rotate(-.35deg) translateX(-3px)}}
@keyframes home513BridgeBubble{0%,100%{transform:translate3d(0,5px,0) scale(.82);opacity:.35}50%{transform:translate3d(8px,-13px,0) scale(1.08);opacity:.86}}
@keyframes home513StarBreathe{0%,100%{transform:scale(.76) rotate(-7deg);opacity:.4}50%{transform:scale(1.13) rotate(9deg);opacity:.95}}
@keyframes home513WindParticle{0%{opacity:0;transform:translate3d(0,8px,0) scale(.55)}18%{opacity:.95}100%{opacity:0;transform:translate3d(var(--particle-drift),-72px,0) scale(1.12) rotate(95deg)}}

@media (max-width:1180px){
  .template-kids .home513-character-strings{top:-285px;height:550px}
  .template-kids .home513-shell-hook.is-left{left:12%}
  .template-kids .home513-shell-hook.is-right{right:12%}
}

@media (max-width:920px){
  .template-kids .home513-services{overflow:hidden!important}
  .template-kids .home513-character-strings{top:-92px;height:225px;width:125%;opacity:.58}
  .template-kids .home513-string-group.is-forty,
  .template-kids .home513-string-group.is-fayf{animation:none!important;transform:none!important}
  .template-kids .home513-string-bubble,.template-kids .home513-string-star{display:none}
  .template-kids .home513-hanging-services,
  .template-kids .home513-hanging-services.is-sway-enabled{animation:none!important;transform:none!important;will-change:auto!important}
  .template-kids .home513-shell-hook{top:-12px;scale:.82}
  .template-kids .home513-shell-hook.is-left{left:12%}
  .template-kids .home513-shell-hook.is-right{right:12%}
}

@media (prefers-reduced-motion:reduce){
  .template-kids .home513-string-group,
  .template-kids .home513-string-bubble,
  .template-kids .home513-string-star,
  .template-kids .home513-hanging-services{animation:none!important;transform:none!important;will-change:auto!important}
}
.template-kids.animations-disabled .home513-string-group,
.template-kids.animations-disabled .home513-string-bubble,
.template-kids.animations-disabled .home513-string-star,
.template-kids.animations-disabled .home513-hanging-services{animation:none!important;transform:none!important;will-change:auto!important}