/* V5.16 — Bize Ulaşın + Konum balon yolculuğu */
.homepage-v49 .contact-journey-enabled{
  --journey-progress:1;
  --journey-inverse:calc(1 - var(--journey-progress));
  --journey-drift:0px;
  position:relative;
  isolation:isolate;
  overflow:hidden;
  padding:108px 0 118px!important;
  background:
    radial-gradient(circle at 8% 18%,color-mix(in srgb,var(--journey-left-color) 13%,transparent) 0 10%,transparent 29%),
    radial-gradient(circle at 92% 24%,color-mix(in srgb,var(--journey-right-color) 13%,transparent) 0 9%,transparent 28%),
    linear-gradient(180deg,#fff 0%,#fbfdff 48%,#fff8fb 100%)!important;
}
.homepage-v49 .contact-journey-enabled:before,
.homepage-v49 .contact-journey-enabled:after{
  content:"";
  position:absolute;
  z-index:-1;
  width:330px;
  height:330px;
  border-radius:50%;
  filter:blur(2px);
  pointer-events:none;
}
.homepage-v49 .contact-journey-enabled:before{
  left:-150px;
  bottom:-170px;
  background:color-mix(in srgb,var(--journey-left-color) 9%,transparent);
}
.homepage-v49 .contact-journey-enabled:after{
  right:-130px;
  top:-145px;
  background:color-mix(in srgb,var(--journey-right-color) 9%,transparent);
}
.contact-journey-enabled .contact-location-stage{
  position:relative;
  width:min(calc(100% - 52px),1440px)!important;
  max-width:1440px!important;
  min-height:430px;
  margin-inline:auto;
}
.homepage-v49 .contact-journey-enabled .contact-location-grid{
  position:relative;
  z-index:3;
  width:100%!important;
  max-width:none!important;
  display:grid!important;
  grid-template-columns:minmax(0,.9fr) minmax(0,1.1fr)!important;
  gap:62px!important;
  align-items:stretch;
}
.contact-journey-item{
  position:relative;
  min-width:0;
  display:flex;
  perspective:1200px;
  transform-style:preserve-3d;
  opacity:1;
  filter:none;
  will-change:transform,opacity,filter;
}
.contact-journey-enabled.is-journey-controlled .contact-journey-item{
  opacity:calc(.16 + (var(--journey-progress) * .84));
  filter:blur(calc(var(--journey-inverse) * 5px));
}
.contact-journey-enabled.is-journey-controlled .contact-journey-item-contact{
  transform:translate3d(calc(var(--journey-inverse) * -145px),calc(var(--journey-inverse) * 46px),0) rotate(calc(var(--journey-inverse) * -4deg));
}
.contact-journey-enabled.is-journey-controlled .contact-journey-item-location{
  transform:translate3d(calc(var(--journey-inverse) * 145px),calc(var(--journey-inverse) * 46px),0) rotate(calc(var(--journey-inverse) * 4deg));
}
.homepage-v49 .contact-journey-enabled .contact-card,
.homepage-v49 .contact-journey-enabled .location-card{
  width:100%;
  height:100%;
  min-height:430px!important;
  border:1px solid rgba(81,123,159,.12)!important;
  border-radius:42px!important;
  overflow:hidden;
  box-shadow:0 30px 80px rgba(28,76,110,.13),0 8px 22px rgba(28,76,110,.06)!important;
  transform:translateZ(0);
  transition:box-shadow .35s ease,border-color .35s ease,transform .35s ease!important;
}
.homepage-v49 .contact-journey-enabled .contact-card{
  padding:54px 38px 46px 54px!important;
  background:
    radial-gradient(circle at 89% 11%,rgba(255,255,255,.78) 0 11%,transparent 12%),
    linear-gradient(135deg,#fff9e8 0%,var(--card-bg) 58%,#fff 100%)!important;
}
.homepage-v49 .contact-journey-enabled .location-card{
  grid-template-columns:minmax(230px,.72fr) minmax(340px,1.28fr)!important;
  background:linear-gradient(135deg,#f4fbff 0%,var(--card-bg) 58%,#fff 100%)!important;
}
.contact-journey-enabled.is-journey-settled .contact-journey-item-contact .contact-card{
  animation:contactJourneyFloatLeft 8.5s ease-in-out infinite;
}
.contact-journey-enabled.is-journey-settled .contact-journey-item-location .location-card{
  animation:contactJourneyFloatRight 9.2s ease-in-out -1.6s infinite;
}
.contact-journey-enabled .contact-card:hover,
.contact-journey-enabled .location-card:hover{
  border-color:color-mix(in srgb,var(--primary) 25%,transparent)!important;
  box-shadow:0 34px 90px rgba(28,76,110,.16),0 10px 28px rgba(28,76,110,.08)!important;
}
.contact-journey-enabled .contact-card-copy,
.contact-journey-enabled .location-copy,
.contact-journey-enabled .location-map{
  position:relative;
  z-index:3;
}
.contact-journey-enabled .contact-card-copy>span,
.contact-journey-enabled .location-copy>span{
  display:inline-flex;
  align-items:center;
  min-height:32px;
  padding:6px 13px;
  border-radius:999px;
  background:rgba(255,255,255,.72);
  border:1px solid rgba(72,121,155,.1);
  box-shadow:0 8px 20px rgba(28,76,110,.07);
}
.contact-journey-enabled .contact-detail-list{
  display:grid;
  gap:10px;
}
.contact-journey-enabled .contact-detail-list li{
  border:1px solid rgba(72,121,155,.09)!important;
  background:rgba(255,255,255,.72)!important;
  box-shadow:0 10px 24px rgba(34,83,116,.055);
  backdrop-filter:blur(12px);
  transition:transform .24s ease,box-shadow .24s ease,border-color .24s ease;
}
.contact-journey-enabled .contact-detail-list li:hover{
  transform:translateX(5px);
  border-color:color-mix(in srgb,var(--journey-left-color) 26%,transparent)!important;
  box-shadow:0 14px 30px rgba(34,83,116,.09);
}
.contact-journey-enabled .contact-icon{
  box-shadow:0 9px 19px color-mix(in srgb,currentColor 15%,transparent);
}
.contact-journey-enabled .location-map{
  margin:16px 16px 16px 0;
  min-height:398px!important;
  border-radius:31px!important;
  overflow:hidden;
  border:6px solid rgba(255,255,255,.78);
  box-shadow:0 18px 45px rgba(38,91,126,.13);
}
.contact-journey-enabled .location-map iframe,
.contact-journey-enabled .location-map img{
  width:100%;
  height:100%;
  min-height:398px;
  object-fit:cover;
  transition:transform .8s cubic-bezier(.2,.75,.2,1),filter .5s ease;
}
.contact-journey-enabled .location-card:hover .location-map iframe,
.contact-journey-enabled .location-card:hover .location-map img{
  transform:scale(1.025);
}
.contact-journey-enabled .contact-mascot{
  z-index:2;
  filter:drop-shadow(0 22px 25px rgba(41,83,108,.14));
  animation:contactMascotHello 5.8s ease-in-out infinite;
}
.contact-journey-strings{
  position:absolute;
  z-index:1;
  inset:0;
  width:100%;
  height:100%;
  overflow:visible;
  pointer-events:none;
}
.contact-journey-string,
.contact-journey-string-shadow{
  fill:none;
  stroke-linecap:round;
  stroke-linejoin:round;
  stroke-dasharray:1;
  stroke-dashoffset:0;
}
.is-journey-controlled .contact-journey-string,
.is-journey-controlled .contact-journey-string-shadow{
  stroke-dashoffset:var(--journey-inverse);
}
.contact-journey-string{
  stroke-width:3.1;
  vector-effect:non-scaling-stroke;
  filter:drop-shadow(0 4px 5px rgba(38,84,116,.15));
}
.contact-journey-string-left{stroke:var(--journey-left-color)}
.contact-journey-string-right{stroke:var(--journey-right-color)}
.contact-journey-string-shadow{
  stroke-width:8;
  opacity:.08;
  vector-effect:non-scaling-stroke;
}
.contact-journey-string-shadow-left{stroke:var(--journey-left-color)}
.contact-journey-string-shadow-right{stroke:var(--journey-right-color)}
.contact-journey-balloon-cluster{
  position:absolute;
  z-index:6;
  left:50%;
  top:50%;
  width:112px;
  height:124px;
  transform:translate(-50%,-50%) translateY(calc(var(--journey-inverse) * 28px)) scale(calc(.7 + (var(--journey-progress) * .3)));
  opacity:calc(.2 + (var(--journey-progress) * .8));
  pointer-events:none;
  filter:drop-shadow(0 16px 22px rgba(44,86,113,.15));
}
.contact-journey-enabled.is-journey-settled .contact-journey-balloon-cluster{
  animation:contactBalloonCluster 5.8s ease-in-out infinite;
}
.journey-balloon{
  position:absolute;
  width:44px;
  height:54px;
  border-radius:50% 50% 46% 46%;
  border:3px solid rgba(255,255,255,.82);
  box-shadow:inset -7px -9px 13px rgba(31,52,77,.08),0 10px 18px rgba(39,80,111,.12);
}
.journey-balloon:after{
  content:"";
  position:absolute;
  left:50%;
  bottom:-8px;
  width:12px;
  height:10px;
  background:inherit;
  transform:translateX(-50%) rotate(45deg);
  border-radius:2px;
}
.journey-balloon:before{
  content:"";
  position:absolute;
  top:10px;
  left:10px;
  width:10px;
  height:16px;
  border-radius:50%;
  background:rgba(255,255,255,.58);
  transform:rotate(18deg);
}
.balloon-blue{left:3px;top:24px;background:var(--journey-left-color);transform:rotate(-10deg)}
.balloon-yellow{left:35px;top:0;background:var(--journey-balloon-color);z-index:2}
.balloon-pink{right:2px;top:27px;background:var(--journey-right-color);transform:rotate(10deg)}
.journey-balloon-knot{
  position:absolute;
  left:50%;
  top:75px;
  width:2px;
  height:38px;
  background:linear-gradient(var(--journey-balloon-color),transparent);
  transform:translateX(-50%);
}
.journey-heart{
  position:absolute;
  z-index:5;
  left:50%;
  bottom:0;
  width:42px;
  height:42px;
  display:grid;
  place-items:center;
  border-radius:16px;
  background:#fff;
  color:var(--journey-right-color);
  border:1px solid rgba(246,83,151,.16);
  box-shadow:0 12px 30px rgba(49,87,112,.15);
  transform:translateX(-50%);
}
.journey-heart svg{width:22px;height:22px;fill:currentColor;stroke:none}
.contact-journey-sky{
  position:absolute;
  inset:0;
  z-index:0;
  pointer-events:none;
  overflow:hidden;
}
.contact-journey-cloud{
  position:absolute;
  width:150px;
  height:48px;
  border-radius:999px;
  background:rgba(255,255,255,.7);
  box-shadow:0 13px 30px rgba(41,83,111,.06);
  animation:contactCloudDrift 14s ease-in-out infinite;
}
.contact-journey-cloud:before,
.contact-journey-cloud:after{
  content:"";
  position:absolute;
  bottom:8px;
  border-radius:50%;
  background:inherit;
}
.contact-journey-cloud:before{width:62px;height:62px;left:24px}
.contact-journey-cloud:after{width:78px;height:78px;right:20px}
.contact-journey-cloud.cloud-one{left:3%;top:12%;transform:scale(.72);opacity:.58}
.contact-journey-cloud.cloud-two{right:2%;bottom:9%;transform:scale(.58);opacity:.45;animation-delay:-6s}
.contact-journey-star{
  position:absolute;
  color:var(--journey-balloon-color);
  font-size:22px;
  animation:contactStarBlink 3.4s ease-in-out infinite;
}
.contact-journey-star.star-one{left:2.5%;top:52%}
.contact-journey-star.star-two{right:3%;top:31%;color:var(--journey-right-color);animation-delay:-1.1s}
.contact-journey-star.star-three{left:48%;bottom:3%;color:var(--journey-left-color);animation-delay:-2s}
.contact-card-balloon,
.location-card-balloon{
  position:absolute;
  z-index:1;
  width:24px;
  height:29px;
  border-radius:50%;
  opacity:.7;
  pointer-events:none;
  animation:contactMiniBalloon 5.5s ease-in-out infinite;
}
.contact-card-balloon:after,
.location-card-balloon:after{
  content:"";
  position:absolute;
  left:50%;
  top:100%;
  width:1px;
  height:25px;
  background:currentColor;
  opacity:.35;
}
.contact-card-balloon.balloon-a{right:18px;top:24px;background:var(--journey-balloon-color);color:var(--journey-balloon-color)}
.contact-card-balloon.balloon-b{right:48px;top:52px;background:var(--journey-right-color);color:var(--journey-right-color);animation-delay:-2.2s}
.location-card-balloon.balloon-a{left:22px;bottom:30px;background:var(--journey-left-color);color:var(--journey-left-color);animation-delay:-1.1s}
.location-card-balloon.balloon-b{left:54px;bottom:55px;background:var(--journey-balloon-color);color:var(--journey-balloon-color);animation-delay:-3.2s}
.location-map-pulse{
  position:absolute;
  z-index:4;
  left:56%;
  top:50%;
  width:64px;
  height:64px;
  transform:translate(-50%,-50%);
  display:grid;
  place-items:center;
  pointer-events:none;
}
.location-map-pulse i,
.location-map-pulse:before,
.location-map-pulse:after{
  content:"";
  position:absolute;
  inset:0;
  border-radius:50%;
  border:2px solid color-mix(in srgb,var(--journey-right-color) 75%,#fff);
  animation:locationPulseRing 2.8s ease-out infinite;
}
.location-map-pulse:before{animation-delay:-.9s}
.location-map-pulse:after{animation-delay:-1.8s}
.location-map-pulse b{
  position:relative;
  z-index:2;
  width:42px;
  height:42px;
  display:grid;
  place-items:center;
  border-radius:15px;
  color:#fff;
  background:linear-gradient(135deg,var(--journey-right-color),#ff87b9);
  box-shadow:0 12px 27px rgba(246,83,151,.28);
}
.location-map-pulse svg{width:22px;height:22px}
.contact-journey-mobile-bridge{display:none}
.journey-pop{
  position:absolute;
  z-index:20;
  width:var(--pop-size,10px);
  height:var(--pop-size,10px);
  left:var(--pop-x,50%);
  bottom:12%;
  pointer-events:none;
  border-radius:50%;
  background:var(--pop-color,var(--journey-balloon-color));
  box-shadow:inset -2px -3px 4px rgba(0,0,0,.08),0 5px 12px rgba(46,92,125,.12);
  animation:journeyPop 1.5s ease-out forwards;
}
.journey-pop.is-star{
  width:auto;
  height:auto;
  border-radius:0;
  background:none;
  color:var(--pop-color,var(--journey-balloon-color));
  box-shadow:none;
  font-size:var(--pop-size,15px);
}
html[data-theme='night'] .homepage-v49 .contact-journey-enabled{
  background:
    radial-gradient(circle at 8% 18%,color-mix(in srgb,var(--journey-left-color) 13%,transparent),transparent 30%),
    radial-gradient(circle at 92% 24%,color-mix(in srgb,var(--journey-right-color) 13%,transparent),transparent 28%),
    linear-gradient(180deg,#081728 0%,#0b1c30 48%,#101a2b 100%)!important;
}
html[data-theme='night'] .homepage-v49 .contact-journey-enabled .contact-card,
html[data-theme='night'] .homepage-v49 .contact-journey-enabled .location-card{
  background:linear-gradient(145deg,#122b45,#0e243b)!important;
  border-color:rgba(159,204,235,.12)!important;
}
html[data-theme='night'] .contact-journey-enabled .contact-detail-list li,
html[data-theme='night'] .contact-journey-enabled .contact-card-copy>span,
html[data-theme='night'] .contact-journey-enabled .location-copy>span{
  background:rgba(17,41,67,.78)!important;
  border-color:rgba(159,204,235,.12)!important;
}
html[data-theme='night'] .journey-heart{background:#183451;border-color:rgba(255,255,255,.1)}
html[data-theme='night'] .contact-journey-cloud{background:rgba(103,153,187,.09)}
@keyframes contactJourneyFloatLeft{
  0%,100%{transform:translate3d(0,0,0) rotate(0)}
  50%{transform:translate3d(0,-5px,0) rotate(-.28deg)}
}
@keyframes contactJourneyFloatRight{
  0%,100%{transform:translate3d(0,0,0) rotate(0)}
  50%{transform:translate3d(0,-6px,0) rotate(.28deg)}
}
@keyframes contactBalloonCluster{
  0%,100%{margin-top:0;rotate:-1deg}
  50%{margin-top:-8px;rotate:1.5deg}
}
@keyframes contactMascotHello{
  0%,100%{transform:translateY(0) rotate(0)}
  50%{transform:translateY(-7px) rotate(1deg)}
}
@keyframes contactCloudDrift{
  0%,100%{translate:0 0}
  50%{translate:25px -7px}
}
@keyframes contactStarBlink{
  0%,100%{transform:scale(.7) rotate(0);opacity:.25}
  50%{transform:scale(1.18) rotate(24deg);opacity:.9}
}
@keyframes contactMiniBalloon{
  0%,100%{translate:0 0;rotate:-3deg}
  50%{translate:4px -9px;rotate:4deg}
}
@keyframes locationPulseRing{
  0%{transform:scale(.3);opacity:.8}
  100%{transform:scale(1.45);opacity:0}
}
@keyframes journeyPop{
  0%{transform:translate3d(0,0,0) scale(.55) rotate(0);opacity:0}
  14%{opacity:.9}
  100%{transform:translate3d(var(--pop-drift,8px),-105px,0) scale(1.15) rotate(var(--pop-rotate,30deg));opacity:0}
}
@media(max-width:1180px){
  .contact-journey-enabled .contact-location-stage{width:min(calc(100% - 34px),1080px)!important}
  .homepage-v49 .contact-journey-enabled .contact-location-grid{gap:42px!important;grid-template-columns:minmax(0,.95fr) minmax(0,1.05fr)!important}
  .homepage-v49 .contact-journey-enabled .contact-card{padding:44px 28px 42px 38px!important}
  .homepage-v49 .contact-journey-enabled .location-card{grid-template-columns:.82fr 1.18fr!important}
  .contact-journey-balloon-cluster{transform:translate(-50%,-50%) scale(.84)}
}
@media(max-width:920px){
  .homepage-v49 .contact-journey-enabled{padding:80px 0 94px!important}
  .contact-journey-enabled .contact-location-stage{min-height:0;width:min(calc(100% - 28px),720px)!important}
  .homepage-v49 .contact-journey-enabled .contact-location-grid{
    display:grid!important;
    grid-template-columns:1fr!important;
    gap:0!important;
  }
  .contact-journey-strings,.contact-journey-balloon-cluster{display:none}
  .contact-journey-mobile-bridge{
    position:relative;
    display:flex;
    height:92px;
    align-items:center;
    justify-content:center;
    z-index:8;
  }
  .mobile-journey-line{
    position:absolute;
    top:0;
    bottom:0;
    width:2px;
    border-radius:99px;
    opacity:.55;
  }
  .mobile-journey-line.line-left{left:calc(50% - 11px);background:linear-gradient(var(--journey-left-color),transparent)}
  .mobile-journey-line.line-right{right:calc(50% - 11px);background:linear-gradient(var(--journey-right-color),transparent)}
  .mobile-journey-heart{
    position:relative;
    z-index:2;
    width:48px;
    height:48px;
    display:grid;
    place-items:center;
    border-radius:17px;
    background:#fff;
    color:var(--journey-right-color);
    border:1px solid rgba(246,83,151,.14);
    box-shadow:0 13px 28px rgba(40,82,111,.13);
  }
  .mobile-journey-heart svg{width:24px;height:24px;fill:currentColor;stroke:none}
  .contact-journey-mobile-bridge i{
    position:absolute;
    width:13px;
    height:16px;
    border-radius:50%;
    background:var(--journey-balloon-color);
    animation:contactMiniBalloon 4.5s ease-in-out infinite;
  }
  .contact-journey-mobile-bridge i:nth-of-type(1){left:calc(50% - 54px);top:15px;background:var(--journey-left-color)}
  .contact-journey-mobile-bridge i:nth-of-type(2){right:calc(50% - 55px);bottom:14px;background:var(--journey-right-color);animation-delay:-1.5s}
  .contact-journey-mobile-bridge i:nth-of-type(3){right:calc(50% - 15px);top:5px;animation-delay:-2.8s}
  .contact-journey-enabled.is-journey-controlled .contact-journey-item-contact{
    transform:translate3d(calc(var(--journey-inverse) * -72px),calc(var(--journey-inverse) * 24px),0) rotate(calc(var(--journey-inverse) * -2deg));
  }
  .contact-journey-enabled.is-journey-controlled .contact-journey-item-location{
    transform:translate3d(calc(var(--journey-inverse) * 72px),calc(var(--journey-inverse) * 24px),0) rotate(calc(var(--journey-inverse) * 2deg));
  }
  .homepage-v49 .contact-journey-enabled .contact-card,
  .homepage-v49 .contact-journey-enabled .location-card{min-height:0!important;border-radius:34px!important}
  .homepage-v49 .contact-journey-enabled .contact-card{padding:40px 25px 235px!important}
  .homepage-v49 .contact-journey-enabled .location-card{grid-template-columns:1fr!important}
  .contact-journey-enabled .location-copy{padding:34px 28px 24px!important}
  .contact-journey-enabled .location-map{margin:0 18px 18px!important;min-height:300px!important;border-radius:26px!important}
  .contact-journey-enabled .location-map iframe,
  .contact-journey-enabled .location-map img{min-height:300px}
  .contact-journey-enabled .contact-mascot{right:50%!important;transform:translateX(50%)!important;bottom:-12px!important;max-height:225px!important;animation:none}
}
@media(max-width:600px){
  .homepage-v49 .contact-journey-enabled{padding:68px 0 82px!important}
  .contact-journey-enabled .contact-location-stage{width:min(calc(100% - 22px),520px)!important}
  .homepage-v49 .contact-journey-enabled .contact-card{padding:34px 18px 218px!important}
  .contact-journey-enabled .location-copy{padding:30px 20px 20px!important}
  .contact-journey-enabled .location-map{margin:0 12px 12px!important;min-height:255px!important;border-width:4px}
  .contact-journey-enabled .location-map iframe,
  .contact-journey-enabled .location-map img{min-height:255px}
  .contact-journey-enabled .contact-detail-list li:hover{transform:none}
  .contact-card-balloon,.location-card-balloon{display:none}
  .location-map-pulse{left:52%;transform:translate(-50%,-50%) scale(.82)}
}
@media(prefers-reduced-motion:reduce){
  .contact-journey-enabled{--journey-progress:1!important}
  .contact-journey-item,.contact-journey-balloon-cluster{transform:none!important;opacity:1!important;filter:none!important}
  .contact-journey-enabled .contact-card,.contact-journey-enabled .location-card,
  .contact-journey-balloon-cluster,.contact-journey-cloud,.contact-journey-star,
  .contact-card-balloon,.location-card-balloon,.contact-mascot,.location-map-pulse *{
    animation:none!important;
  }
  .contact-journey-string,.contact-journey-string-shadow{stroke-dashoffset:0!important}
}
