.elementor-widget-heading .elementor-heading-title{font-family:var( --e-global-typography-primary-font-family ), Sans-serif;font-weight:var( --e-global-typography-primary-font-weight );color:var( --e-global-color-primary );}.elementor-1771 .elementor-element.elementor-element-ebd7a71{text-align:center;}.elementor-1771 .elementor-element.elementor-element-ebd7a71 .elementor-heading-title{color:#3F3F3F;}.elementor-1771 .elementor-element.elementor-element-e8104de{width:var( --container-widget-width, 100.714% );max-width:100.714%;--container-widget-width:100.714%;--container-widget-flex-grow:0;}:root{--page-title-display:none;}/* Start custom CSS *//* =========================
   OSLO SAYFASI – ARKA PLAN
========================= */
.mu-oslo{
  background: linear-gradient(180deg, #f7f8fc 0%, #ffffff 60%);
  position: relative;
  overflow: hidden;
}

/* Yumuşak dekoratif blur efektler */
.mu-oslo::before,
.mu-oslo::after{
  content:"";
  position:absolute;
  width:520px;
  height:520px;
  border-radius:999px;
  filter: blur(55px);
  opacity:.18;
  z-index:0;
}

.mu-oslo::before{
  top:-120px;
  left:-140px;
  background:#4f7cff;
}

.mu-oslo::after{
  bottom:-160px;
  right:-160px;
  background:#ff4f7a;
}

/* İçerik blur’un üstünde kalsın */
.mu-oslo .elementor-section,
.mu-oslo .elementor-container,
.mu-oslo .elementor-widget{
  position: relative;
  z-index: 1;
}

/* =========================
   OSLO BAŞLIK ANİMASYON
========================= */
@keyframes muFadeUp{
  from{
    opacity:0;
    transform: translateY(12px);
  }
  to{
    opacity:1;
    transform: translateY(0);
  }
}

.mu-oslo h1,
.mu-oslo h2{
  animation: muFadeUp .7s ease both;
}

/* =========================
   HERO KART – CAM EFEKTİ
========================= */
.mu-hero-card{
  background: rgba(255,255,255,.78);
  border: 1px solid rgba(0,0,0,.06);
  border-radius: 22px;
  box-shadow: 0 12px 40px rgba(0,0,0,.06);
  backdrop-filter: blur(10px);
}

/* =========================
   BUTON HOVER
========================= */
.mu-oslo a.elementor-button{
  transition: transform .2s ease, box-shadow .2s ease;
}

.mu-oslo a.elementor-button:hover{
  transform: translateY(-2px);
  box-shadow: 0 10px 20px rgba(0,0,0,.12);
}
/* ========== OSLO PAGE TITLE (Theme title) ========== */
/* Önce güvenli: .mu-oslo sadece Oslo sayfasında var */
.mu-oslo h1{
  font-weight: 800;
  letter-spacing: -0.03em;
  line-height: 1.05;
  margin: 0 0 18px 0;

  /* Gradient yazı */
  background: linear-gradient(90deg, #0f172a 0%, #2563eb 45%, #0f172a 90%);
  -webkit-background-clip: text;
  background-clip: text;
  color: transparent;

  /* Animasyon giriş */
  opacity: 0;
  transform: translateY(14px);
  animation: muFadeUp .75s cubic-bezier(.2,.8,.2,1) .08s forwards;

  /* Hafif derinlik */
  filter: drop-shadow(0 10px 22px rgba(2,6,23,.08));
}

/* Hover’da küçük hareket */
.mu-oslo h1:hover{
  transform: translateY(-2px);
  transition: transform .18s ease;
}

/* Animasyon */
@keyframes muFadeUp{
  to{
    opacity: 1;
    transform: translateY(0);
  }
}

/* Mobilde biraz küçült */
@media (max-width: 768px){
  .mu-oslo h1{
    font-size: 44px;
  }
}
.mu-oslo .entry-title,
.mu-oslo .page-title{
  font-weight: 800;
  letter-spacing: -0.03em;
  line-height: 1.05;

  background: linear-gradient(90deg, #0f172a 0%, #2563eb 45%, #0f172a 90%);
  -webkit-background-clip: text;
  background-clip: text;
  color: transparent;

  opacity: 0;
  transform: translateY(14px);
  animation: muFadeUp .75s cubic-bezier(.2,.8,.2,1) .08s forwards;
}

/* ===== OSLO TITLE - Premium ===== */
.mu-oslo-title{
  position: relative;
  display: inline-block;
  font-weight: 900;
  letter-spacing: -0.05em;
  line-height: 1.02;
  margin: 0 0 18px 0;
  font-size: clamp(48px, 7vw, 84px);

  /* Gradient text */
  background: linear-gradient(90deg, #0b1020 0%, #2563eb 35%, #ff4f7a 70%, #0b1020 100%);
  -webkit-background-clip: text;
  background-clip: text;
  color: transparent;

  /* Daha tok görünüm */
  text-shadow: 0 18px 40px rgba(2,6,23,.10);

  /* Giriş animasyonu */
  opacity: 0;
  transform: translateY(18px) scale(.98);
  animation: muTitleIn .85s cubic-bezier(.2,.85,.2,1) .06s forwards;
}

/* Alt çizgi (accent line) */
.mu-oslo-title::after{
  content:"";
  position:absolute;
  left: 6px;
  right: 30%;
  height: 10px;
  bottom: -14px;
  border-radius: 999px;
  background: linear-gradient(90deg, rgba(37,99,235,.9), rgba(255,79,122,.9));
  filter: blur(.2px);
  opacity: 0;
  transform: translateY(8px);
  animation: muLineIn .8s cubic-bezier(.2,.85,.2,1) .22s forwards;
}

/* Shine efekti (yavaş, şık) */
.mu-oslo-title::before{
  content:"";
  position:absolute;
  inset:-20px -40px -30px -40px;
  background: linear-gradient(120deg,
    transparent 0%,
    rgba(255,255,255,.0) 35%,
    rgba(255,255,255,.35) 50%,
    rgba(255,255,255,.0) 65%,
    transparent 100%);
  transform: translateX(-60%) skewX(-10deg);
  opacity: .85;
  mix-blend-mode: overlay;
  animation: muShine 3.6s ease-in-out .9s infinite;
  pointer-events: none;
}

/* Hover'da hafif canlılık */
.mu-oslo-title:hover{
  filter: saturate(1.1);
  transform: translateY(-2px) scale(1.005);
  transition: transform .18s ease, filter .18s ease;
}

/* Reduce motion isteyenlere saygı */
@media (prefers-reduced-motion: reduce){
  .mu-oslo-title, .mu-oslo-title::before, .mu-oslo-title::after{
    animation: none !important;
    opacity: 1 !important;
    transform: none !important;
  }
}

/* Animasyonlar */
@keyframes muTitleIn{
  to{ opacity:1; transform: translateY(0) scale(1); }
}
@keyframes muLineIn{
  to{ opacity:1; transform: translateY(0); }
}
@keyframes muShine{
  0%{ transform: translateX(-60%) skewX(-10deg); opacity:.55; }
  35%{ opacity:.90; }
  60%{ opacity:.55; }
  100%{ transform: translateX(60%) skewX(-10deg); opacity:.55; }
}

/* OSLO üst başlık: harf aralığı + daha şık görünüm */
.mu-oslo-top-title{
  letter-spacing: .18em;   /* harfleri aç */
  text-transform: uppercase;
  font-weight: 800;
  opacity: .9;
}
/* Üstteki renkli bar: tam genişlik + düzgün radius */
.mu-oslo-bar{
  width: 100% !important;
  max-width: 100% !important;
  display: block;
}

.mu-oslo-bar .elementor-divider-separator,
.mu-oslo-bar .elementor-progress-wrapper,
.mu-oslo-bar .elementor-progress-bar{
  width: 100% !important;
  max-width: 100% !important;
  border-radius: 999px;
}/* End custom CSS */