/* WMG v44 - gerçek otomatik müşteri yorum slider + yumuşak premium fon */
:root{
  --wmg-v44-bg:#eef5ff;
  --wmg-v44-bg2:#f7fbff;
  --wmg-v44-dark:#06142c;
  --wmg-v44-dark2:#0b2556;
  --wmg-v44-blue:#2f6bff;
  --wmg-v44-cyan:#26ddff;
  --wmg-v44-green:#24d6a5;
  --wmg-v44-purple:#8b5cf6;
}
html,body{overflow-x:hidden!important;}
body{
  background:
    radial-gradient(circle at 12% 18%,rgba(47,107,255,.10),transparent 28%),
    radial-gradient(circle at 86% 8%,rgba(36,214,165,.09),transparent 24%),
    linear-gradient(180deg,#eef5ff 0%,#f8fbff 38%,#edf4fc 100%)!important;
}
body:before{
  content:"";
  position:fixed;
  inset:0;
  pointer-events:none;
  z-index:-1;
  opacity:.45;
  background-image:
    linear-gradient(rgba(47,107,255,.045) 1px,transparent 1px),
    linear-gradient(90deg,rgba(47,107,255,.045) 1px,transparent 1px);
  background-size:72px 72px;
  mask-image:linear-gradient(180deg,rgba(0,0,0,.55),transparent 78%);
}
.section-title.centered{
  text-align:center!important;
  margin-left:auto!important;
  margin-right:auto!important;
}
.section-title.centered h2,
.comments-modern .section-title h2{
  max-width:900px;
  margin-left:auto!important;
  margin-right:auto!important;
}
.section-title.centered p,
.comments-modern .section-title p{
  max-width:850px;
  margin-left:auto!important;
  margin-right:auto!important;
}
.comments-modern{
  position:relative!important;
  width:min(1280px,calc(100% - 44px))!important;
  max-width:1280px!important;
  margin:86px auto!important;
  padding:92px 34px 116px!important;
  overflow:hidden!important;
  border-radius:44px!important;
  color:#fff!important;
  background:
    radial-gradient(circle at 18% 12%,rgba(38,221,255,.22),transparent 28%),
    radial-gradient(circle at 84% 22%,rgba(139,92,246,.24),transparent 32%),
    linear-gradient(135deg,#06142c 0%,#092452 46%,#0b3672 100%)!important;
  box-shadow:0 34px 95px rgba(6,20,44,.22), inset 0 1px 0 rgba(255,255,255,.12)!important;
  border:1px solid rgba(255,255,255,.13)!important;
  isolation:isolate;
}
.comments-modern:before{
  content:"";
  position:absolute;
  inset:0;
  z-index:-2;
  background:
    linear-gradient(rgba(255,255,255,.055) 1px,transparent 1px),
    linear-gradient(90deg,rgba(255,255,255,.045) 1px,transparent 1px);
  background-size:64px 64px;
  opacity:.45;
  mask-image:linear-gradient(180deg,rgba(0,0,0,.9),transparent 92%);
}
.comments-modern:after{
  content:"";
  position:absolute;
  left:50%;
  bottom:-210px;
  width:780px;
  height:390px;
  transform:translateX(-50%);
  border-radius:50%;
  background:radial-gradient(ellipse,rgba(38,221,255,.38),rgba(47,107,255,.16) 42%,transparent 72%);
  filter:blur(4px);
  z-index:-1;
  animation:wmgV44Glow 5.5s ease-in-out infinite;
}
@keyframes wmgV44Glow{0%,100%{opacity:.72;transform:translateX(-50%) scale(.96)}50%{opacity:1;transform:translateX(-50%) scale(1.05)}}
.comments-modern .pill{
  background:rgba(255,255,255,.10)!important;
  color:#94f7ff!important;
  border:1px solid rgba(38,221,255,.28)!important;
  box-shadow:0 12px 40px rgba(38,221,255,.08)!important;
  backdrop-filter:blur(16px)!important;
}
.comments-modern .section-title h2{
  color:#fff!important;
  letter-spacing:-1.4px!important;
  text-shadow:0 20px 60px rgba(0,0,0,.22)!important;
}
.comments-modern .section-title p{
  color:#dbe9ff!important;
  font-weight:700!important;
}
.comment-slider{
  position:relative!important;
  display:block!important;
  height:335px!important;
  margin:46px auto 20px!important;
  max-width:1040px!important;
  overflow:hidden!important;
  perspective:1200px!important;
  scroll-behavior:auto!important;
  scrollbar-width:none!important;
  -ms-overflow-style:none!important;
  cursor:default!important;
}
.comment-slider::-webkit-scrollbar{display:none!important;width:0!important;height:0!important;}
.comment-slide{
  position:absolute!important;
  top:24px!important;
  left:50%!important;
  width:min(740px,74vw)!important;
  min-width:0!important;
  max-width:740px!important;
  height:250px!important;
  display:flex!important;
  flex-direction:column!important;
  justify-content:center!important;
  gap:12px!important;
  padding:34px 38px!important;
  margin:0!important;
  color:#fff!important;
  background:
    radial-gradient(circle at 88% 12%,rgba(38,221,255,.14),transparent 25%),
    linear-gradient(135deg,rgba(255,255,255,.15),rgba(255,255,255,.065))!important;
  border:1px solid rgba(255,255,255,.16)!important;
  border-radius:30px!important;
  box-shadow:0 34px 80px rgba(0,0,0,.28), inset 0 1px 0 rgba(255,255,255,.18)!important;
  backdrop-filter:blur(18px)!important;
  opacity:0!important;
  pointer-events:none!important;
  transform:translate3d(-50%,30px,-160px) scale(.78) rotateY(0deg)!important;
  transition:transform .72s cubic-bezier(.2,.8,.2,1),opacity .72s cubic-bezier(.2,.8,.2,1),filter .72s ease!important;
  filter:blur(2px)!important;
  will-change:transform,opacity,filter!important;
}
.comment-slide.is-active{
  z-index:5!important;
  opacity:1!important;
  pointer-events:auto!important;
  transform:translate3d(-50%,0,0) scale(1) rotateY(0deg)!important;
  filter:none!important;
}
.comment-slide.is-prev{
  z-index:3!important;
  opacity:.46!important;
  transform:translate3d(calc(-50% - 455px),22px,-120px) scale(.82) rotateY(14deg)!important;
  filter:blur(.3px) saturate(.9)!important;
}
.comment-slide.is-next{
  z-index:3!important;
  opacity:.46!important;
  transform:translate3d(calc(-50% + 455px),22px,-120px) scale(.82) rotateY(-14deg)!important;
  filter:blur(.3px) saturate(.9)!important;
}
.comment-slide.is-far-prev{
  z-index:1!important;
  opacity:.12!important;
  transform:translate3d(calc(-50% - 760px),48px,-240px) scale(.62) rotateY(22deg)!important;
}
.comment-slide.is-far-next{
  z-index:1!important;
  opacity:.12!important;
  transform:translate3d(calc(-50% + 760px),48px,-240px) scale(.62) rotateY(-22deg)!important;
}
.comment-brand{
  display:flex!important;
  align-items:center!important;
  gap:14px!important;
}
.comment-brand span{
  width:56px!important;
  height:56px!important;
  border-radius:18px!important;
  display:grid!important;
  place-items:center!important;
  color:#fff!important;
  font-weight:1000!important;
  background:linear-gradient(135deg,var(--wmg-v44-green),var(--wmg-v44-blue),var(--wmg-v44-purple))!important;
  box-shadow:0 16px 36px rgba(38,221,255,.18)!important;
}
.comment-brand strong{
  color:#fff!important;
  font-size:24px!important;
  line-height:1.15!important;
}
.comment-slide .stars,.stars{
  color:#ffd84d!important;
  letter-spacing:2px!important;
  font-size:18px!important;
}
.comment-slide p{
  color:#eaf3ff!important;
  font-size:17px!important;
  line-height:1.75!important;
  max-width:640px!important;
  margin:0!important;
  font-weight:700!important;
}
.comment-controls{
  position:relative!important;
  z-index:8!important;
  display:flex!important;
  align-items:center!important;
  justify-content:center!important;
  gap:16px!important;
  margin-top:18px!important;
}
.comment-controls button{
  width:52px!important;
  height:52px!important;
  border:1px solid rgba(255,255,255,.18)!important;
  border-radius:18px!important;
  display:grid!important;
  place-items:center!important;
  background:rgba(255,255,255,.10)!important;
  color:#fff!important;
  font-size:32px!important;
  line-height:1!important;
  cursor:pointer!important;
  box-shadow:0 18px 38px rgba(0,0,0,.18)!important;
  transition:.22s ease!important;
}
.comment-controls button:hover{
  transform:translateY(-2px)!important;
  background:linear-gradient(135deg,var(--wmg-v44-blue),var(--wmg-v44-green))!important;
}
.comment-dots{
  display:flex!important;
  align-items:center!important;
  justify-content:center!important;
  gap:8px!important;
  max-width:520px!important;
  flex-wrap:wrap!important;
}
.comment-dots button{
  width:9px!important;
  height:9px!important;
  padding:0!important;
  border-radius:50%!important;
  border:0!important;
  background:rgba(255,255,255,.34)!important;
  box-shadow:none!important;
  font-size:0!important;
}
.comment-dots button.is-active{
  width:28px!important;
  border-radius:999px!important;
  background:linear-gradient(90deg,var(--wmg-v44-green),var(--wmg-v44-cyan))!important;
}
.comments-modern .comment-progress{
  position:absolute;
  left:50%;
  bottom:54px;
  width:min(520px,calc(100% - 80px));
  height:3px;
  transform:translateX(-50%);
  background:rgba(255,255,255,.12);
  border-radius:999px;
  overflow:hidden;
}
.comments-modern .comment-progress span{
  display:block;
  height:100%;
  width:0%;
  background:linear-gradient(90deg,var(--wmg-v44-green),var(--wmg-v44-cyan),var(--wmg-v44-purple));
  border-radius:999px;
}
.comments-modern.is-running .comment-progress span{animation:wmgV44Progress 5.6s linear forwards;}
@keyframes wmgV44Progress{from{width:0}to{width:100%}}
/* beyazlığı kıran yumuşak yüzey */
.feature-grid-modern,.service-cards,.project-grid,.blog-grid,.contact-layout,.calc-pro,.content-layout,.seo-rich,.trust-strip{
  position:relative;
}
.card,.service-card,.project-card,.blog-card,.calc-panel,.contact-form,.contact-info,.seo-rich,.quote-card{
  box-shadow:0 24px 70px rgba(11,31,74,.10)!important;
}
.cta-premium{
  box-shadow:0 34px 95px rgba(47,107,255,.18)!important;
}
@media (max-width:1160px){
  .comment-slide.is-prev{transform:translate3d(calc(-50% - 360px),24px,-120px) scale(.80) rotateY(12deg)!important;}
  .comment-slide.is-next{transform:translate3d(calc(-50% + 360px),24px,-120px) scale(.80) rotateY(-12deg)!important;}
}
@media (max-width:760px){
  .comments-modern{
    width:calc(100% - 22px)!important;
    margin:54px auto!important;
    padding:58px 14px 92px!important;
    border-radius:30px!important;
  }
  .comments-modern .section-title h2{font-size:32px!important;letter-spacing:-.8px!important;}
  .comment-slider{height:390px!important;margin-top:28px!important;}
  .comment-slide{
    width:calc(100% - 26px)!important;
    height:310px!important;
    padding:26px 22px!important;
    border-radius:24px!important;
  }
  .comment-slide.is-prev,.comment-slide.is-next,.comment-slide.is-far-prev,.comment-slide.is-far-next{
    opacity:0!important;
    transform:translate3d(-50%,34px,-180px) scale(.72)!important;
  }
  .comment-brand strong{font-size:20px!important;}
  .comment-slide p{font-size:15.5px!important;line-height:1.65!important;}
  .comment-controls button{width:46px!important;height:46px!important;border-radius:15px!important;}
  .comments-modern .comment-progress{bottom:40px;width:calc(100% - 54px);}
}
@media (prefers-reduced-motion:reduce){
  .comment-slide,.comments-modern:after,.comments-modern .comment-progress span{animation:none!important;transition:none!important;}
}