/* V5.14 — karakter kartlarının altından başlayan ip bağlantıları + modern yorum/SSS sahnesi. */

/* --------------------------------------------------------------------------
   1. Forty/Fayf kartlarından tedavi kapsülüne temiz ip geçişi
   -------------------------------------------------------------------------- */
.template-kids .home511-character-cards-connected{
  overflow:visible!important;
  padding-bottom:150px!important;
}
.template-kids .home51-character-card-grid{
  overflow:visible;
}
.template-kids .home514-card-rope-exit{
  position:absolute;
  z-index:1;
  left:0;
  right:0;
  bottom:-232px;
  height:250px;
  pointer-events:none;
  overflow:visible;
}
.template-kids .home514-card-rope-exit svg{
  display:block;
  width:100%;
  height:100%;
  overflow:visible;
}
.template-kids .home514-card-rope{
  fill:none;
  stroke-linecap:round;
  stroke-linejoin:round;
  vector-effect:non-scaling-stroke;
  transform-box:fill-box;
  transform-origin:top center;
}
.template-kids .home514-card-rope.is-left{color:var(--home514-rope-left,#2EA7E0)}
.template-kids .home514-card-rope.is-right{color:var(--home514-rope-right,#F65397)}
.template-kids .home514-card-rope path{
  stroke:currentColor;
  stroke-width:2.15;
  filter:drop-shadow(1px 4px 3px color-mix(in srgb,currentColor 18%,transparent));
}
.template-kids .home514-card-rope circle{
  fill:#fff;
  stroke:currentColor;
  stroke-width:2.4;
  filter:drop-shadow(0 5px 8px color-mix(in srgb,currentColor 18%,transparent));
}
.template-kids .home514-card-rope.is-left{animation:home514RopeLeft 8.4s ease-in-out infinite}
.template-kids .home514-card-rope.is-right{animation:home514RopeRight 8.9s ease-in-out infinite}
.template-kids .home514-card-rope-bubble{
  position:absolute;
  width:13px;
  height:13px;
  border-radius:50%;
  border:1px solid rgba(255,255,255,.92);
  background:radial-gradient(circle at 30% 24%,#fff 0 18%,rgba(80,183,231,.25) 52%,rgba(246,83,151,.13) 74%,transparent 78%);
  box-shadow:0 7px 18px rgba(42,112,153,.12);
  animation:home514RopeBubble 4.6s ease-in-out infinite;
}
.template-kids .home514-card-rope-bubble.is-left{left:22%;top:49%}
.template-kids .home514-card-rope-bubble.is-right{right:20%;top:63%;width:10px;height:10px;animation-delay:-2.1s}

/* Eski ip sahnesi artık kart yazılarının üstüne çıkmaz; devamı yalnızca iki yanda akar. */
.template-kids .home513-services{
  padding-top:118px!important;
}
.template-kids .home513-character-strings{
  top:-154px!important;
  height:430px!important;
  width:min(100%,1600px)!important;
  opacity:.92;
}
.template-kids .home513-character-strings .home513-bow.is-top{display:none!important}
.template-kids .home513-string-bubble.is-one{left:15%;top:58%}
.template-kids .home513-string-bubble.is-two{right:14%;top:49%}
.template-kids .home513-string-bubble.is-three{right:20%;top:70%}
.template-kids .home513-string-star.is-one{left:8%;top:76%}
.template-kids .home513-string-star.is-two{right:9%;top:63%}
.template-kids .home513-hanging-services{transform-origin:50% -75px!important}

html[data-theme='night'] .template-kids .home514-card-rope circle{fill:#112943}
html[data-theme='night'] .template-kids .home514-card-rope path{filter:drop-shadow(0 0 5px color-mix(in srgb,currentColor 25%,transparent))}

/* --------------------------------------------------------------------------
   2. Aile yorumları + SSS: iki ayrı modern, responsive panel
   -------------------------------------------------------------------------- */
.template-kids .home514-proof-faq{
  position:relative;
  isolation:isolate;
  overflow:hidden;
  padding:96px 0 104px!important;
  background:
    radial-gradient(circle at 7% 12%,color-mix(in srgb,var(--secondary) 12%,transparent),transparent 25%),
    radial-gradient(circle at 93% 88%,color-mix(in srgb,var(--primary) 13%,transparent),transparent 26%),
    linear-gradient(135deg,color-mix(in srgb,var(--proof-bg) 82%,#fff),color-mix(in srgb,var(--faq-bg) 78%,#fff))!important;
}
.template-kids .home514-proof-faq::before{
  content:"";
  position:absolute;
  z-index:-1;
  inset:20px max(20px,calc((100vw - 1480px)/2));
  border:1px solid rgba(255,255,255,.74);
  border-radius:52px;
  background:rgba(255,255,255,.28);
  box-shadow:inset 0 1px 0 rgba(255,255,255,.8);
  backdrop-filter:blur(13px);
  -webkit-backdrop-filter:blur(13px);
}
.template-kids .home514-proof-faq-grid{
  grid-template-columns:minmax(0,1.04fr) minmax(390px,.96fr)!important;
  gap:24px!important;
  align-items:stretch!important;
}
.template-kids .home514-proof-panel,
.template-kids .home514-faq-panel{
  position:relative;
  min-width:0;
  min-height:540px;
  padding:34px 32px 30px!important;
  border:1px solid rgba(43,99,137,.09);
  border-radius:40px;
  background:rgba(255,255,255,.8);
  box-shadow:0 28px 75px rgba(35,77,108,.09),inset 0 1px 0 rgba(255,255,255,.95);
  overflow:hidden!important;
  backdrop-filter:blur(18px);
  -webkit-backdrop-filter:blur(18px);
}
.template-kids .home514-proof-panel::before,
.template-kids .home514-faq-panel::before{
  content:"";
  position:absolute;
  pointer-events:none;
  width:180px;
  height:180px;
  border-radius:42% 58% 61% 39%;
  opacity:.25;
  filter:blur(.2px);
}
.template-kids .home514-proof-panel::before{left:-70px;top:-74px;background:var(--secondary);rotate:18deg}
.template-kids .home514-faq-panel::before{right:-64px;top:-80px;background:var(--primary);rotate:-16deg}

/* Üst metin ve asıl başlık kesin olarak iki ayrı satırdır. */
.template-kids .home514-proof-faq .home49-section-heading{
  position:relative;
  z-index:4;
  display:block!important;
  margin:0 0 25px!important;
  text-align:left;
}
.template-kids .home514-proof-faq .home49-section-heading>span{
  display:block!important;
  width:max-content;
  max-width:100%;
  margin:0 0 9px!important;
  color:var(--secondary);
  font:850 11px/1.35 var(--body-font);
  letter-spacing:.11em;
  text-transform:uppercase;
}
.template-kids .home514-faq-panel .home49-section-heading>span{color:var(--primary)}
.template-kids .home514-proof-faq .home49-section-heading>h2{
  display:block!important;
  width:100%;
  margin:0!important;
  color:#163359;
  font:950 clamp(34px,3.2vw,49px)/1.02 var(--kids-heading-font)!important;
  letter-spacing:-.045em;
  text-wrap:balance;
}

.template-kids .home514-proof-panel .home49-review-track{
  position:relative;
  z-index:3;
  grid-auto-columns:calc((100% - 15px)/2)!important;
  gap:15px!important;
  padding:5px 3px 19px!important;
  mask-image:linear-gradient(90deg,transparent 0,#000 5px,#000 calc(100% - 5px),transparent 100%);
}
.template-kids .home514-review-card{
  --card-pointer-x:50%;
  --card-pointer-y:50%;
  position:relative;
  isolation:isolate;
  min-height:310px!important;
  padding:25px 23px 22px!important;
  border-radius:27px!important;
  border-color:rgba(40,91,126,.08)!important;
  background:
    radial-gradient(220px circle at var(--card-pointer-x) var(--card-pointer-y),rgba(255,255,255,.95),transparent 70%),
    var(--review-card)!important;
  box-shadow:0 16px 38px rgba(36,79,110,.085),inset 0 1px 0 rgba(255,255,255,.94)!important;
  transition:box-shadow .3s ease,border-color .3s ease,transform .3s cubic-bezier(.2,.8,.2,1)!important;
  overflow:hidden;
}
.template-kids .home514-review-card::before{
  content:"";
  position:absolute;
  z-index:-1;
  right:-45px;
  top:-55px;
  width:130px;
  height:130px;
  border-radius:44% 56% 37% 63%;
  background:color-mix(in srgb,var(--star-color) 20%,#fff);
  rotate:24deg;
  transition:rotate .5s ease,scale .5s ease;
}
.template-kids .home514-review-card:hover{
  transform:translateY(-3px)!important;
  border-color:color-mix(in srgb,var(--star-color) 22%,#e8eef4)!important;
  box-shadow:0 24px 50px rgba(36,79,110,.13),inset 0 1px 0 #fff!important;
}
.template-kids .home514-review-card:hover::before{rotate:34deg;scale:1.07}
.template-kids .home514-review-quote{
  position:absolute;
  right:20px;
  top:11px;
  color:color-mix(in srgb,var(--star-color) 32%,transparent);
  font:900 72px/.8 Georgia,serif;
  pointer-events:none;
}
.template-kids .home514-review-card .home49-review-stars{position:relative;z-index:2;font-size:16px}
.template-kids .home514-review-card>p{
  position:relative;
  z-index:2;
  margin:20px 0 22px!important;
  color:#53677e!important;
  font:600 12.5px/1.8 var(--body-font)!important;
  -webkit-line-clamp:8!important;
}
.template-kids .home514-review-card .home49-review-author{position:relative;z-index:2}
.template-kids .home514-review-card .home49-review-author>span,
.template-kids .home514-review-card .home49-review-author>img{width:45px;height:45px;border-radius:15px}
.template-kids .home514-review-card .home49-review-author strong{font-size:12px}
.template-kids .home514-review-card .home49-review-author small{font-size:9px;line-height:1.5}
.template-kids .home514-proof-panel .home49-track-controls{
  position:relative;
  z-index:5;
  justify-content:flex-start!important;
  margin-top:2px!important;
}
.template-kids .home514-proof-panel .home49-track-controls button{
  width:43px;
  height:43px;
  border-radius:15px;
  box-shadow:0 12px 24px rgba(31,92,133,.13);
  transition:transform .2s ease,box-shadow .2s ease;
}
.template-kids .home514-proof-panel .home49-track-controls button:hover{transform:translateY(-2px);box-shadow:0 16px 30px rgba(31,92,133,.18)}

.template-kids .home514-faq-panel{
  padding-right:32px!important;
  padding-bottom:132px!important;
}
.template-kids .home514-faq-panel .home49-faq-list{position:relative;z-index:4;gap:11px}
.template-kids .home514-faq-item{
  --card-pointer-x:50%;
  --card-pointer-y:50%;
  border-radius:20px!important;
  border-color:rgba(39,91,128,.08)!important;
  background:
    radial-gradient(240px circle at var(--card-pointer-x) var(--card-pointer-y),rgba(255,255,255,.9),transparent 72%),
    var(--faq-card)!important;
  box-shadow:0 10px 25px rgba(31,74,107,.06)!important;
  transition:border-color .28s ease,box-shadow .28s ease,transform .28s ease!important;
}
.template-kids .home514-faq-item:hover{transform:translateX(3px);box-shadow:0 16px 34px rgba(31,74,107,.095)!important}
.template-kids .home514-faq-item.is-open{
  transform:none;
  border-color:color-mix(in srgb,var(--faq-accent) 32%,#e4edf4)!important;
  box-shadow:0 20px 42px color-mix(in srgb,var(--faq-accent) 11%,transparent)!important;
}
.template-kids .home514-faq-item .home49-faq-question{padding:18px 18px!important}
.template-kids .home514-faq-item .home49-faq-question b{color:#203b5f;font:800 12.5px/1.45 var(--body-font)!important}
.template-kids .home514-faq-item .home49-faq-question small{font-size:8px}
.template-kids .home514-faq-item .home49-faq-question>i{width:34px;height:34px;border-radius:12px}
.template-kids .home514-faq-item .home49-faq-answer-inner{padding:0 19px 19px;font-size:11.5px;line-height:1.78}
.template-kids .home514-faq-panel .home49-faq-mascot{
  z-index:2;
  right:7px!important;
  bottom:-14px!important;
  width:155px!important;
  max-height:205px!important;
  transform-origin:bottom center;
  animation:home514MascotHello 5.5s ease-in-out infinite;
}

.template-kids .home514-proof-particles{position:absolute;inset:0;z-index:-1;pointer-events:none}
.template-kids .home514-proof-particles i{position:absolute;border-radius:50%;opacity:.48;animation:home514ProofFloat 6.8s ease-in-out infinite}
.template-kids .home514-proof-particles i:nth-child(1){left:4%;top:18%;width:16px;height:16px;background:var(--secondary)}
.template-kids .home514-proof-particles i:nth-child(2){left:48%;top:11%;width:11px;height:11px;background:var(--accent);animation-delay:-2.3s}
.template-kids .home514-proof-particles i:nth-child(3){right:4%;top:28%;width:20px;height:20px;background:var(--primary);animation-delay:-4s}
.template-kids .home514-proof-particles i:nth-child(4){left:13%;bottom:12%;width:9px;height:9px;background:#31c4b3;animation-delay:-1.1s}
.template-kids .home514-proof-particles i:nth-child(5){right:31%;bottom:8%;width:13px;height:13px;background:var(--secondary);animation-delay:-3.2s}

/* Scroll sahnesi giriş animasyonu. */
@media (prefers-reduced-motion:no-preference){
  .template-kids .home514-proof-panel,
  .template-kids .home514-faq-panel{opacity:0;transform:translateY(34px)}
  .template-kids .home514-proof-faq.is-proof-visible .home514-proof-panel,
  .template-kids .home514-proof-faq.is-proof-visible .home514-faq-panel{opacity:1;transform:none;transition:opacity .72s ease,transform .82s cubic-bezier(.2,.82,.2,1)}
  .template-kids .home514-proof-faq.is-proof-visible .home514-faq-panel{transition-delay:.13s}
}

html[data-theme='night'] .template-kids .home514-proof-faq{
  background:
    radial-gradient(circle at 7% 12%,rgba(246,83,151,.12),transparent 25%),
    radial-gradient(circle at 93% 88%,rgba(46,167,224,.13),transparent 26%),
    linear-gradient(135deg,#081728,#0b1d31)!important;
}
html[data-theme='night'] .template-kids .home514-proof-faq::before{background:rgba(17,41,66,.42);border-color:rgba(162,202,229,.08)}
html[data-theme='night'] .template-kids .home514-proof-panel,
html[data-theme='night'] .template-kids .home514-faq-panel{background:rgba(17,41,66,.88);border-color:rgba(162,202,229,.1);box-shadow:0 30px 75px rgba(0,0,0,.22)}
html[data-theme='night'] .template-kids .home514-proof-faq .home49-section-heading>h2,
html[data-theme='night'] .template-kids .home514-faq-item .home49-faq-question b{color:#f1f9ff!important}
html[data-theme='night'] .template-kids .home514-review-card>p{color:#b2c2d3!important}

@keyframes home514RopeLeft{0%,100%{transform:rotate(-.12deg) translateX(0)}50%{transform:rotate(.22deg) translateX(3px)}}
@keyframes home514RopeRight{0%,100%{transform:rotate(.12deg) translateX(0)}50%{transform:rotate(-.22deg) translateX(-3px)}}
@keyframes home514RopeBubble{0%,100%{transform:translate3d(0,5px,0) scale(.82);opacity:.3}50%{transform:translate3d(7px,-14px,0) scale(1.08);opacity:.85}}
@keyframes home514MascotHello{0%,100%{transform:rotate(0) translateY(0)}48%{transform:rotate(-1.8deg) translateY(-5px)}54%{transform:rotate(1.8deg) translateY(-7px)}60%{transform:rotate(0) translateY(0)}}
@keyframes home514ProofFloat{0%,100%{transform:translate3d(0,0,0) scale(.82)}50%{transform:translate3d(8px,-13px,0) scale(1.1)}}

@media(max-width:1180px){
  .template-kids .home514-proof-faq-grid{grid-template-columns:1fr!important;max-width:920px}
  .template-kids .home514-proof-panel,.template-kids .home514-faq-panel{min-height:auto}
  .template-kids .home514-faq-panel{padding-bottom:120px!important}
  .template-kids .home513-character-strings{top:-125px!important;height:390px!important}
}
@media(max-width:920px){
  .template-kids .home511-character-cards-connected{padding-bottom:74px!important;overflow:hidden!important}
  .template-kids .home514-card-rope-exit{display:none!important}
  .template-kids .home513-services{padding-top:70px!important}
  .template-kids .home513-character-strings{top:-42px!important;height:180px!important;width:122%!important;opacity:.36}
  .template-kids .home514-proof-faq{padding:68px 0 78px!important}
  .template-kids .home514-proof-faq::before{inset:12px;border-radius:36px}
  .template-kids .home514-proof-panel,.template-kids .home514-faq-panel{padding:25px 20px 24px!important;border-radius:30px}
  .template-kids .home514-faq-panel{padding-bottom:115px!important}
  .template-kids .home514-proof-panel .home49-review-track{grid-auto-columns:min(84vw,330px)!important}
}
@media(max-width:620px){
  .template-kids .home514-proof-faq-grid{gap:16px!important;padding-inline:14px}
  .template-kids .home514-proof-panel,.template-kids .home514-faq-panel{padding:22px 16px 21px!important;border-radius:27px}
  .template-kids .home514-faq-panel{padding-bottom:105px!important}
  .template-kids .home514-proof-faq .home49-section-heading{margin-bottom:19px!important}
  .template-kids .home514-proof-faq .home49-section-heading>span{font-size:9px;letter-spacing:.09em}
  .template-kids .home514-proof-faq .home49-section-heading>h2{font-size:34px!important}
  .template-kids .home514-review-card{min-height:285px!important;padding:22px 19px 20px!important}
  .template-kids .home514-faq-item:hover{transform:none}
  .template-kids .home514-faq-panel .home49-faq-mascot{width:128px!important;right:-3px!important}
}
@media(prefers-reduced-motion:reduce){
  .template-kids .home514-card-rope,
  .template-kids .home514-card-rope-bubble,
  .template-kids .home514-proof-particles i,
  .template-kids .home514-faq-panel .home49-faq-mascot{animation:none!important}
  .template-kids .home514-proof-panel,
  .template-kids .home514-faq-panel{opacity:1!important;transform:none!important;transition:none!important}
}
.template-kids.animations-disabled .home514-card-rope,
.template-kids.animations-disabled .home514-card-rope-bubble,
.template-kids.animations-disabled .home514-proof-particles i,
.template-kids.animations-disabled .home514-faq-panel .home49-faq-mascot{animation:none!important}
