/*
 * V5.5 — yumuşak tedavi kartları, eksiksiz gece modu ve ferah header
 * Bu dosya V5.4 katmanlarından sonra yüklenir; yalnızca kids temasını etkiler.
 */

/* ---------------------------------------------------------
   1. Tedavi başlığı: üst etiket ve ana başlık kesinlikle alt alta
   --------------------------------------------------------- */
.template-kids .home54-services-heading{
  display:grid!important;
  grid-template-columns:minmax(0,1fr)!important;
  justify-items:center!important;
  align-items:start!important;
  gap:7px!important;
  width:100%;
  margin-bottom:26px!important;
  text-align:center!important;
}
.template-kids .home54-services-heading>span,
.template-kids .home54-services-heading>h2{
  display:block!important;
  width:auto!important;
  max-width:min(100%,900px);
  margin:0!important;
}
.template-kids .home54-services-heading>span{
  line-height:1.25!important;
  text-wrap:balance;
}
.template-kids .home54-services-heading>h2{
  line-height:1.03!important;
  text-wrap:balance;
}

/* ---------------------------------------------------------
   2. Slider altı kutulara benzeyen, sakin tedavi kartları
   --------------------------------------------------------- */
.template-kids .home54-services-shell{
  padding:17px!important;
  border-radius:30px!important;
}
.template-kids .home54-services-grid{gap:13px!important}

.template-kids .home54-service-card,
.template-kids .home54-service-card:hover,
.template-kids .home54-service-card[data-delight-card],
.template-kids .home54-service-card[data-delight-card]:hover{
  --home55-lift:0px;
  block-size:128px!important;
  min-block-size:128px!important;
  max-block-size:128px!important;
  padding:14px 10px 12px!important;
  gap:8px!important;
  border-radius:21px!important;
  transform:translate3d(0,var(--home55-lift),0)!important;
  transition:transform .22s cubic-bezier(.22,1,.36,1),box-shadow .22s ease,border-color .22s ease,background-color .22s ease!important;
  will-change:auto!important;
}
.template-kids .home54-service-card::before{
  inset:auto -18% -90% -18%!important;
  opacity:.28!important;
  transform:translateY(24%)!important;
  transition:transform .28s ease,opacity .28s ease!important;
}
.template-kids .home54-service-card::after{
  background:radial-gradient(135px circle at var(--pointer-x,50%) var(--pointer-y,50%),rgba(255,255,255,.82),transparent 68%)!important;
}
.template-kids .home54-service-card:hover{
  --home55-lift:-2px;
  box-shadow:0 13px 27px rgba(31,73,106,.105),inset 0 1px 0 rgba(255,255,255,.95)!important;
}
.template-kids .home54-service-card:hover::before{
  transform:translateY(13%)!important;
  opacity:.39!important;
}
.template-kids .home54-service-icon{
  width:58px!important;
  height:53px!important;
  transition:transform .24s cubic-bezier(.22,1,.36,1),filter .24s ease!important;
}
.template-kids .home54-service-icon svg{
  width:50px!important;
  height:50px!important;
}
.template-kids .home54-service-card:hover .home54-service-icon{
  transform:translateY(-1px) rotate(-1.5deg) scale(1.025)!important;
  filter:saturate(1.04)!important;
}
.template-kids .home54-service-title{
  max-width:145px!important;
  font-size:13.5px!important;
  line-height:1.14!important;
}

/* Genel kart hover ayarı panelden seçilebilir. */
.template-kids.service-card-motion-none .home54-service-card:hover{--home55-lift:0px}
.template-kids.service-card-motion-none .home54-service-card:hover .home54-service-icon{transform:none!important}
.template-kids.service-card-motion-playful .home54-service-card:hover{--home55-lift:-4px}
.template-kids.service-card-motion-playful .home54-service-card:hover .home54-service-icon{transform:translateY(-2px) rotate(-3deg) scale(1.045)!important}

/* ---------------------------------------------------------
   3. Forty / Fayf gece-gündüz anahtarı: karakterler kesilmez
   --------------------------------------------------------- */
.template-kids .character-theme-switch,
.service-detail-page .character-theme-switch{
  overflow:visible!important;
  isolation:isolate;
  min-width:132px;
  flex:0 0 auto;
  padding-top:5px!important;
  padding-bottom:5px!important;
}
.template-kids .character-theme-switch::before,
.service-detail-page .character-theme-switch::before{
  content:"";
  position:absolute;
  z-index:-1;
  inset:0;
  border-radius:inherit;
  background:inherit;
  box-shadow:inherit;
  pointer-events:none;
}
.template-kids .character-theme-switch .theme-character,
.service-detail-page .character-theme-switch .theme-character{
  overflow:visible!important;
  min-width:38px;
}
.template-kids .character-theme-switch .theme-character img,
.service-detail-page .character-theme-switch .theme-character img{
  object-fit:contain!important;
  object-position:center bottom!important;
  overflow:visible!important;
}
.template-kids .site-header,
.template-kids .site-header .header-inner,
.template-kids .site-header .header-actions{
  overflow:visible!important;
}

/* Scroll sonrası fazla sıkıştırma yerine ferah kapsül. */
.template-kids.smart-header .site-header.is-scrolled .header-inner{
  height:78px!important;
  width:min(calc(100% - 28px),1440px)!important;
  padding-inline:18px!important;
  gap:18px!important;
}
.template-kids.smart-header .site-header.is-scrolled .character-theme-switch{
  width:120px!important;
  min-width:120px!important;
  height:48px!important;
  grid-template-columns:38px 1fr 38px!important;
  padding-inline:6px!important;
  border-radius:17px!important;
}
.template-kids.smart-header .site-header.is-scrolled .theme-character img{
  width:34px!important;
  height:39px!important;
}
.template-kids.smart-header .site-header.is-scrolled .theme-character small{
  display:none!important;
}
.template-kids.smart-header .site-header.is-scrolled .theme-switch-track{
  width:29px!important;
  height:17px!important;
}
.template-kids.smart-header .site-header.is-scrolled .theme-switch-track i{
  width:13px!important;
  height:13px!important;
}
html[data-theme='night'] .template-kids.smart-header .site-header.is-scrolled .theme-switch-track i{translate:12px 0!important}

/* Ana sayfa menüsü daha tok, ama taşmadan dengeli. */
.template-kids .site-header .main-nav{gap:2px!important}
.template-kids .site-header .main-nav a{
  padding:10px 9px!important;
  font-size:12.5px!important;
  font-weight:800!important;
  letter-spacing:-.018em!important;
}

/* ---------------------------------------------------------
   4. Hizmet detay header: büyük yazı, küçük boşluk, telefon yok
   --------------------------------------------------------- */
.service-detail-page .site-header .header-inner{
  width:min(calc(100% - 28px),1480px)!important;
  height:86px!important;
  gap:14px!important;
}
.service-detail-page .site-header .brand{
  min-width:148px!important;
  gap:9px!important;
}
.service-detail-page .site-header .brand img{
  width:106px!important;
  height:62px!important;
}
.service-detail-page .site-header .brand span{
  max-width:94px!important;
  font-size:9.2px!important;
}
.service-detail-page .site-header .main-nav{
  justify-content:center!important;
  gap:0!important;
  margin-inline:auto!important;
}
.service-detail-page .site-header .main-nav a{
  padding:10px 7px!important;
  font-size:13.4px!important;
  font-weight:800!important;
  letter-spacing:-.025em!important;
  border-radius:12px!important;
}
.service-detail-page .site-header .header-actions{gap:8px!important}
.service-detail-page .site-header .phone-link{display:none!important}
.service-detail-page .site-header .character-theme-switch{
  width:132px!important;
  min-width:132px!important;
  height:51px!important;
  grid-template-columns:41px 1fr 41px!important;
}
.service-detail-page .site-header .theme-character img{
  width:37px!important;
  height:42px!important;
}
.service-detail-page.smart-header .site-header.is-scrolled .header-inner{
  width:min(calc(100% - 28px),1480px)!important;
  height:80px!important;
  gap:13px!important;
}
.service-detail-page.smart-header .site-header.is-scrolled .character-theme-switch{
  width:120px!important;
  min-width:120px!important;
  height:48px!important;
  grid-template-columns:38px 1fr 38px!important;
}

/* ---------------------------------------------------------
   5. Gece modu: kart ve bölüm yazıları otomatik okunur hale gelir
   --------------------------------------------------------- */
html[data-theme='night'] .template-kids{
  --text:#eef8ff;
  --muted:#adc0d3;
  color:#eef8ff;
}
html[data-theme='night'] .template-kids :is(
  .home49-shortcut-copy strong,
  .home49-shortcut-copy small,
  .home54-service-title,
  .home49-video-copy h3,
  .home49-video-copy p,
  .home49-review-card p,
  .home49-review-author strong,
  .home49-review-author small,
  .home49-faq-question b,
  .home49-faq-question small,
  .home49-faq-answer,
  .home49-faq-answer p,
  .home49-inline-link,
  .home49-section-heading h2,
  .home49-section-heading span,
  .home49-section-action a,
  .contact-detail-copy strong,
  .contact-detail-copy small,
  .location-copy p,
  .location-copy h2,
  .contact-card h2,
  .contact-card p,
  .footer-column a,
  .footer-column h3,
  .footer-brand p
){color:#eef8ff!important}
html[data-theme='night'] .template-kids :is(
  .home49-shortcut-copy small,
  .home49-video-copy p,
  .home49-review-author small,
  .home49-faq-question small,
  .home49-faq-answer,
  .contact-detail-copy small,
  .location-copy p,
  .contact-card p,
  .footer-brand p
){color:#b6c7d8!important}
html[data-theme='night'] .template-kids :is(
  .home49-shortcut,
  .home49-video-card,
  .home49-review-card,
  .home49-faq-item,
  .home54-service-card
){
  background:#112943!important;
  border-color:rgba(170,210,238,.12)!important;
  box-shadow:0 14px 32px rgba(0,0,0,.18)!important;
}
html[data-theme='night'] .template-kids .home54-service-card::after{
  background:radial-gradient(135px circle at var(--pointer-x,50%) var(--pointer-y,50%),rgba(150,203,238,.13),transparent 68%)!important;
}
html[data-theme='night'] .template-kids .home49-shortcut-icon{
  background:color-mix(in srgb,var(--shortcut-icon-bg) 18%,#132d48)!important;
}
html[data-theme='night'] .template-kids .home49-video-shell,
html[data-theme='night'] .template-kids .home49-shortcuts-shell,
html[data-theme='night'] .template-kids .home54-services-shell{
  background:rgba(12,34,54,.82)!important;
  border-color:rgba(170,210,238,.1)!important;
}
html[data-theme='night'] .template-kids .home49-carousel-arrow,
html[data-theme='night'] .template-kids .home49-track-controls button{
  background:#173652!important;
  color:#eef8ff!important;
  border-color:rgba(170,210,238,.13)!important;
}
html[data-theme='night'] .template-kids .home49-video-overlay{
  background:linear-gradient(180deg,rgba(5,20,34,.02),rgba(5,20,34,.54))!important;
}
html[data-theme='night'] .template-kids .home49-section-heading span{
  color:#62c8ff!important;
}
html[data-theme='night'] .template-kids .home49-section-action a,
html[data-theme='night'] .template-kids .home49-inline-link{
  background:#173a5b!important;
  border-color:rgba(167,211,239,.14)!important;
  color:#f4fbff!important;
}

/* Hizmet detay gece görünümü */
html[data-theme='night'] .service-detail-page :is(
  .service-detail-copy h1,
  .service-detail-copy p,
  .service-rich-content,
  .service-rich-content p,
  .service-rich-content li,
  .service-rich-content h2,
  .service-rich-content h3,
  .detail-aside-card h2,
  .detail-aside-card p,
  .detail-other-services h2,
  .detail-other-services .section-heading span,
  .detail-service-list strong,
  .detail-service-list small
){color:#eef8ff!important}
html[data-theme='night'] .service-detail-page :is(.service-detail-copy p,.service-rich-content p,.service-rich-content li,.detail-aside-card p,.detail-service-list small){color:#b5c7d8!important}

/* ---------------------------------------------------------
   6. Responsive ince ayarlar
   --------------------------------------------------------- */
@media(max-width:1360px){
  .template-kids.smart-header .site-header.is-scrolled .header-inner{gap:12px!important;padding-inline:14px!important}
  .template-kids .site-header .main-nav a{padding-inline:7px!important;font-size:11.9px!important}
  .service-detail-page .site-header .header-inner{width:min(calc(100% - 24px),1320px)!important;gap:9px!important}
  .service-detail-page .site-header .brand{min-width:102px!important}
  .service-detail-page .site-header .brand span{display:none!important}
  .service-detail-page .site-header .brand img{width:96px!important;height:58px!important}
  .service-detail-page .site-header .main-nav a{padding-inline:6px!important;font-size:12.7px!important}
  .service-detail-page .site-header .character-theme-switch{width:116px!important;min-width:116px!important;grid-template-columns:36px 1fr 36px!important}
  .service-detail-page .site-header .theme-character img{width:33px!important;height:38px!important}
  .service-detail-page .site-header .theme-character small{display:none!important}
}
@media(max-width:1160px) and (min-width:921px){
  .service-detail-page .site-header .header-inner{grid-template-columns:96px minmax(0,1fr)!important;gap:7px!important}
  .service-detail-page .site-header .header-actions{display:none!important}
  .service-detail-page .site-header .main-nav{justify-content:flex-end!important}
  .service-detail-page .site-header .main-nav a{padding:10px 5.5px!important;font-size:12px!important}
}
@media(max-width:820px){
  .template-kids .home54-services-heading{gap:5px!important;margin-bottom:20px!important}
  .template-kids .home54-services-shell{padding:13px!important}
  .template-kids .home54-service-card,
  .template-kids .home54-service-card:hover,
  .template-kids .home54-service-card[data-delight-card],
  .template-kids .home54-service-card[data-delight-card]:hover{
    block-size:123px!important;
    min-block-size:123px!important;
    max-block-size:123px!important;
    padding:12px 8px 10px!important;
  }
}
@media(max-width:580px){
  .template-kids .home54-service-card,
  .template-kids .home54-service-card:hover,
  .template-kids .home54-service-card[data-delight-card],
  .template-kids .home54-service-card[data-delight-card]:hover{
    block-size:119px!important;
    min-block-size:119px!important;
    max-block-size:119px!important;
  }
  .template-kids .home54-service-title{font-size:12.8px!important}
}
@media(prefers-reduced-motion:reduce){
  .template-kids .home54-service-card,
  .template-kids .home54-service-icon,
  .template-kids .character-theme-switch{transition:none!important;transform:none!important}
}