/* GANTRY5 DEVELOPMENT MODE ENABLED.
 *
 * WARNING: This file is automatically generated by Gantry5. Any modifications to this file will be lost!
 *
 * For more information on modifying CSS, please read:
 *
 * http://docs.gantry.org/gantry5/configure/styles
 * http://docs.gantry.org/gantry5/tutorials/adding-a-custom-style-sheet
 */

/* line 2, media/gantry5/engines/nucleus/scss/nucleus/mixins/_nav.scss */
/* line 12, media/gantry5/engines/nucleus/scss/nucleus/mixins/_nav.scss */
/* line 2, media/gantry5/engines/nucleus/scss/nucleus/mixins/_utilities.scss */
/* line 9, media/gantry5/engines/nucleus/scss/nucleus/mixins/_utilities.scss */
/* line 1, templates/jl_logan_free/custom/scss/_backtotop.scss */
.back-to-top {
  position: fixed;
  bottom: 40px;
  right: 30px;
  z-index: 9999;
  font-size: 16px;
  width: 40px;
  height: 36px;
  text-align: center;
  line-height: 36px;
  background: #414856;
  color: #ee7738;
  cursor: pointer;
  border: 0;
  border-radius: 2px;
  text-decoration: none;
  transition: opacity 0.2s ease-out;
}
/* line 19, templates/jl_logan_free/custom/scss/_backtotop.scss */
.back-to-top:hover {
  background: #e9ebec;
}
@-webkit-keyframes fadeInRight {
  /* line 24, templates/jl_logan_free/custom/scss/_backtotop.scss */
  from {
    opacity: 0;
    -webkit-transform: translate3d(100%, 0, 0);
    transform: translate3d(100%, 0, 0);
  }
  /* line 30, templates/jl_logan_free/custom/scss/_backtotop.scss */
  to {
    opacity: 1;
    -webkit-transform: none;
    transform: none;
  }
}
@keyframes fadeInRight {
  /* line 38, templates/jl_logan_free/custom/scss/_backtotop.scss */
  from {
    opacity: 0;
    -webkit-transform: translate3d(100%, 0, 0);
    transform: translate3d(100%, 0, 0);
  }
  /* line 44, templates/jl_logan_free/custom/scss/_backtotop.scss */
  to {
    opacity: 1;
    -webkit-transform: none;
    transform: none;
  }
}
@-webkit-keyframes fadeOutRight {
  /* line 52, templates/jl_logan_free/custom/scss/_backtotop.scss */
  from {
    opacity: 1;
  }
  /* line 56, templates/jl_logan_free/custom/scss/_backtotop.scss */
  to {
    opacity: 0;
    -webkit-transform: translate3d(100%, 0, 0);
    transform: translate3d(100%, 0, 0);
  }
}
@keyframes fadeOutRight {
  /* line 64, templates/jl_logan_free/custom/scss/_backtotop.scss */
  from {
    opacity: 1;
  }
  /* line 68, templates/jl_logan_free/custom/scss/_backtotop.scss */
  to {
    opacity: 0;
    -webkit-transform: translate3d(100%, 0, 0);
    transform: translate3d(100%, 0, 0);
  }
}
/* line 75, templates/jl_logan_free/custom/scss/_backtotop.scss */
.back-to-top {
  -webkit-animation-duration: 1s;
  animation-duration: 1s;
  -webkit-animation-fill-mode: both;
  animation-fill-mode: both;
  -webkit-animation-name: fadeInRight;
  animation-name: fadeInRight;
}
/* line 84, templates/jl_logan_free/custom/scss/_backtotop.scss */
.backHide {
  -webkit-animation-name: fadeOutRight;
  animation-name: fadeOutRight;
}
/* line 88, templates/jl_logan_free/custom/scss/_backtotop.scss */
a.back-to-top:hover {
  text-decoration: none;
  color: #2c3d4f;
}
/* =========================
 Slider / Genel
 ========================= */
/* line 9, templates/jl_logan_free/custom/scss/custom.scss */
.slide-desc-box.Top {
  top: 15%;
}
/* line 13, templates/jl_logan_free/custom/scss/custom.scss */
.slide-desc-box.Left {
  left: 10%;
}
/* line 17, templates/jl_logan_free/custom/scss/custom.scss */
.flexslider .slide-title span {
  line-height: 1.2;
}
/* line 21, templates/jl_logan_free/custom/scss/custom.scss */
.flexslider .slide-desc {
  line-height: 1.8;
  letter-spacing: 1px;
}
/* line 26, templates/jl_logan_free/custom/scss/custom.scss */
.moduletable h1 {
  text-align: center;
  margin-bottom: 1.2em;
}
/* line 31, templates/jl_logan_free/custom/scss/custom.scss */
.moduletable .decor-line:before {
  left: 45%;
  width: 10%;
  bottom: -10px;
}
/* ==================================================
 HERO (solda metin, sağda görsel)
 - Turuncu glassy buton
 - "Randevu için arayın" buton dışında
 - Telefonların önünde Bootstrap icon
 - clamp/min yok (Gantry uyumlu)
 ================================================== */
/* line 45, templates/jl_logan_free/custom/scss/custom.scss */
.customexpanded {
  position: relative;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: flex-start;
  text-align: left;
  padding: 70px 56px;
  min-height: 460px;
  background-size: cover;
  background-position: center right;
  background-repeat: no-repeat;
  border-radius: 0;
  overflow: hidden;
}
/* line 64, templates/jl_logan_free/custom/scss/custom.scss */
.customexpanded::before {
  content: "";
  position: absolute;
  inset: 0;
  background: linear-gradient(to bottom, rgba(248, 250, 252, 0.95) 0%, rgba(248, 250, 252, 0.65) 60px, rgba(248, 250, 252, 0.25) 140px, rgba(248, 250, 252, 0) 220px), linear-gradient(90deg, rgba(64, 78, 160, 0.65) 0%, rgba(98, 86, 170, 0.45) 45%, rgba(98, 86, 170, 0.12) 100%);
  /* ÜSTTEN YUMUŞAK BEYAZ FADE */
  /* SOLDAN SAĞA MOR GRADYAN (yumuşatılmış) */
  /* mor → biraz mavi/gri */
  /* orta ton daha pastel */
  z-index: 0;
}
/* line 88, templates/jl_logan_free/custom/scss/custom.scss */
.customexpanded::after {
  content: "";
  position: absolute;
  inset: 0;
  background: radial-gradient(circle at 18% 50%, rgba(255, 255, 255, 0.18) 1px, transparent 1.8px);
  background-size: 10px 10px;
  opacity: 0.35;
  z-index: 0;
  pointer-events: none;
}
/* line 99, templates/jl_logan_free/custom/scss/custom.scss */
.customexpanded h1, .customexpanded h2, .customexpanded h3 {
  position: relative;
  z-index: 1;
  margin: 0;
  color: #fff !important;
  text-align: left !important;
  font-family: "Montserrat", system-ui, -apple-system, Segoe UI, Roboto, Arial, sans-serif;
}
/* line 110, templates/jl_logan_free/custom/scss/custom.scss */
.customexpanded h3 {
  font-size: 12px;
  font-weight: 700;
  letter-spacing: 0.14em;
  text-transform: uppercase !important;
  opacity: 0.95;
  margin-bottom: 10px;
}
/* line 119, templates/jl_logan_free/custom/scss/custom.scss */
.customexpanded h1 {
  font-size: 52px;
  font-weight: 300;
  line-height: 1.05;
  letter-spacing: -0.01em;
  margin-bottom: 18px;
  text-transform: none !important;
}
/* CTA alanı */
/* line 129, templates/jl_logan_free/custom/scss/custom.scss */
.customexpanded h2.cta {
  margin-top: 6px;
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  gap: 10px;
}
/* Buton DIŞINDAKI yazı */
/* line 138, templates/jl_logan_free/custom/scss/custom.scss */
.customexpanded .cta-label {
  display: inline-block;
  font-size: 14px;
  font-weight: 700;
  letter-spacing: 0.06em;
  opacity: 0.95;
  padding: 8px 12px;
  border-radius: 999px;
  background: rgba(255, 255, 255, 0.1);
  border: 1px solid rgba(255, 255, 255, 0.16);
  backdrop-filter: blur(6px);
}
/* BUTON: turuncu + glassy + büyük */
/* line 153, templates/jl_logan_free/custom/scss/custom.scss */
.customexpanded a.cta-btn {
  display: inline-flex;
  flex-direction: column;
  gap: 10px;
  padding: 16px 26px;
  min-width: 340px;
  border-radius: 18px;
  background: linear-gradient(180deg, #f4935c 0%, #f0894f 100%) !important;
  /* daha açık turuncu */
  /* aynı tonun biraz koyusu */
  color: #fff !important;
  text-decoration: none;
  border: 1px solid rgba(255, 255, 255, 0.28);
  backdrop-filter: blur(10px);
  box-shadow: 0 18px 38px rgba(0, 0, 0, 0.26), 0 14px 30px rgba(238, 119, 56, 0.22);
  transition: transform 0.16s ease, filter 0.16s ease, box-shadow 0.16s ease, border-color 0.16s ease;
}
/* line 180, templates/jl_logan_free/custom/scss/custom.scss */
.customexpanded a.cta-btn:hover {
  transform: translateY(-2px);
  filter: brightness(1.03);
  border-color: rgba(255, 255, 255, 0.4);
  box-shadow: 0 22px 46px rgba(0, 0, 0, 0.3), 0 16px 34px rgba(238, 119, 56, 0.26);
}
/* line 189, templates/jl_logan_free/custom/scss/custom.scss */
.customexpanded a.cta-btn:active {
  transform: translateY(0);
}
/* line 190, templates/jl_logan_free/custom/scss/custom.scss */
.customexpanded a.cta-btn:focus {
  outline: none;
}
/* line 191, templates/jl_logan_free/custom/scss/custom.scss */
.customexpanded a.cta-btn:focus-visible {
  outline: 3px solid rgba(238, 119, 56, 0.55);
  outline-offset: 4px;
}
/* Telefon satırları */
/* line 197, templates/jl_logan_free/custom/scss/custom.scss */
.customexpanded .phone-line {
  display: inline-flex;
  align-items: center;
  gap: 10px;
  font-weight: 800;
  font-size: 18px;
  letter-spacing: 0.02em;
  line-height: 1.1;
}
/* ikonlar */
/* line 209, templates/jl_logan_free/custom/scss/custom.scss */
.customexpanded .phone-line .bi {
  font-size: 18px;
  opacity: 0.95;
  transform: translateY(1px);
}
/* =========================
 Responsive
 ========================= */
@media (max-width: 979px) {
  /* line 220, templates/jl_logan_free/custom/scss/custom.scss */
  .customexpanded {
    padding: 52px 18px;
    min-height: 380px;
    align-items: center;
    text-align: center;
    background-position: center right;
  }
  /* line 229, templates/jl_logan_free/custom/scss/custom.scss */
  .customexpanded h1, .customexpanded h2, .customexpanded h3 {
    text-align: center !important;
  }
  /* line 235, templates/jl_logan_free/custom/scss/custom.scss */
  .customexpanded h2.cta {
    align-items: center;
  }
  /* line 239, templates/jl_logan_free/custom/scss/custom.scss */
  .customexpanded h1 {
    font-size: 34px;
  }
  /* line 243, templates/jl_logan_free/custom/scss/custom.scss */
  .customexpanded a.cta-btn {
    min-width: 0;
    width: 92vw;
    max-width: 420px;
    padding: 15px 18px;
    border-radius: 16px;
  }
  /* line 251, templates/jl_logan_free/custom/scss/custom.scss */
  .customexpanded .phone-line {
    justify-content: center;
    font-size: 17px;
  }
}
@media (max-width: 480px) {
  /* line 258, templates/jl_logan_free/custom/scss/custom.scss */
  .customexpanded {
    padding: 40px 14px;
    min-height: 320px;
  }
  /* line 263, templates/jl_logan_free/custom/scss/custom.scss */
  .customexpanded h1 {
    font-size: 28px;
  }
  /* line 267, templates/jl_logan_free/custom/scss/custom.scss */
  .customexpanded .cta-label {
    font-size: 13px;
  }
  /* line 271, templates/jl_logan_free/custom/scss/custom.scss */
  .customexpanded .phone-line {
    font-size: 16px;
  }
}
/* Eski .expanded stilleriyle çakışmasın diye minimal bırakıyoruz */
/* line 281, templates/jl_logan_free/custom/scss/custom.scss */
.expanded h1, .expanded h2, .expanded h3 {
  /* customexpanded içinde zaten daha güçlü stiller var */
  color: #fff !important;
  text-align: center !important;
}
/* =========================
 Blog / Başlıklar
 ========================= */
/* line 291, templates/jl_logan_free/custom/scss/custom.scss */
.item-page .page-header h2, .blog h2 {
  position: relative;
  font-size: 2.25rem;
  text-align: center;
  margin-bottom: 1.2em;
}
/* line 298, templates/jl_logan_free/custom/scss/custom.scss */
.item-page .page-header h2:before, .blog h2:before {
  left: 45%;
  width: 10%;
  bottom: -10px;
  position: absolute;
  content: '';
  height: 3px;
  background: #ee7738;
}
/* line 308, templates/jl_logan_free/custom/scss/custom.scss */
.item-page .page-header h2, .blog h2 a {
  font-size: 1.25rem;
}
/* line 312, templates/jl_logan_free/custom/scss/custom.scss */
.blog .item .page-header h2 {
  line-height: 0.75em;
}
/* line 316, templates/jl_logan_free/custom/scss/custom.scss */
.blog .pull-none {
  text-align: center;
}
/* line 320, templates/jl_logan_free/custom/scss/custom.scss */
#g-maps {
  background: #222;
  color: #fff;
}
/* line 325, templates/jl_logan_free/custom/scss/custom.scss */
#g-maps .g-content {
  padding-bottom: 0;
  margin-bottom: 0;
  padding-top: 4%;
}
/* line 331, templates/jl_logan_free/custom/scss/custom.scss */
.reasons h3 {
  text-transform: uppercase;
}
/* line 335, templates/jl_logan_free/custom/scss/custom.scss */
.reasons .mfp_default_item {
  width: 90%;
  float: right;
  margin-top: 4%;
}
/* line 341, templates/jl_logan_free/custom/scss/custom.scss */
.reasons .mfp_first_item {
  margin-top: 10%;
}
/* line 345, templates/jl_logan_free/custom/scss/custom.scss */
.dj-simple-contact-form.style-4 .dj-simple-contact-form.button:hover, .dj-simple-contact-form.style-4 .dj-simple-contact-form.button:focus {
  background: #35adeb;
}
/* line 350, templates/jl_logan_free/custom/scss/custom.scss */
.dj-simple-contact-form.style-4 .dj-simple-contact-form.button {
  background: none repeat scroll 0 0 #ee7738;
}
/* =========================
 Responsive
 ========================= */
@media screen and (max-width: 979px) {
  /* line 358, templates/jl_logan_free/custom/scss/custom.scss */
  /* Hero responsive */
  /* line 359, templates/jl_logan_free/custom/scss/custom.scss */
  .slide-title span {
    font-size: 60%;
  }
  /* line 363, templates/jl_logan_free/custom/scss/custom.scss */
  .slide-desc-box.Left {
    left: 0%;
  }
  /* line 367, templates/jl_logan_free/custom/scss/custom.scss */
  .slide-desc, .slide-desc-box .slide-title {
    line-height: 0.6;
  }
  /* line 372, templates/jl_logan_free/custom/scss/custom.scss */
  .customexpanded {
    padding: 44px 16px;
    min-height: 420px;
    border-radius: 14px;
  }
  /* line 378, templates/jl_logan_free/custom/scss/custom.scss */
  .customexpanded h1 {
    font-size: 38px;
    margin-bottom: 14px;
  }
  /* line 383, templates/jl_logan_free/custom/scss/custom.scss */
  .customexpanded h2 a {
    font-size: 17px;
    border-radius: 12px;
  }
  /* line 388, templates/jl_logan_free/custom/scss/custom.scss */
  .customexpanded h3 {
    font-size: 13px;
    padding: 7px 11px;
  }
  /* line 393, templates/jl_logan_free/custom/scss/custom.scss */
  .reference h3 {
    font-size: 1em;
  }
}
@media only all and (max-width: 30rem) {
  /* line 398, templates/jl_logan_free/custom/scss/custom.scss */
  /* Hero very small */
  /* line 399, templates/jl_logan_free/custom/scss/custom.scss */
  .slide-title span {
    font-size: 40%;
  }
  /* line 404, templates/jl_logan_free/custom/scss/custom.scss */
  .customexpanded {
    padding: 30px 14px;
    min-height: 360px;
  }
  /* line 409, templates/jl_logan_free/custom/scss/custom.scss */
  .customexpanded h1 {
    font-size: 30px;
  }
  /* line 413, templates/jl_logan_free/custom/scss/custom.scss */
  .customexpanded h2 a {
    padding: 12px 14px;
    font-size: 16px;
  }
  /* line 418, templates/jl_logan_free/custom/scss/custom.scss */
  .reference h3 {
    font-size: 0.6em;
  }
}
/* ==================================================
 HIZMETLERIMIZ – KESİN EŞİT BOY (260px)
 ================================================== */
/* line 426, templates/jl_logan_free/custom/scss/custom.scss */
#g-features {
  /* Gantry kolonlarını zorla esnet */
  /* KART – SABİT BOY */
  /* Başlık – max 2 satır */
  /* Açıklama – max 4 satır */
  /* Mobil */
}
/* line 429, templates/jl_logan_free/custom/scss/custom.scss */
#g-features .g-grid {
  align-items: stretch !important;
}
/* line 433, templates/jl_logan_free/custom/scss/custom.scss */
#g-features .g-block {
  display: flex !important;
  align-self: stretch !important;
}
/* line 438, templates/jl_logan_free/custom/scss/custom.scss */
#g-features .g-content {
  display: flex !important;
  width: 100%;
}
/* line 444, templates/jl_logan_free/custom/scss/custom.scss */
#g-features .mfp_default_item {
  width: 100%;
  height: 260px !important;
  /* 🔒 KİLİT */
  min-height: 260px !important;
  max-height: 260px !important;
  background: #fff;
  border-radius: 14px;
  padding: 22px;
  box-shadow: 0 10px 24px rgba(0, 0, 0, 0.06);
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  overflow: hidden;
  /* taşanı kes */
}
/* line 462, templates/jl_logan_free/custom/scss/custom.scss */
#g-features .mfp_default_title {
  font-size: 16px;
  font-weight: 800;
  line-height: 1.25;
  margin: 0 0 8px;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 2;
  overflow: hidden;
}
/* line 475, templates/jl_logan_free/custom/scss/custom.scss */
#g-features .mfp_introtext {
  font-size: 13.5px;
  line-height: 1.55;
  color: #4b5563;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 4;
  overflow: hidden;
  margin-top: auto;
  /* alta yasla, kartlar eşitlensin */
}
@media (max-width: 768px) {
  /* line 490, templates/jl_logan_free/custom/scss/custom.scss */
  #g-features .mfp_default_item {
    height: 240px !important;
    min-height: 240px !important;
    max-height: 240px !important;
  }
  /* line 496, templates/jl_logan_free/custom/scss/custom.scss */
  #g-features .mfp_introtext {
    -webkit-line-clamp: 5;
  }
}
/* ==================================================
 HIZMETLERIMIZ – OKUNURLUK + AYRIŞMA
 ================================================== */
/* line 505, templates/jl_logan_free/custom/scss/custom.scss */
#g-features {
  /* Bölüm arka planını çok hafif tonla (kartlar daha net ayrılır) */
  background: #f6f7f9;
  /* istemezsen bunu kaldır */
  padding: 30px 0;
  /* isteğe bağlı */
  /* Başlık biraz daha büyük */
  /* Açıklama metni daha okunur */
  /* Hover’da ayrışma daha net */
}
/* line 511, templates/jl_logan_free/custom/scss/custom.scss */
#g-features .mfp_default_item {
  background: #fff;
  border: 1px solid rgba(17, 24, 39, 0.12);
  /* daha belirgin border */
  box-shadow: 0 14px 34px rgba(17, 24, 39, 0.1);
  /* daha güçlü ayrışma */
}
/* line 518, templates/jl_logan_free/custom/scss/custom.scss */
#g-features .mfp_default_title {
  font-size: 18px;
  line-height: 1.25;
  letter-spacing: -0.2px;
}
/* line 525, templates/jl_logan_free/custom/scss/custom.scss */
#g-features .mfp_introtext {
  font-size: 14.5px;
  line-height: 1.65;
  color: #374151;
  /* bir tık daha koyu */
}
/* line 532, templates/jl_logan_free/custom/scss/custom.scss */
#g-features .mfp_default_item:hover {
  box-shadow: 0 18px 44px rgba(17, 24, 39, 0.14);
  transform: translateY(-3px);
}
@media (max-width: 768px) {
  /* line 538, templates/jl_logan_free/custom/scss/custom.scss */
  #g-features .mfp_default_title {
    font-size: 17px;
  }
  /* line 539, templates/jl_logan_free/custom/scss/custom.scss */
  #g-features .mfp_introtext {
    font-size: 14px;
  }
}
/* ==================================================
 HIZMETLERIMIZ – ESTETİK İNCE AYAR
 (boy aynı, his daha hafif)
 ================================================== */
/* line 548, templates/jl_logan_free/custom/scss/custom.scss */
#g-features {
  /* Bölüm arka planını biraz daha nötr yap */
  background: #f8fafc;
  /* önceki renkten bir tık daha açık */
  /* Hover: zıplama hissini azalt */
  /* İkon biraz daha kompakt */
  /* Başlık: daha zarif */
  /* Metin: ferah ama taşkın değil */
}
/* line 553, templates/jl_logan_free/custom/scss/custom.scss */
#g-features .mfp_default_item {
  padding: 18px 20px;
  /* ⬅️ en kritik: iç boşluğu azalttık */
  border-radius: 16px;
  /* daha yumuşak gölge */
  box-shadow: 0 8px 18px rgba(17, 24, 39, 0.06), 0 2px 4px rgba(17, 24, 39, 0.04);
  border: 1px solid rgba(17, 24, 39, 0.08);
}
/* line 566, templates/jl_logan_free/custom/scss/custom.scss */
#g-features .mfp_default_item:hover {
  transform: translateY(-2px);
  box-shadow: 0 12px 28px rgba(17, 24, 39, 0.08), 0 4px 6px rgba(17, 24, 39, 0.06);
}
/* line 574, templates/jl_logan_free/custom/scss/custom.scss */
#g-features a.mfp_thumb_pos_left {
  margin-bottom: 12px;
}
/* line 578, templates/jl_logan_free/custom/scss/custom.scss */
#g-features a.mfp_thumb_pos_left img {
  width: 52px !important;
  height: 52px !important;
}
/* line 584, templates/jl_logan_free/custom/scss/custom.scss */
#g-features .mfp_default_title {
  font-size: 17px;
  line-height: 1.28;
  margin-bottom: 6px;
}
/* line 591, templates/jl_logan_free/custom/scss/custom.scss */
#g-features .mfp_introtext {
  font-size: 14.2px;
  line-height: 1.6;
}
@media (max-width: 768px) {
  /* line 597, templates/jl_logan_free/custom/scss/custom.scss */
  #g-features .mfp_default_item {
    padding: 16px;
  }
}
/* ==================================================
 HOVER – İNCE TURUNCU VURGU
 ================================================== */
/* line 607, templates/jl_logan_free/custom/scss/custom.scss */
/* line 609, templates/jl_logan_free/custom/scss/custom.scss */
#g-features .mfp_default_item {
  transition: box-shadow 0.2s ease, transform 0.2s ease, border-color 0.2s ease;
}
/* line 616, templates/jl_logan_free/custom/scss/custom.scss */
#g-features .mfp_default_item:hover {
  border-color: #ea580c;
  /* turuncu */
}
/* line 620, templates/jl_logan_free/custom/scss/custom.scss */
#g-features .mfp_default_item:hover .mfp_default_title {
  color: #ea580c;
}
/* HERO – çift background fix */
/* line 626, templates/jl_logan_free/custom/scss/custom.scss */
.expanded, .expanded::before, .expanded::after {
  background-image: none !important;
}
/* Sadece customexpanded içeren expanded için */
/* line 632, templates/jl_logan_free/custom/scss/custom.scss */
.expanded > .customexpanded {
  background-image: inherit;
}
/* line 636, templates/jl_logan_free/custom/scss/custom.scss */
.expanded {
  background-image: none !important;
}
/* HERO: soldaki dikdörtgen paneli kaldır */
/* line 641, templates/jl_logan_free/custom/scss/custom.scss */
.customexpanded::before, .customexpanded::after {
  display: none !important;
}
/* =========================
 MODERN CALL BUTTON (Turuncu)
 ========================= */
/* line 650, templates/jl_logan_free/custom/scss/custom.scss */
.customexpanded .cta-call {
  display: inline-flex;
  align-items: center;
  gap: 16px;
  padding: 16px 22px;
  border-radius: 999px;
  background: linear-gradient(135deg, #ff9a5c 0%, #ee7738 100%);
  color: #fff !important;
  text-decoration: none;
  box-shadow: 0 12px 30px rgba(238, 119, 56, 0.35), 0 4px 10px rgba(0, 0, 0, 0.18);
  transition: transform 0.18s ease, box-shadow 0.18s ease, filter 0.18s ease;
}
/* hover */
/* line 678, templates/jl_logan_free/custom/scss/custom.scss */
.customexpanded .cta-call:hover {
  transform: translateY(-2px);
  filter: brightness(1.05);
  box-shadow: 0 18px 40px rgba(238, 119, 56, 0.45), 0 6px 16px rgba(0, 0, 0, 0.22);
}
/* ikon */
/* line 687, templates/jl_logan_free/custom/scss/custom.scss */
.customexpanded .call-icon {
  width: 48px;
  height: 48px;
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 20px;
  background: rgba(255, 255, 255, 0.22);
  border-radius: 50%;
  box-shadow: inset 0 0 0 1px rgba(255, 255, 255, 0.35);
}
/* yazı alanı */
/* line 704, templates/jl_logan_free/custom/scss/custom.scss */
.customexpanded .call-text {
  display: flex;
  flex-direction: column;
  line-height: 1.1;
}
/* numara */
/* line 711, templates/jl_logan_free/custom/scss/custom.scss */
.customexpanded .call-text strong {
  font-size: 20px;
  font-weight: 800;
  letter-spacing: 0.04em;
}
/* alt etiket */
/* line 718, templates/jl_logan_free/custom/scss/custom.scss */
.customexpanded .call-text em {
  font-style: normal;
  font-size: 12px;
  opacity: 0.9;
  letter-spacing: 0.12em;
  text-transform: uppercase;
}
/* mobil */
@media (max-width: 480px) {
  /* line 728, templates/jl_logan_free/custom/scss/custom.scss */
  .customexpanded .cta-call {
    padding: 14px 18px;
  }
  /* line 732, templates/jl_logan_free/custom/scss/custom.scss */
  .customexpanded .call-text strong {
    font-size: 18px;
  }
}
/*HIZMETLERİMİZ */
/* =========================================
 FEATURE BUTTON KARTLAR (hover’da açıklama kayar)
 ========================================= */
/* line 743, templates/jl_logan_free/custom/scss/custom.scss */
.mfp_default_item {
  background: transparent !important;
  box-shadow: none !important;
  border: 0 !important;
  padding: 0 !important;
}
/* line 750, templates/jl_logan_free/custom/scss/custom.scss */
.mfp_default_item .feature-btn {
  position: relative;
  display: flex;
  flex-direction: column;
  gap: 10px;
  width: 100%;
  padding: 18px 18px 16px;
  border-radius: 16px;
  text-decoration: none !important;
  color: inherit;
  background: #fff;
  border: 1px solid rgba(17, 24, 39, 0.1);
  box-shadow: 0 10px 22px rgba(17, 24, 39, 0.06), 0 2px 6px rgba(17, 24, 39, 0.04);
  overflow: hidden;
  transition: transform 0.18s ease, box-shadow 0.18s ease, border-color 0.18s ease;
}
/* line 773, templates/jl_logan_free/custom/scss/custom.scss */
.mfp_default_item .feature-btn:hover {
  transform: translateY(-2px);
  border-color: rgba(238, 119, 56, 0.55);
  box-shadow: 0 16px 34px rgba(17, 24, 39, 0.1), 0 6px 12px rgba(17, 24, 39, 0.06);
}
/* ikon */
/* line 782, templates/jl_logan_free/custom/scss/custom.scss */
.mfp_default_item .feature-icon {
  width: 52px;
  height: 52px;
  border-radius: 14px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  background: rgba(238, 119, 56, 0.1);
  box-shadow: inset 0 0 0 1px rgba(238, 119, 56, 0.18);
}
/* line 795, templates/jl_logan_free/custom/scss/custom.scss */
.mfp_default_item .feature-icon img {
  width: 34px;
  height: 34px;
  display: block;
}
/* başlık */
/* line 802, templates/jl_logan_free/custom/scss/custom.scss */
.mfp_default_item .feature-title {
  font-size: 17px;
  font-weight: 800;
  line-height: 1.25;
  color: #111827;
}
/* açıklama: normalde gizli, hover’da aşağıdan kayarak gelir */
/* line 810, templates/jl_logan_free/custom/scss/custom.scss */
.mfp_default_item .feature-desc {
  font-size: 14px;
  line-height: 1.6;
  color: #374151;
  max-height: 0;
  /* kapalı */
  opacity: 0;
  transform: translateY(10px);
  overflow: hidden;
  transition: max-height 0.28s ease, opacity 0.22s ease, transform 0.22s ease;
}
/* hover ile aç */
/* line 824, templates/jl_logan_free/custom/scss/custom.scss */
.mfp_default_item .feature-btn:hover .feature-desc {
  max-height: 120px;
  /* metin uzunluğuna göre artırılabilir */
  opacity: 1;
  transform: translateY(0);
}
/* klavye ile odaklanınca da aç (erişilebilir) */
/* line 831, templates/jl_logan_free/custom/scss/custom.scss */
.mfp_default_item .feature-btn:focus {
  outline: none;
}
/* line 834, templates/jl_logan_free/custom/scss/custom.scss */
.mfp_default_item .feature-btn:focus-visible {
  outline: 3px solid rgba(238, 119, 56, 0.4);
  outline-offset: 3px;
}
/* line 838, templates/jl_logan_free/custom/scss/custom.scss */
.mfp_default_item .feature-btn:focus-visible .feature-desc {
  max-height: 120px;
  opacity: 1;
  transform: translateY(0);
}
/* =========================================
 FEATURE KART – TURUNCU HOVER + BÜYÜK YAZI
 ========================================= */
/* Kart içi düzen: ikon solda, yazı sağda */
/* line 848, templates/jl_logan_free/custom/scss/custom.scss */
.mfp_default_item .feature-btn {
  flex-direction: row;
  align-items: flex-start;
  gap: 18px;
}
/* İkon: DAHA TURUNCU + sabit solda */
/* line 855, templates/jl_logan_free/custom/scss/custom.scss */
.mfp_default_item .feature-icon {
  flex-shrink: 0;
  background: linear-gradient(135deg, #ff9a5c, #ee7738);
  box-shadow: 0 6px 16px rgba(238, 119, 56, 0.35);
}
/* line 866, templates/jl_logan_free/custom/scss/custom.scss */
.mfp_default_item .feature-icon img {
  filter: brightness(0) invert(1);
  /* ikonları beyaz yap */
}
/* Yazı bloğu */
/* line 871, templates/jl_logan_free/custom/scss/custom.scss */
.mfp_default_item .feature-title {
  font-size: 19px;
  /* ⬅️ büyüdü */
  font-weight: 800;
  margin-bottom: 6px;
}
/* line 877, templates/jl_logan_free/custom/scss/custom.scss */
.mfp_default_item .feature-desc {
  font-size: 15.5px;
  /* ⬅️ büyüdü */
  line-height: 1.65;
  color: #374151;
}
/* Hover: kart komple turuncu olsun */
/* line 884, templates/jl_logan_free/custom/scss/custom.scss */
.mfp_default_item .feature-btn:hover {
  background: linear-gradient(135deg, #ff9a5c, #ee7738);
  border-color: transparent;
}
/* Hover’da yazılar beyaz */
/* line 894, templates/jl_logan_free/custom/scss/custom.scss */
.mfp_default_item .feature-btn:hover .feature-title, .mfp_default_item .feature-btn:hover .feature-desc {
  color: #fff;
}
/* Hover’da ikon biraz daha parlasın */
/* line 900, templates/jl_logan_free/custom/scss/custom.scss */
.mfp_default_item .feature-btn:hover .feature-icon {
  background: #fff;
  box-shadow: 0 8px 22px rgba(0, 0, 0, 0.25);
}
/* line 905, templates/jl_logan_free/custom/scss/custom.scss */
.mfp_default_item .feature-btn:hover .feature-icon img {
  filter: none;
  /* ikon tekrar renkli görünür */
}
/* Hover’da açıklama daha net kayarak gelsin */
/* line 910, templates/jl_logan_free/custom/scss/custom.scss */
.mfp_default_item .feature-desc {
  max-height: 0;
  opacity: 0;
  transform: translateY(8px);
  transition: max-height 0.3s ease, opacity 0.25s ease, transform 0.25s ease;
}
/* line 920, templates/jl_logan_free/custom/scss/custom.scss */
.mfp_default_item .feature-btn:hover .feature-desc {
  max-height: 140px;
  opacity: 1;
  transform: translateY(0);
}
/* =========================================
 NORMAL: Başlık büyük, sağda
 HOVER: Başlık gizlensin, ikon + açıklama kalsın
 ========================================= */
/* düzen: ikon solda, içerik sağda */
/* line 932, templates/jl_logan_free/custom/scss/custom.scss */
.mfp_default_item .feature-btn {
  flex-direction: row;
  align-items: center;
  gap: 18px;
}
/* başlık normalde büyük ve sağda */
/* line 939, templates/jl_logan_free/custom/scss/custom.scss */
.mfp_default_item .feature-title {
  font-size: 24px;
  /* daha büyük */
  font-weight: 800;
  line-height: 1.15;
  margin: 0;
}
/* açıklama normalde kapalı (sadece başlık görünsün) */
/* line 947, templates/jl_logan_free/custom/scss/custom.scss */
.mfp_default_item .feature-desc {
  max-height: 0;
  opacity: 0;
  transform: translateY(10px);
  overflow: hidden;
  transition: max-height 0.28s ease, opacity 0.22s ease, transform 0.22s ease;
}
/* hover: kart turuncu, başlık kaybolsun */
/* line 956, templates/jl_logan_free/custom/scss/custom.scss */
.mfp_default_item .feature-btn:hover {
  background: linear-gradient(135deg, #ff9a5c, #ee7738);
}
/* hover’da başlık gizle */
/* line 961, templates/jl_logan_free/custom/scss/custom.scss */
.mfp_default_item .feature-btn:hover .feature-title {
  opacity: 0;
  transform: translateX(10px);
  max-height: 0;
  margin: 0;
  pointer-events: none;
  transition: opacity 0.18s ease, transform 0.18s ease, max-height 0.18s ease;
}
/* hover’da açıklama aç */
/* line 971, templates/jl_logan_free/custom/scss/custom.scss */
.mfp_default_item .feature-btn:hover .feature-desc {
  max-height: 160px;
  opacity: 1;
  transform: translateY(0);
  color: #fff;
  font-size: 16px;
  line-height: 1.6;
}
/* ikon hep solda kalsın */
/* line 981, templates/jl_logan_free/custom/scss/custom.scss */
.mfp_default_item .feature-icon {
  flex-shrink: 0;
}
/* hover’da ikon daha belirgin */
/* line 986, templates/jl_logan_free/custom/scss/custom.scss */
.mfp_default_item .feature-btn:hover .feature-icon {
  background: rgba(255, 255, 255, 0.18);
  box-shadow: inset 0 0 0 1px rgba(255, 255, 255, 0.28);
}
/* =========================================
 FEATURE KART – MERKEZ ORTALAMA
 ========================================= */
/* Kart içi: her zaman merkez */
/* line 996, templates/jl_logan_free/custom/scss/custom.scss */
.mfp_default_item .feature-btn {
  justify-content: center;
  align-items: center;
  text-align: center;
}
/* İkon her zaman ortada */
/* line 1003, templates/jl_logan_free/custom/scss/custom.scss */
.mfp_default_item .feature-icon {
  margin: 0 auto;
}
/* Başlık: normalde ortada ve büyük */
/* line 1008, templates/jl_logan_free/custom/scss/custom.scss */
.mfp_default_item .feature-title {
  text-align: center;
  width: 100%;
}
/* Açıklama: ortalı */
/* line 1014, templates/jl_logan_free/custom/scss/custom.scss */
.mfp_default_item .feature-desc {
  text-align: center;
  width: 100%;
}
/* Hover’da da merkez bozulmasın */
/* line 1020, templates/jl_logan_free/custom/scss/custom.scss */
.mfp_default_item .feature-btn:hover {
  justify-content: center;
  align-items: center;
}
/* Hover’da başlık gizlenirken layout zıplamasın */
/* line 1026, templates/jl_logan_free/custom/scss/custom.scss */
.mfp_default_item .feature-btn:hover .feature-title {
  position: absolute;
  opacity: 0;
}
/* Açıklama hover’da ortada kalsın */
/* line 1032, templates/jl_logan_free/custom/scss/custom.scss */
.mfp_default_item .feature-btn:hover .feature-desc {
  text-align: center;
}
/* =========================================
 FEATURE: Kesin ortalama (normal + hover)
 ========================================= */
/* line 1040, templates/jl_logan_free/custom/scss/custom.scss */
.mfp_default_item .feature-btn {
  /* her şeyi resetleyip kesin uygula */
  display: flex !important;
  flex-direction: column !important;
  /* ⬅️ KRİTİK: column */
  justify-content: center !important;
  align-items: center !important;
  text-align: center !important;
  min-height: 110px;
  /* başlık tek satırsa da ortada dursun */
}
/* ikon da tam merkez */
/* line 1052, templates/jl_logan_free/custom/scss/custom.scss */
.mfp_default_item .feature-icon {
  margin: 0 auto 10px !important;
}
/* başlık ve açıklama tam ortalı blok */
/* line 1057, templates/jl_logan_free/custom/scss/custom.scss */
.mfp_default_item .feature-title, .mfp_default_item .feature-desc {
  width: 100% !important;
  text-align: center !important;
}
/* normal durumda sadece başlık görünsün */
/* line 1064, templates/jl_logan_free/custom/scss/custom.scss */
.mfp_default_item .feature-desc {
  max-height: 0;
  opacity: 0;
  transform: translateY(10px);
}
/* hover: başlık gizlensin */
/* line 1071, templates/jl_logan_free/custom/scss/custom.scss */
.mfp_default_item .feature-btn:hover .feature-title {
  display: none !important;
  /* ⬅️ zıplamayı da bitirir */
}
/* hover: açıklama merkezde açılıp görünsün */
/* line 1076, templates/jl_logan_free/custom/scss/custom.scss */
.mfp_default_item .feature-btn:hover .feature-desc {
  max-height: 180px;
  opacity: 1;
  transform: translateY(0);
  color: #fff;
  font-size: 16px;
  line-height: 1.6;
}
/* =========================================
 TITREME FIX: hover'da zıplama yok, layout değişimi yok
 ========================================= */
/* Kartın hover’da hareketini kapat */
/* line 1090, templates/jl_logan_free/custom/scss/custom.scss */
.mfp_default_item .feature-btn {
  transform: none !important;
  will-change: auto !important;
}
/* Hover’da da transform olmasın (eski translateY kurallarını ezer) */
/* line 1096, templates/jl_logan_free/custom/scss/custom.scss */
.mfp_default_item .feature-btn:hover {
  transform: none !important;
}
/* Sabit yükseklik ver: içerik açılıp kapanınca layout oynamaz */
/* line 1101, templates/jl_logan_free/custom/scss/custom.scss */
.mfp_default_item .feature-btn {
  min-height: 150px;
  /* gerekirse 160/170 yaparız */
  padding-top: 18px;
  padding-bottom: 18px;
}
/* Başlık: layout’tan düşürme yok (display:none kullanma) */
/* line 1108, templates/jl_logan_free/custom/scss/custom.scss */
.mfp_default_item .feature-title {
  transition: opacity 0.18s ease, transform 0.18s ease;
}
/* Hover’da başlık gizlenir ama yer kaplamaya devam etmez gibi davranır */
/* line 1113, templates/jl_logan_free/custom/scss/custom.scss */
.mfp_default_item .feature-btn:hover .feature-title {
  opacity: 0;
  transform: translateY(-6px);
  pointer-events: none;
  height: 0;
  margin: 0;
  overflow: hidden;
}
/* Açıklama: max-height ile layout oynatma yok -> opacity/visibility kullan */
/* line 1123, templates/jl_logan_free/custom/scss/custom.scss */
.mfp_default_item .feature-desc {
  opacity: 0;
  visibility: hidden;
  transform: translateY(10px);
  transition: opacity 0.22s ease, transform 0.22s ease, visibility 0.22s ease;
}
/* Hover’da görünür */
/* line 1131, templates/jl_logan_free/custom/scss/custom.scss */
.mfp_default_item .feature-btn:hover .feature-desc {
  opacity: 1;
  visibility: visible;
  transform: translateY(0);
}
/* =========================================
 FEATURE KART – DAHA KOMPAKT
 ========================================= */
/* Kartın fiziksel boyunu küçült */
/* line 1142, templates/jl_logan_free/custom/scss/custom.scss */
.mfp_default_item .feature-btn {
  min-height: 120px;
  /* ⬅️ önce 150+ idi, küçülttük */
  padding: 14px 16px;
  /* ⬅️ iç boşluk daraltıldı */
}
/* İkon – biraz daha kompakt ama aynı görünüm */
/* line 1148, templates/jl_logan_free/custom/scss/custom.scss */
.mfp_default_item .feature-icon {
  margin-bottom: 8px;
}
/* BAŞLIK: DOKUNMUYORUZ ❌ */
/* (bilerek hiçbir font-size yok) */
/* AÇIKLAMA: yazıyı büyüt */
/* line 1157, templates/jl_logan_free/custom/scss/custom.scss */
.mfp_default_item .feature-desc {
  font-size: 17px;
  /* ⬅️ büyüdü */
  line-height: 1.65;
  max-width: 90%;
  /* ortalı ve derli toplu */
}
/* Personel fotoğrafının yanındaki kart kolonu */
/* line 1163, templates/jl_logan_free/custom/scss/custom.scss */
.mfp-grid > .mfp-col-sm-6:last-child {
  margin-top: -80px;
  /* ⬅️ kritik satır */
}
/* line 1166, templates/jl_logan_free/custom/scss/custom.scss */
#g-features .mfp-grid > .mfp-col-sm-6:last-child {
  margin-top: 0 !important;
}
/* ==================================================
 FIX: HOVER – İNCE TURUNCU DIŞ ÇİZGİ (feature-btn üzerinden)
 Bunu dosyanın EN ALTINA koy.
 ================================================== */
/* g-features alanında mfp_default_item "sarmalayıcı" gibi kalsın */
/* line 1176, templates/jl_logan_free/custom/scss/custom.scss */
#g-features .mfp_default_item {
  background: transparent !important;
  border: 0 !important;
  box-shadow: none !important;
  padding: 0 !important;
}
/* Asıl kart = feature-btn */
/* line 1184, templates/jl_logan_free/custom/scss/custom.scss */
#g-features .mfp_default_item .feature-btn {
  position: relative;
  border: 1px solid rgba(17, 24, 39, 0.1);
  transition: box-shadow 0.18s ease, border-color 0.18s ease, transform 0.18s ease, outline-color 0.18s ease;
}
/* İnce turuncu dış çizgi: outline + outline-offset ile "dışarıda" görünür */
/* line 1191, templates/jl_logan_free/custom/scss/custom.scss */
#g-features .mfp_default_item .feature-btn:hover {
  border-color: rgba(238, 119, 56, 0.35);
  /* border ince turuncuya yaklaşsın */
  outline: 2px solid rgba(238, 119, 56, 0.55);
  /* dış çizgi */
  outline-offset: 3px;
  /* kutunun DIŞINA taşı */
}
/* Başlık rengi (hover’da turuncu olsun istiyorsan) */
/* line 1198, templates/jl_logan_free/custom/scss/custom.scss */
#g-features .mfp_default_item .feature-btn:hover .feature-title {
  color: #ea580c;
}
/* Klavye ile odaklanınca da aynı vurgu */
/* line 1203, templates/jl_logan_free/custom/scss/custom.scss */
#g-features .mfp_default_item .feature-btn:focus {
  outline: none;
}
/* line 1206, templates/jl_logan_free/custom/scss/custom.scss */
#g-features .mfp_default_item .feature-btn:focus-visible {
  outline: 3px solid rgba(238, 119, 56, 0.45);
  outline-offset: 3px;
}
/* ==================================================
 FIX: G-FEATURES hover turuncu dış çizgi (kesilme yok)
 EN ALTA YAPIŞTIR
 ================================================== */
/* Dış çizgi kesilmesin */
/* line 1216, templates/jl_logan_free/custom/scss/custom.scss */
#g-features, #g-features .g-grid, #g-features .g-block, #g-features .g-content {
  overflow: visible !important;
}
/* Kartın kendisi (mevcut yapıya göre en garantisi) */
/* line 1224, templates/jl_logan_free/custom/scss/custom.scss */
#g-features .mfp_default_item {
  position: relative !important;
  overflow: visible !important;
}
/* Eğer kartın içinde .feature-btn varsa onu da hedefle */
/* line 1230, templates/jl_logan_free/custom/scss/custom.scss */
#g-features .mfp_default_item .feature-btn {
  position: relative !important;
  overflow: visible !important;
}
/* Eğer içerik link üstünden geliyorsa (bazı şablonlarda bu link karttır) */
/* line 1236, templates/jl_logan_free/custom/scss/custom.scss */
#g-features a.mfp_thumb_pos_left {
  position: relative !important;
  overflow: visible !important;
  display: block;
}
/* --- TURUNCU DIŞ ÇİZGİ: pseudo-element ile (outline gibi ama daha garanti) --- */
/* Hover mfp_default_item */
/* line 1245, templates/jl_logan_free/custom/scss/custom.scss */
#g-features .mfp_default_item:hover::after {
  content: "";
  position: absolute;
  inset: -8px;
  /* çizgi KUTU DIŞINDA */
  border: 2px solid rgba(238, 119, 56, 0.7);
  border-radius: 18px;
  pointer-events: none;
  z-index: 999;
}
/* Hover feature-btn varsa */
/* line 1256, templates/jl_logan_free/custom/scss/custom.scss */
#g-features .mfp_default_item .feature-btn:hover::after {
  content: "";
  position: absolute;
  inset: -8px;
  border: 2px solid rgba(238, 119, 56, 0.7);
  border-radius: 18px;
  pointer-events: none;
  z-index: 999;
}
/* Hover link üstündeyse */
/* line 1267, templates/jl_logan_free/custom/scss/custom.scss */
#g-features a.mfp_thumb_pos_left:hover::after {
  content: "";
  position: absolute;
  inset: -8px;
  border: 2px solid rgba(238, 119, 56, 0.7);
  border-radius: 18px;
  pointer-events: none;
  z-index: 999;
}
/* ==================================================
 HIZMETLERİMİZ – KART BOYUTU + YAZI DENGESİ + HOVER ÇİZGİ
 ================================================== */
/* line 1280, templates/jl_logan_free/custom/scss/custom.scss */
#g-features .mfp_default_item {
  max-width: 92%;
  /* ⬅️ kart yatayda daralsın */
  margin: 0 auto 28px;
  /* ⬅️ alt boşluk dengelensin */
}
/* Kart içi içerik biraz daha kompakt */
/* line 1286, templates/jl_logan_free/custom/scss/custom.scss */
#g-features .mfp_default_item .feature-btn {
  padding: 14px 16px;
  /* ⬅️ iç boşluk küçüldü */
  min-height: 120px;
  /* ⬅️ kart boyu küçüldü */
}
/* BAŞLIK – hafif büyüt */
/* line 1292, templates/jl_logan_free/custom/scss/custom.scss */
#g-features .feature-title {
  font-size: 18px !important;
  /* önce biraz küçük kalıyordu */
  line-height: 1.25;
}
/* AÇIKLAMA – belirgin büyüt */
/* line 1298, templates/jl_logan_free/custom/scss/custom.scss */
#g-features .feature-desc {
  font-size: 16px !important;
  line-height: 1.6;
  max-width: 88%;
  margin: 0 auto;
}
/* ==================================================
 HOVER – DAHA BELİRGİN TURUNCU ÇİZGİ
 ================================================== */
/* line 1309, templates/jl_logan_free/custom/scss/custom.scss */
#g-features .mfp_default_item:hover::after, #g-features .mfp_default_item .feature-btn:hover::after {
  border-width: 3px;
  /* ⬅️ daha kalın */
  border-color: #ea580c;
  /* ⬅️ daha koyu turuncu */
  inset: -10px;
  /* ⬅️ biraz daha dışarı */
  border-radius: 20px;
}
/* ==================================================
 G-FEATURES – GERÇEK KART BOYUTU + BÜYÜK YAZI + TAŞMAYAN HOVER ÇİZGİ
 (EN ALTA YAPIŞTIR)
 ================================================== */
/* Dışarı taşan eski hover çizgilerini tamamen kapat */
/* line 1323, templates/jl_logan_free/custom/scss/custom.scss */
#g-features .mfp_default_item::after, #g-features .mfp_default_item .feature-btn::after, #g-features a.mfp_thumb_pos_left::after {
  content: none !important;
  display: none !important;
}
/* Kartı gerçekten kompakt yap */
/* line 1331, templates/jl_logan_free/custom/scss/custom.scss */
#g-features .mfp_default_item {
  background: #fff !important;
  border: 1px solid rgba(17, 24, 39, 0.1) !important;
  border-radius: 16px !important;
  padding: 14px 16px !important;
  /* ⬅️ kart içi boşluk küçüldü */
  box-shadow: 0 10px 22px rgba(17, 24, 39, 0.06), 0 2px 6px rgba(17, 24, 39, 0.04) !important;
  width: 92% !important;
  /* ⬅️ kartın “fiziksel” genişliği küçülsün */
  margin: 0 auto 22px !important;
  position: relative !important;
  transition: box-shadow 0.18s ease, transform 0.18s ease, border-color 0.18s ease !important;
}
/* Başlık ve açıklamayı büyüt (sende asıl bunlar görünüyor) */
/* line 1349, templates/jl_logan_free/custom/scss/custom.scss */
#g-features .mfp_default_title {
  font-size: 20px !important;
  /* ⬅️ büyüdü */
  font-weight: 800 !important;
  line-height: 1.25 !important;
  margin: 0 0 6px !important;
}
/* line 1356, templates/jl_logan_free/custom/scss/custom.scss */
#g-features .mfp_introtext {
  font-size: 16px !important;
  /* ⬅️ büyüdü */
  line-height: 1.65 !important;
  color: #374151 !important;
  margin: 0 !important;
}
/* İkon biraz daha kompakt dursun */
/* line 1364, templates/jl_logan_free/custom/scss/custom.scss */
#g-features a.mfp_thumb_pos_left {
  margin: 0 12px 0 0 !important;
}
/* Hover: ÇİZGİ KARTIN İÇİNDE (inset) → komşuya ASLA taşmaz */
/* line 1369, templates/jl_logan_free/custom/scss/custom.scss */
#g-features .mfp_default_item:hover {
  border-color: rgba(234, 88, 12, 0.55) !important;
  transform: translateY(-1px);
  box-shadow: 0 14px 30px rgba(17, 24, 39, 0.1), 0 4px 10px rgba(17, 24, 39, 0.06), inset 0 0 0 3px #ea580c !important;
}
/* ⬅️ daha kalın + daha koyu turuncu */
/* Başlık hover’da hafif turunculaşsın */
/* line 1380, templates/jl_logan_free/custom/scss/custom.scss */
#g-features .mfp_default_item:hover .mfp_default_title {
  color: #ea580c !important;
}
/*# sourceMappingURL=custom_10.css.map */