/* Tasscreative Kids Experience Layer v4.2 */
:root{
  --page-progress:0%;
  --hero-pointer-x:72%;
  --hero-pointer-y:28%;
  --header-shell:color-mix(in srgb,var(--header-bg) 88%,transparent);
}

html{scroll-behavior:smooth;scroll-padding-top:112px}
body{overflow-x:hidden}
section[id],header[id]{scroll-margin-top:112px}

.page-scroll-progress{
  position:fixed;
  z-index:260;
  top:0;
  left:0;
  width:var(--page-progress);
  height:3px;
  pointer-events:none;
  background:linear-gradient(90deg,var(--primary),var(--secondary),var(--accent));
  box-shadow:0 1px 12px color-mix(in srgb,var(--secondary) 58%,transparent);
  transition:width .08s linear;
}

/* Smart glass header */
.site-header{
  will-change:transform;
  transition:transform .38s cubic-bezier(.22,1,.36,1),background .28s,border-color .28s,box-shadow .28s,padding .28s;
}
.smart-header .site-header{
  background:color-mix(in srgb,var(--header-bg) 96%,transparent);
  backdrop-filter:saturate(145%) blur(16px);
  -webkit-backdrop-filter:saturate(145%) blur(16px);
}
.smart-header .site-header.is-scrolled{
  padding:8px 12px 0;
  background:transparent;
  border-color:transparent;
  box-shadow:none;
}
.smart-header .site-header.is-scrolled .header-inner{
  height:72px;
  padding:0 16px;
  border:1px solid color-mix(in srgb,var(--header-border) 78%,transparent);
  border-radius:24px;
  background:var(--header-shell);
  box-shadow:0 18px 48px rgba(21,62,95,.13),inset 0 1px 0 rgba(255,255,255,.72);
  backdrop-filter:blur(20px) saturate(155%);
  -webkit-backdrop-filter:blur(20px) saturate(155%);
}
.smart-header .site-header.is-smart-hidden{
  transform:translateY(calc(-100% - 16px));
}
body.menu-open .site-header{transform:none!important}
.header-inner{transition:height .28s,padding .28s,border-radius .28s,background .28s,box-shadow .28s}
.smart-header .site-header.is-scrolled .brand img{width:100px;height:56px}
.smart-header .site-header.is-scrolled .brand span{max-width:88px}
.brand img{transition:width .28s,height .28s,transform .35s cubic-bezier(.22,1,.36,1),filter .28s}
.brand:hover img{transform:translateY(-2px) rotate(-1.5deg);filter:drop-shadow(0 9px 12px rgba(18,104,169,.13))}

.main-nav{position:relative;isolation:isolate}
.main-nav .nav-active-indicator{
  position:absolute;
  z-index:-1;
  top:50%;
  left:0;
  height:38px;
  width:0;
  opacity:0;
  border:1px solid color-mix(in srgb,var(--primary) 14%,transparent);
  border-radius:14px;
  background:linear-gradient(135deg,color-mix(in srgb,var(--soft-blue) 96%,#fff),color-mix(in srgb,var(--soft-pink) 76%,#fff));
  box-shadow:0 8px 20px rgba(30,111,166,.08),inset 0 1px 0 rgba(255,255,255,.9);
  transform:translate3d(var(--indicator-x,0),-50%,0);
  transition:transform .38s cubic-bezier(.22,1,.36,1),width .38s cubic-bezier(.22,1,.36,1),opacity .22s;
  pointer-events:none;
}
.main-nav a{z-index:1;transition:color .24s,transform .24s,background .24s}
.main-nav a:after{display:none}
.main-nav a.is-active{background:transparent;color:var(--primary);transform:none}
.main-nav a:hover{background:color-mix(in srgb,var(--soft-blue) 68%,transparent);color:var(--primary);transform:translateY(-1px)}

.header-appointment{position:relative;isolation:isolate;overflow:hidden}
.header-appointment:before{
  content:"";
  position:absolute;
  z-index:-1;
  inset:-2px;
  background:linear-gradient(105deg,transparent 20%,rgba(255,255,255,.65) 44%,transparent 66%);
  transform:translateX(-135%) skewX(-18deg);
  transition:transform .65s cubic-bezier(.22,1,.36,1);
}
.header-appointment:hover:before{transform:translateX(135%) skewX(-18deg)}
.header-appointment i{transition:transform .3s cubic-bezier(.22,1,.36,1)}
.header-appointment:hover i{transform:translate(2px,-2px) rotate(8deg)}
.phone-dot{animation:phonePulse 2.8s ease-in-out infinite}
@keyframes phonePulse{0%,100%{transform:scale(1)}50%{transform:scale(1.08)}}

/* Hero experience */
.hero-slider{isolation:isolate}
.hero-slider:after{
  content:"";
  position:absolute;
  z-index:4;
  inset:0;
  pointer-events:none;
  background:radial-gradient(circle at var(--hero-pointer-x) var(--hero-pointer-y),rgba(255,255,255,.20),transparent 25%);
  opacity:.7;
  transition:opacity .35s;
  mix-blend-mode:soft-light;
}
.hero-slide .hero-copy>*{opacity:0;translate:0 20px;transition:opacity .55s ease,translate .7s cubic-bezier(.22,1,.36,1)}
.hero-slide.is-active .hero-copy>*{opacity:1;translate:0 0}
.hero-slide.is-active .hero-copy>:nth-child(2){transition-delay:.08s}
.hero-slide.is-active .hero-copy>:nth-child(3){transition-delay:.15s}
.hero-slide.is-active .hero-copy>:nth-child(4){transition-delay:.22s}
.hero-slide .hero-character{opacity:0;translate:0 34px;scale:.965;transition:opacity .55s ease,translate .85s cubic-bezier(.22,1,.36,1),scale .85s cubic-bezier(.22,1,.36,1),filter .28s}
.hero-slide.is-active .hero-character{opacity:1;translate:0 0;scale:1}
.hero-slide.is-active .hero-character-secondary{transition-delay:.12s}
.hero-slide.is-active .hero-character-primary{transition-delay:.04s}
.hero-character:hover{filter:drop-shadow(0 34px 34px rgba(7,35,63,.27)) saturate(1.04)}
.hero-wave{animation:waveFloat 6s ease-in-out infinite alternate}
@keyframes waveFloat{from{translate:0 0}to{translate:0 5px}}
.hero-spark{filter:drop-shadow(0 5px 9px rgba(0,0,0,.12))}

/* More tactile sections */
.animations-enabled .reveal-section{
  opacity:0;
  transform:translateY(34px) scale(.992);
  filter:blur(7px);
  transition:opacity .72s ease,transform .82s cubic-bezier(.22,1,.36,1),filter .72s ease;
}
.animations-enabled .reveal-section.is-visible{opacity:1;transform:none;filter:none}
.section-heading h2,.about-copy h2,.contact-card h2,.location-card h2{letter-spacing:-.035em}
.service-card,.video-card,.testimonial-card,.character-card,.contact-card,.location-card{isolation:isolate}
.service-card:after,.video-card:after,.testimonial-card:after,.character-card:after,.contact-card:after,.location-card:after{
  content:"";
  position:absolute;
  z-index:-1;
  inset:0;
  pointer-events:none;
  opacity:0;
  background:radial-gradient(280px circle at var(--pointer-x,50%) var(--pointer-y,50%),rgba(255,255,255,.78),transparent 48%);
  transition:opacity .25s;
}
.service-card:hover:after,.video-card:hover:after,.testimonial-card:hover:after,.character-card:hover:after,.contact-card:hover:after,.location-card:hover:after{opacity:.65}
.service-card .card-arrow{transition:transform .32s cubic-bezier(.22,1,.36,1),background .25s,color .25s}
.service-card:hover .card-arrow{transform:translate(3px,-3px) rotate(5deg)}
.play-button{transition:transform .35s cubic-bezier(.22,1,.36,1),box-shadow .3s}
.video-card:hover .play-button{transform:translate(-50%,-50%) scale(1.1) rotate(3deg);box-shadow:0 13px 32px color-mix(in srgb,var(--play-color) 40%,transparent)}
.character-card:hover .character-image img{transform:translateY(-7px) rotate(-1deg) scale(1.025)}
.character-image img{transition:transform .5s cubic-bezier(.22,1,.36,1)}

/* Forty & Fayf scroll-to-top component */
.character-top{
  --top-progress:0deg;
  position:fixed;
  z-index:210;
  right:max(20px,env(safe-area-inset-right));
  bottom:max(22px,env(safe-area-inset-bottom));
  width:96px;
  height:96px;
  padding:0;
  border:0;
  background:transparent;
  cursor:pointer;
  opacity:0;
  visibility:hidden;
  translate:0 24px;
  scale:.88;
  transition:opacity .3s,visibility .3s,translate .45s cubic-bezier(.22,1,.36,1),scale .45s cubic-bezier(.22,1,.36,1);
  filter:drop-shadow(0 16px 24px rgba(25,76,111,.19));
}
.character-top.is-visible{opacity:1;visibility:visible;translate:0 0;scale:1}
.character-top-progress{
  position:absolute;
  inset:4px;
  border-radius:50%;
  background:conic-gradient(var(--secondary) 0 var(--top-progress),rgba(255,255,255,.72) var(--top-progress) 360deg);
}
.character-top-progress:after{
  content:"";
  position:absolute;
  inset:4px;
  border-radius:50%;
  background:linear-gradient(145deg,rgba(255,255,255,.98),color-mix(in srgb,var(--soft-blue) 88%,#fff));
  border:1px solid rgba(255,255,255,.9);
  box-shadow:inset 0 1px 0 #fff;
}
.character-top-core{position:absolute;inset:10px;border-radius:50%;overflow:hidden;z-index:2}
.character-top img{
  position:absolute;
  z-index:2;
  bottom:-5px;
  width:59px;
  height:69px;
  object-fit:contain;
  object-position:center bottom;
  transition:left .48s cubic-bezier(.22,1,.36,1),right .48s cubic-bezier(.22,1,.36,1),transform .48s cubic-bezier(.22,1,.36,1),opacity .28s;
  filter:drop-shadow(0 5px 5px rgba(15,48,76,.16));
}
.character-top-forty{left:-7px;transform:rotate(-5deg)}
.character-top-fayf{right:-7px;transform:rotate(5deg)}
.character-top-arrow{
  position:absolute;
  z-index:4;
  left:50%;
  top:50%;
  width:30px;
  height:30px;
  display:grid;
  place-items:center;
  border-radius:50%;
  color:#fff;
  background:linear-gradient(145deg,var(--primary),color-mix(in srgb,var(--primary) 70%,var(--secondary)));
  box-shadow:0 7px 16px rgba(16,98,157,.28);
  transform:translate(-50%,-32%) scale(.78);
  opacity:0;
  transition:opacity .25s,transform .38s cubic-bezier(.22,1,.36,1);
  font-size:18px;
  font-weight:900;
}
.character-top-label{
  position:absolute;
  z-index:5;
  left:50%;
  bottom:-10px;
  min-width:64px;
  padding:6px 10px;
  border-radius:999px;
  color:#fff;
  background:var(--primary);
  font-family:var(--body-font);
  font-size:10px;
  font-weight:800;
  letter-spacing:.02em;
  box-shadow:0 8px 18px rgba(18,102,165,.2);
  transform:translateX(-50%);
  white-space:nowrap;
}
.character-top:hover{scale:1.055;translate:0 -4px}
.character-top:hover .character-top-forty{left:3px;transform:rotate(-2deg)}
.character-top:hover .character-top-fayf{right:3px;transform:rotate(2deg)}
.character-top:hover .character-top-arrow{opacity:1;transform:translate(-50%,-42%) scale(1)}
.character-top:hover img{opacity:.82}
.character-top.is-merging .character-top-forty,.character-top.is-arrived .character-top-forty{left:12px;transform:rotate(0) scale(.92)}
.character-top.is-merging .character-top-fayf,.character-top.is-arrived .character-top-fayf{right:12px;transform:rotate(0) scale(.92)}
.character-top.is-merging .character-top-arrow{opacity:1;transform:translate(-50%,-48%) scale(1.05)}
.character-top.is-arrived{scale:.7;opacity:0;translate:0 -16px}
.character-top-spark{
  position:absolute;
  z-index:6;
  left:50%;
  top:50%;
  width:7px;
  height:7px;
  border-radius:50%;
  background:var(--accent);
  opacity:0;
  pointer-events:none;
}
.character-top.is-arrived .character-top-spark{animation:topSpark .58s ease-out forwards}
.character-top.is-arrived .spark-two{animation-delay:.05s;background:var(--secondary)}
.character-top.is-arrived .spark-three{animation-delay:.09s;background:var(--primary)}
@keyframes topSpark{
  0%{opacity:1;transform:translate(-50%,-50%) scale(.5)}
  100%{opacity:0;transform:translate(calc(-50% + var(--spark-x)),calc(-50% + var(--spark-y))) scale(1.35)}
}
.character-top .spark-one{--spark-x:-40px;--spark-y:-34px}
.character-top .spark-two{--spark-x:43px;--spark-y:-25px}
.character-top .spark-three{--spark-x:8px;--spark-y:-55px}

@media(max-width:1180px){
  .smart-header .site-header.is-scrolled{padding-inline:8px}
  .smart-header .site-header.is-scrolled .header-inner{padding-inline:12px}
}
@media(max-width:980px){
  html{scroll-padding-top:92px}
  section[id],header[id]{scroll-margin-top:92px}
  .main-nav .nav-active-indicator{display:none}
  .smart-header .site-header.is-scrolled{padding:6px 7px 0}
  .smart-header .site-header.is-scrolled .header-inner{height:68px;border-radius:20px}
  .smart-header .site-header.is-smart-hidden{transform:none}
  .character-top{right:13px;bottom:16px;width:82px;height:82px}
  .character-top img{width:51px;height:59px}
  .character-top-label{font-size:9px;bottom:-8px}
}
@media(max-width:620px){
  .page-scroll-progress{height:2px}
  .smart-header .site-header.is-scrolled .brand img{width:78px;height:48px}
  .character-top{width:74px;height:74px}
  .character-top img{width:47px;height:54px;bottom:-4px}
  .character-top-arrow{width:27px;height:27px;font-size:16px}
  .character-top-label{display:none}
  .hero-slider:after{opacity:.42}
}
@media(prefers-reduced-motion:reduce){
  .site-header,.header-inner,.nav-active-indicator,.character-top,.character-top img,.hero-slide .hero-copy>*,.hero-slide .hero-character,.reveal-section{transition:none!important;animation:none!important}
  .smart-header .site-header.is-smart-hidden{transform:none}
}

.button.is-pressed,.service-card.is-pressed,.video-thumb.is-pressed,.slider-arrow.is-pressed{transform:scale(.965)!important;transition-duration:.08s!important}

/* V4.3 — Ultra tatlı çocuk deneyimi */
.kids-magic-layer{
  position:fixed;
  inset:0;
  z-index:240;
  pointer-events:none;
  overflow:hidden;
  contain:strict;
}
.kids-particle{
  position:fixed;
  left:var(--particle-x,50vw);
  top:var(--particle-y,50vh);
  width:var(--particle-size,16px);
  height:var(--particle-size,16px);
  color:var(--particle-color,var(--secondary));
  pointer-events:none;
  opacity:0;
  transform:translate(-50%,-50%) scale(.3);
  will-change:transform,opacity;
}
.kids-particle.is-bubble{
  border-radius:50%;
  border:1.5px solid color-mix(in srgb,var(--particle-color) 68%,#fff);
  background:
    radial-gradient(circle at 30% 25%,rgba(255,255,255,.98) 0 9%,transparent 10%),
    radial-gradient(circle at 63% 68%,rgba(255,255,255,.42) 0 15%,transparent 16%),
    color-mix(in srgb,var(--particle-color) 30%,transparent);
  box-shadow:inset 0 0 8px rgba(255,255,255,.72),0 7px 16px color-mix(in srgb,var(--particle-color) 20%,transparent);
  animation:kidsBubbleRise var(--particle-duration,1.25s) cubic-bezier(.2,.75,.24,1) forwards;
}
.kids-particle.is-spark,
.kids-particle.is-heart{
  display:grid;
  place-items:center;
  width:auto;
  height:auto;
  font-size:var(--particle-size,16px);
  line-height:1;
  filter:drop-shadow(0 4px 5px color-mix(in srgb,var(--particle-color) 30%,transparent));
  animation:kidsSparkFly var(--particle-duration,.85s) cubic-bezier(.18,.8,.25,1) forwards;
}
.kids-particle.is-heart{animation-name:kidsHeartFly}
@keyframes kidsBubbleRise{
  0%{opacity:0;transform:translate(-50%,-35%) scale(.25)}
  15%{opacity:.95}
  74%{opacity:.82}
  100%{opacity:0;transform:translate(calc(-50% + var(--particle-drift,0px)),calc(-50% - var(--particle-rise,100px))) scale(1.18) rotate(var(--particle-spin,8deg))}
}
@keyframes kidsSparkFly{
  0%{opacity:0;transform:translate(-50%,-50%) scale(.25) rotate(0)}
  18%{opacity:1}
  100%{opacity:0;transform:translate(calc(-50% + var(--particle-drift,0px)),calc(-50% - var(--particle-rise,62px))) scale(1.15) rotate(var(--particle-spin,80deg))}
}
@keyframes kidsHeartFly{
  0%{opacity:0;transform:translate(-50%,-50%) scale(.35) rotate(-10deg)}
  18%{opacity:.95}
  100%{opacity:0;transform:translate(calc(-50% + var(--particle-drift,0px)),calc(-50% - var(--particle-rise,72px))) scale(1.1) rotate(var(--particle-spin,14deg))}
}

.kids-delight .section-heading h2,
.kids-delight .about-copy h2{
  position:relative;
  display:inline-block;
}
.kids-delight .section-heading h2:after,
.kids-delight .about-copy h2:after{
  content:"";
  position:absolute;
  left:12%;
  right:12%;
  bottom:-13px;
  height:6px;
  border-radius:999px;
  background:linear-gradient(90deg,var(--secondary),var(--accent),var(--primary));
  opacity:.18;
  transform:scaleX(.55);
  transition:transform .6s cubic-bezier(.22,1,.36,1),opacity .35s;
}
.kids-delight .is-visible .section-heading h2:after,
.kids-delight .about-section.is-visible .about-copy h2:after{
  transform:scaleX(1);
  opacity:.38;
}
.kids-delight .section-heading:before{
  content:"✦";
  display:inline-grid;
  place-items:center;
  width:28px;
  height:28px;
  margin-bottom:7px;
  border-radius:10px;
  color:var(--secondary);
  background:color-mix(in srgb,var(--secondary) 10%,#fff);
  font-size:13px;
  transform:rotate(-9deg);
  box-shadow:0 8px 20px color-mix(in srgb,var(--secondary) 12%,transparent);
}
.kids-delight .section-heading.is-sparkled:before{animation:kidsHeadingHello .65s cubic-bezier(.2,.9,.28,1)}
@keyframes kidsHeadingHello{0%{transform:rotate(-9deg) scale(.35);opacity:0}55%{transform:rotate(12deg) scale(1.18)}100%{transform:rotate(-9deg) scale(1);opacity:1}}

.kids-delight .character-card{
  --character-look-x:0px;
  --character-look-y:0px;
  --character-rotate:0deg;
  border-color:color-mix(in srgb,var(--name-color) 13%,transparent);
  box-shadow:0 18px 42px rgba(36,76,109,.09),inset 0 0 0 1px rgba(255,255,255,.38);
}
.character-bubble-stage{position:absolute;inset:0;z-index:0;overflow:hidden;pointer-events:none}
.kids-delight .character-bubble-stage:before{
  content:"";
  position:absolute;
  z-index:0;
  width:170px;
  height:170px;
  right:-72px;
  bottom:-88px;
  border-radius:46% 54% 56% 44%/58% 38% 62% 42%;
  background:linear-gradient(145deg,color-mix(in srgb,var(--name-color) 22%,transparent),color-mix(in srgb,var(--secondary) 11%,transparent));
  transform:rotate(18deg);
  transition:transform .65s cubic-bezier(.22,1,.36,1),opacity .35s;
  opacity:.65;
}
.kids-delight .character-card:hover .character-bubble-stage:before,
.kids-delight .character-card.is-character-awake .character-bubble-stage:before{transform:rotate(38deg) scale(1.18);opacity:.9}
.kids-delight .character-copy{position:relative;z-index:2}
.kids-delight .character-star{z-index:4}
.kids-delight .character-image{position:relative;z-index:2;isolation:isolate}
.kids-delight .character-image img{
  position:relative;
  z-index:2;
  transform:translate3d(var(--character-look-x),var(--character-look-y),0) rotate(var(--character-rotate));
  transition:transform .32s cubic-bezier(.2,.86,.25,1),filter .3s;
  filter:drop-shadow(0 16px 17px rgba(34,60,87,.14));
}
.kids-delight .character-card:hover .character-image img,
.kids-delight .character-card.is-character-awake .character-image img{
  transform:translate3d(var(--character-look-x),calc(var(--character-look-y) - 7px),0) rotate(var(--character-rotate)) scale(1.025);
  filter:drop-shadow(0 22px 20px rgba(34,60,87,.2));
}
.character-aura{
  position:absolute;
  z-index:1;
  left:10%;
  right:5%;
  bottom:5%;
  aspect-ratio:1;
  border-radius:50%;
  background:
    radial-gradient(circle,color-mix(in srgb,var(--name-color) 26%,transparent),transparent 58%),
    conic-gradient(from 20deg,color-mix(in srgb,var(--accent) 26%,transparent),color-mix(in srgb,var(--secondary) 20%,transparent),color-mix(in srgb,var(--primary) 20%,transparent),color-mix(in srgb,var(--accent) 26%,transparent));
  opacity:.22;
  transform:scale(.76) rotate(0);
  transition:opacity .35s,transform .75s cubic-bezier(.22,1,.36,1);
  filter:blur(1px);
}
.character-card:hover .character-aura,
.character-card.is-character-awake .character-aura{opacity:.48;transform:scale(1.04) rotate(22deg)}
.character-hello{
  position:absolute;
  z-index:8;
  top:17px;
  right:18px;
  display:grid;
  gap:1px;
  min-width:92px;
  padding:10px 12px;
  border:2px solid rgba(255,255,255,.88);
  border-radius:18px 18px 5px 18px;
  background:rgba(255,255,255,.92);
  color:var(--name-color);
  box-shadow:0 13px 28px rgba(44,73,101,.13);
  opacity:0;
  transform:translateY(7px) rotate(3deg) scale(.82);
  transform-origin:right bottom;
  transition:opacity .24s,transform .42s cubic-bezier(.22,1,.36,1);
  pointer-events:none;
  backdrop-filter:blur(8px);
}
.character-hello:after{
  content:"";
  position:absolute;
  right:8px;
  bottom:-8px;
  width:15px;
  height:15px;
  background:inherit;
  clip-path:polygon(0 0,100% 0,100% 100%);
}
.character-hello b{font-family:var(--heading-font);font-size:15px;line-height:1}
.character-hello small{font-size:8.5px;font-weight:800;color:var(--text);white-space:nowrap}
.character-card:hover .character-hello,
.character-card.is-character-awake .character-hello{opacity:1;transform:translateY(0) rotate(0) scale(1)}
.character-candy-dot{
  position:absolute;
  z-index:1;
  display:block;
  width:11px;
  height:11px;
  border-radius:4px;
  opacity:.55;
  transform:rotate(16deg);
  transition:transform .45s cubic-bezier(.22,1,.36,1),opacity .3s;
}
.character-candy-dot-one{left:42%;top:17%;background:var(--accent)}
.character-candy-dot-two{right:8%;bottom:19%;width:8px;height:8px;background:var(--secondary)}
.character-candy-dot-three{left:48%;bottom:12%;width:7px;height:7px;background:var(--primary)}
.character-card:hover .character-candy-dot-one{transform:translate(-8px,-9px) rotate(55deg) scale(1.25);opacity:.9}
.character-card:hover .character-candy-dot-two{transform:translate(7px,-11px) rotate(-35deg) scale(1.3);opacity:.9}
.character-card:hover .character-candy-dot-three{transform:translate(-2px,8px) rotate(70deg) scale(1.25);opacity:.9}

.kids-delight .service-icon{position:relative;isolation:isolate}
.kids-delight .service-icon:before,
.kids-delight .service-icon:after{
  content:"";
  position:absolute;
  z-index:-1;
  width:8px;
  height:8px;
  border-radius:3px;
  opacity:0;
  transition:opacity .2s,transform .5s cubic-bezier(.22,1,.36,1);
}
.kids-delight .service-icon:before{left:-7px;top:4px;background:var(--accent);transform:translate(8px,8px) rotate(0)}
.kids-delight .service-icon:after{right:-5px;bottom:4px;background:var(--secondary);transform:translate(-8px,-7px) rotate(0)}
.kids-delight .service-card:hover .service-icon:before{opacity:.9;transform:translate(-2px,-5px) rotate(42deg)}
.kids-delight .service-card:hover .service-icon:after{opacity:.9;transform:translate(4px,7px) rotate(-38deg)}
.kids-delight .service-card:hover strong{color:var(--primary)}

.kids-delight .button,
.kids-delight .newsletter-form button,
.kids-delight .play-button{transform-origin:center}
.kids-delight .button:hover,
.kids-delight .newsletter-form button:hover{animation:kidsJelly .48s cubic-bezier(.22,.9,.32,1)}
@keyframes kidsJelly{0%,100%{scale:1}35%{scale:1.045 .96}65%{scale:.985 1.025}}
.kids-delight .play-button:before,
.kids-delight .play-button:after{
  content:"";
  position:absolute;
  inset:-8px;
  border:2px solid color-mix(in srgb,var(--play-color) 45%,#fff);
  border-radius:inherit;
  opacity:0;
  animation:kidsPlayPulse 2.2s ease-out infinite;
}
.kids-delight .play-button:after{animation-delay:1.1s}
@keyframes kidsPlayPulse{0%{opacity:.65;transform:scale(.68)}75%,100%{opacity:0;transform:scale(1.38)}}
.kids-delight .video-card:hover .video-thumb img{transform:scale(1.055) rotate(.5deg)}
.kids-delight .review-stars{background:linear-gradient(90deg,var(--star-color),#fff3a7,var(--star-color));background-size:220% 100%;-webkit-background-clip:text;background-clip:text;color:transparent}
.kids-delight .testimonial-card:hover .review-stars{animation:kidsStarShine 1s linear}
@keyframes kidsStarShine{from{background-position:100% 0}to{background-position:-120% 0}}

.kids-delight .footer-characters.is-waving,
.kids-delight .newsletter-pair.is-waving{animation:kidsPairHello 1.1s cubic-bezier(.22,1,.36,1)}
.kids-delight .newsletter-mascot-left.is-waving{animation:kidsMascotHello 1s cubic-bezier(.22,1,.36,1)}
@keyframes kidsPairHello{0%{transform:translateY(18px) scale(.94);opacity:.35}55%{transform:translateY(-7px) rotate(2deg) scale(1.025);opacity:1}100%{transform:none;opacity:1}}
@keyframes kidsMascotHello{0%{transform:translateY(18px) rotate(-5deg);opacity:.35}55%{transform:translateY(-7px) rotate(4deg);opacity:1}100%{transform:none;opacity:1}}

@media(max-width:900px){
  .character-hello{top:12px;right:12px;padding:8px 10px;min-width:80px}
  .character-hello b{font-size:13px}.character-hello small{font-size:7.5px}
}
@media(max-width:640px){
  .kids-delight .section-heading:before{width:24px;height:24px;font-size:11px;border-radius:8px}
  .character-hello{display:none}
  .character-candy-dot{opacity:.42}
  .kids-magic-layer{z-index:210}
}
@media(prefers-reduced-motion:reduce){
  .kids-particle{display:none!important}
  .kids-delight .section-heading:before,
  .kids-delight .play-button:before,
  .kids-delight .play-button:after,
  .kids-delight .button:hover,
  .kids-delight .newsletter-form button:hover,
  .kids-delight .footer-characters,
  .kids-delight .newsletter-pair,
  .kids-delight .newsletter-mascot-left{animation:none!important}
  .kids-delight .character-image img{transform:none!important}
}