/* V5.4 — referans görseldeki kompakt diş tedavisi kartları ve detay sayfasında büyük menü */

.template-kids .home54-services{
  position:relative;
  padding:72px 0 86px;
  background:
    radial-gradient(circle at 8% 18%,color-mix(in srgb,var(--secondary) 7%,transparent),transparent 22%),
    radial-gradient(circle at 92% 84%,color-mix(in srgb,var(--primary) 8%,transparent),transparent 24%),
    var(--section-bg);
  overflow:hidden;
}
.template-kids .home54-services-heading{margin-bottom:24px}
.template-kids .home54-services-heading h2{
  font-family:var(--kids-heading-font)!important;
  font-weight:900!important;
  letter-spacing:-.045em!important;
  text-wrap:balance;
}
.template-kids .home54-services-shell{
  position:relative;
  isolation:isolate;
  padding:20px;
  border:1px solid rgba(36,91,127,.08);
  border-radius:34px;
  background:rgba(255,255,255,.78);
  box-shadow:0 22px 58px rgba(31,72,104,.08),inset 0 1px 0 rgba(255,255,255,.96);
  backdrop-filter:blur(18px);
  -webkit-backdrop-filter:blur(18px);
}
.template-kids .home54-services-shell::before{
  content:"";
  position:absolute;
  z-index:-1;
  inset:8px;
  border:1px dashed color-mix(in srgb,var(--primary) 8%,transparent);
  border-radius:27px;
  pointer-events:none;
}
.template-kids .home54-services-grid{
  display:grid;
  grid-template-columns:repeat(6,minmax(0,1fr));
  gap:14px;
  align-items:stretch;
}
.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{
  --home54-lift:0px;
  position:relative;
  isolation:isolate;
  display:flex!important;
  flex-direction:column!important;
  align-items:center!important;
  justify-content:center!important;
  block-size:132px!important;
  min-block-size:132px!important;
  max-block-size:132px!important;
  inline-size:100%;
  min-inline-size:0;
  gap:10px!important;
  padding:15px 10px 13px!important;
  overflow:hidden!important;
  border:1px solid rgba(35,91,127,.095)!important;
  border-radius:22px!important;
  background:var(--service-card-bg,#fff)!important;
  box-shadow:0 10px 24px rgba(37,74,104,.075),inset 0 1px 0 rgba(255,255,255,.96)!important;
  color:var(--service-title-color,var(--text));
  text-align:center;
  transform:perspective(900px) translate3d(0,var(--home54-lift),0) rotateX(var(--delight-rx,0deg)) rotateY(var(--delight-ry,0deg))!important;
  transition:transform .28s cubic-bezier(.2,.78,.25,1),box-shadow .28s ease,border-color .28s ease,background-color .28s ease!important;
  will-change:transform;
}
.template-kids .home54-service-card::before{
  content:"";
  position:absolute;
  z-index:-2;
  inset:auto -25% -82% -25%;
  height:112%;
  border-radius:50%;
  background:var(--service-icon-bg,#edf8ff);
  opacity:.42;
  transform:translateY(16%);
  transition:transform .35s ease,opacity .35s ease;
  pointer-events:none;
}
.template-kids .home54-service-card::after{
  content:"";
  position:absolute;
  z-index:-1;
  inset:0;
  background:radial-gradient(150px circle at var(--pointer-x,50%) var(--pointer-y,50%),rgba(255,255,255,.94),transparent 67%);
  opacity:0;
  transition:opacity .24s ease;
  pointer-events:none;
}
.template-kids .home54-service-card:hover{
  --home54-lift:-5px;
  border-color:color-mix(in srgb,var(--service-icon-color) 25%,#fff)!important;
  box-shadow:0 17px 34px rgba(31,73,106,.13),inset 0 1px 0 #fff!important;
}
.template-kids .home54-service-card:hover::before{transform:translateY(-3%);opacity:.62}
.template-kids .home54-service-card:hover::after{opacity:.68}
.template-kids .home54-service-icon{
  position:relative;
  z-index:2;
  display:grid;
  place-items:center;
  width:61px;
  height:55px;
  color:var(--service-icon-color,var(--primary));
  background:radial-gradient(circle at 50% 54%,var(--service-icon-bg,#edf8ff) 0 36%,transparent 68%);
  transition:transform .32s cubic-bezier(.2,.9,.24,1),filter .32s ease;
}
.template-kids .home54-service-icon::before,
.template-kids .home54-service-icon::after{
  content:"";
  position:absolute;
  border-radius:999px;
  background:var(--service-icon-accent,var(--secondary));
  opacity:.7;
}
.template-kids .home54-service-icon::before{width:6px;height:6px;right:0;top:5px}
.template-kids .home54-service-icon::after{width:4px;height:4px;left:3px;bottom:7px}
.template-kids .home54-service-icon svg{
  width:53px!important;
  height:53px!important;
  overflow:visible;
  stroke-linecap:round;
  stroke-linejoin:round;
  filter:drop-shadow(0 5px 6px color-mix(in srgb,var(--service-icon-color) 13%,transparent));
}
.template-kids .home54-service-icon .service-icon-accent{
  stroke:var(--service-icon-accent,var(--secondary));
}
.template-kids .home54-service-card:hover .home54-service-icon{
  transform:translateY(-2px) rotate(-4deg) scale(1.06);
  filter:saturate(1.08);
}
.template-kids .home54-service-title{
  position:relative;
  z-index:2;
  display:-webkit-box;
  width:100%;
  max-width:150px;
  margin:0;
  overflow:hidden;
  color:var(--service-title-color,var(--text));
  font-family:var(--kids-heading-font)!important;
  font-size:14px!important;
  font-weight:900!important;
  line-height:1.12!important;
  letter-spacing:-.025em!important;
  text-align:center;
  overflow-wrap:anywhere;
  -webkit-line-clamp:2;
  -webkit-box-orient:vertical;
}
.template-kids .home54-services-decor{
  position:absolute;
  z-index:3;
  display:grid;
  place-items:center;
  width:44px;
  height:44px;
  color:var(--secondary);
  opacity:.55;
  pointer-events:none;
  animation:home54DecorFloat 4.8s ease-in-out infinite;
}
.template-kids .home54-services-decor svg{width:100%;height:100%}
.template-kids .home54-services-decor .service-icon-accent{stroke:var(--accent)}
.template-kids .home54-services-decor.decor-left{left:-17px;top:-18px;rotate:-13deg}
.template-kids .home54-services-decor.decor-right{right:-15px;bottom:-15px;color:var(--primary);rotate:16deg;animation-delay:-2.2s}
.template-kids .home54-services-action{margin-top:24px}
.template-kids .home54-services-action a{
  min-height:48px;
  padding:0 22px;
  border-radius:16px;
  box-shadow:0 12px 24px color-mix(in srgb,var(--primary) 18%,transparent);
}
@keyframes home54DecorFloat{0%,100%{transform:translateY(0) rotate(0)}50%{transform:translateY(-7px) rotate(5deg)}}

html[data-theme='night'] .template-kids .home54-services-shell{
  background:rgba(13,36,56,.78);
  border-color:rgba(151,200,231,.1);
  box-shadow:0 24px 60px rgba(0,0,0,.22),inset 0 1px 0 rgba(255,255,255,.04);
}
html[data-theme='night'] .template-kids .home54-service-card,
html[data-theme='night'] .template-kids .home54-service-card:hover{
  background:color-mix(in srgb,var(--service-card-bg) 13%,#102a42)!important;
  border-color:rgba(153,201,231,.1)!important;
}

/* Hizmet detay sayfası: telefon kutusunu kaldır, ana sayfadaki menü boyutunu koru. */
.service-detail-page .site-header .header-inner{
  width:min(calc(100% - 36px),1500px)!important;
  height:86px!important;
  display:flex!important;
  align-items:center!important;
  gap:22px!important;
}
.service-detail-page .site-header .brand{
  flex:0 0 auto!important;
  min-width:170px!important;
  width:auto!important;
  gap:11px!important;
}
.service-detail-page .site-header .brand img{
  width:112px!important;
  height:64px!important;
}
.service-detail-page .site-header .brand span{
  display:block!important;
  max-width:98px!important;
  font-size:9.5px!important;
  line-height:1.23!important;
}
.service-detail-page .site-header .main-nav{
  display:flex!important;
  flex:1 1 auto!important;
  min-width:0!important;
  width:auto!important;
  margin-left:auto!important;
  justify-content:center!important;
  gap:3px!important;
  overflow:visible!important;
}
.service-detail-page .site-header .main-nav a{
  flex:0 0 auto!important;
  padding:10px 9px!important;
  border-radius:13px!important;
  font-family:var(--body-font)!important;
  font-size:12.5px!important;
  font-weight:800!important;
  line-height:1.15!important;
  letter-spacing:-.015em!important;
  white-space:nowrap!important;
}
.service-detail-page .site-header .header-actions{
  flex:0 0 auto!important;
  min-width:0!important;
  gap:10px!important;
  justify-self:auto!important;
}
.service-detail-page .site-header .phone-link{display:none!important}
.service-detail-page .site-header .character-theme-switch{
  width:126px!important;
  height:50px!important;
  padding:5px 7px!important;
  border-radius:17px!important;
  grid-template-columns:39px 1fr 39px!important;
}
.service-detail-page .site-header .theme-character img{width:34px!important;height:36px!important}
.service-detail-page .site-header .theme-character small{display:block!important;font-size:6.5px!important}
.service-detail-page .site-header .theme-switch-track{width:31px!important;height:17px!important}
.service-detail-page .site-header .theme-switch-track i{width:13px!important;height:13px!important}
html[data-theme='night'] .service-detail-page .site-header .theme-switch-track i{translate:13px 0!important}
.service-detail-page.smart-header .site-header.is-scrolled .header-inner{height:78px!important}
.service-detail-page.smart-header .site-header.is-scrolled .brand img{width:102px!important;height:58px!important}

@media(max-width:1360px){
  .service-detail-page .site-header .header-inner{width:min(calc(100% - 28px),1320px)!important;gap:14px!important}
  .service-detail-page .site-header .brand{min-width:105px!important}
  .service-detail-page .site-header .brand span{display:none!important}
  .service-detail-page .site-header .brand img{width:98px!important;height:58px!important}
  .service-detail-page .site-header .main-nav{gap:1px!important}
  .service-detail-page .site-header .main-nav a{padding-inline:7px!important;font-size:12px!important}
  .service-detail-page .site-header .character-theme-switch{width:104px!important;grid-template-columns:33px 1fr 33px!important}
  .service-detail-page .site-header .theme-character img{width:29px!important;height:32px!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{
    width:min(calc(100% - 24px),1136px)!important;
    height:82px!important;
    gap:12px!important;
  }
  .service-detail-page .site-header .brand{min-width:92px!important}
  .service-detail-page .site-header .brand img{width:88px!important;height:54px!important}
  .service-detail-page .site-header .header-actions{display:none!important}
  .service-detail-page .site-header .main-nav{
    display:flex!important;
    justify-content:flex-end!important;
    gap:1px!important;
  }
  .service-detail-page .site-header .main-nav a{
    padding:10px 6px!important;
    font-size:11.6px!important;
  }
}
@media(max-width:920px){
  .service-detail-page .site-header .header-inner{
    width:min(calc(100% - 24px),var(--container,1180px))!important;
    height:74px!important;
    display:grid!important;
    grid-template-columns:minmax(0,1fr) auto auto!important;
    gap:9px!important;
  }
  .service-detail-page .site-header .brand{min-width:0!important}
  .service-detail-page .site-header .brand img{width:90px!important;height:54px!important}
  .service-detail-page .site-header .main-nav{display:none!important}
  .service-detail-page .site-header .header-actions{display:none!important}
}

@media(max-width:1180px){
  .template-kids .home54-services-grid{grid-template-columns:repeat(4,minmax(0,1fr))}
}
@media(max-width:820px){
  .template-kids .home54-services{padding:58px 0 68px}
  .template-kids .home54-services-shell{padding:14px;border-radius:27px}
  .template-kids .home54-services-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:10px}
  .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:126px!important;
    min-block-size:126px!important;
    max-block-size:126px!important;
    border-radius:20px!important;
    padding:13px 8px 11px!important;
  }
  .template-kids .home54-service-icon{width:56px;height:51px}
  .template-kids .home54-service-icon svg{width:48px!important;height:48px!important}
  .template-kids .home54-service-title{font-size:13px!important;max-width:130px}
}
@media(max-width:580px){
  .template-kids .home54-services-shell{margin-inline:-2px;padding:11px;border-radius:24px}
  .template-kids .home54-services-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:9px}
  .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:121px!important;
    min-block-size:121px!important;
    max-block-size:121px!important;
    padding:12px 7px 10px!important;
    border-radius:18px!important;
  }
  .template-kids .home54-service-icon{width:51px;height:47px}
  .template-kids .home54-service-icon svg{width:44px!important;height:44px!important}
  .template-kids .home54-service-title{font-size:12.6px!important;max-width:128px}
  .template-kids .home54-services-decor{display:none}
}
@media(prefers-reduced-motion:reduce){
  .template-kids .home54-service-card,
  .template-kids .home54-service-icon,
  .template-kids .home54-services-decor{transition:none!important;animation:none!important;transform:none!important}
}

.service-detail-page .detail-service-list a>span svg{width:37px;height:37px;overflow:visible}
.service-detail-page .detail-service-list .service-icon-accent{stroke:var(--detail-accent,var(--secondary))}