/* Service Page Redesign (User Template - Services Page) */
 .services-page .service-card { 
    background: #ffffff; 
    border-radius: 14px; 
    overflow: hidden; 
    box-shadow: 0 6px 20px rgba(0,0,0,0.08); 
    transition: all .25s ease; 
    height: 100%; 
  } 
  
  .services-page .service-card:hover { 
    transform: translateY(-6px); 
    box-shadow: 0 14px 35px rgba(0,0,0,0.15); 
  } 
  
/* === KURUMSAL AFİŞ GÖRÜNÜMÜ (BÜYÜK HİZMET GÖRSELLERİ) === */ 
.services-page .service-image { 
  height: 220px !important;
  padding: 0 !important;
  background: transparent;
  display: flex;
  align-items: center;
  justify-content: center;
  overflow: hidden;
} 

.services-page .service-image a {
  display: block;
  width: 100%;
  height: 100%;
}

.services-page .service-image img { 
  width: 100%; 
  height: 100%; 
  object-fit: contain !important;
  object-position: center; 
  display:block; 
}

/* Kartı daha premium göster */ 
.services-page .service-card { 
  background: #ffffff; 
  border-radius: 18px; 
  box-shadow: 0 10px 35px rgba(0,0,0,0.12); 
  overflow: hidden; 
  transition: all .25s ease; 
  height: 100%; 
}
  
  .services-page .service-card:hover .service-image img { 
    transform: scale(1.08); 
  } 
  
  .services-page .service-link-icon { 
    position: absolute; 
    bottom: 12px; 
    right: 12px; 
    width: 42px; 
    height: 42px; 
    background: #0d5fa8; /* Tema mavisi */ 
    color: #fff; 
    border-radius: 50%; 
    display: flex; 
    align-items: center; 
    justify-content: center; 
    text-decoration: none; 
    box-shadow: 0 6px 15px rgba(13,95,168,0.4); 
    transition: all .25s ease; 
    cursor: pointer;
  } 
  
  .services-page .service-link-icon:hover { 
    background: #083e6e; 
    transform: scale(1.1); 
  } 
  
  .services-page .service-body { 
    padding: 18px; 
    text-align: center; 
  } 
  
  .services-page .service-body h5 { 
    font-weight: 700; 
    font-size: 16px; 
    color: #0d5fa8; 
    margin-bottom: 6px; 
  } 
  
  .services-page .service-body p { 
    font-size: 13px; 
    color: #666; 
    margin: 0; 
    display: -webkit-box;
    -webkit-line-clamp: 3;
    -webkit-box-orient: vertical;
    overflow: hidden;
  }

/* Hizmetler grid düzeltme */ 
 .services-grid{ 
   display:flex; 
   flex-wrap:wrap; 
   gap: 22px; 
 } 
 
 .services-grid > div{ 
   width: calc(25% - 22px); /* desktop 4'lü */ 
 } 
 
 @media (max-width: 1200px){ 
   .services-grid > div{ width: calc(33.333% - 22px); } /* tablet 3 */ 
 } 
 @media (max-width: 768px){ 
   .services-grid > div{ width: calc(50% - 22px); } /* mobil 2 */ 
 } 
 @media (max-width: 480px){ 
   .services-grid > div{ width: 100%; } /* küçük ekran 1 */ 
 } 
 
 /* Kart genişlik kısıtı varsa iptal et */ 
 .service-card{ 
   width: 100% !important; 
   max-width: none !important; 
 }

/* --- Lightbox Modal Design (MRLife Style) --- */
.mrl-modal{ 
 font-family: system-ui, -apple-system, Segoe UI, Roboto, Arial, sans-serif; 
 color:#0f172a; 
 width: 100%;
 max-width: none;
 min-height: auto;
 display: flex;
 flex-direction: column;
 } 
 
 .mrl-head{ 
 padding:18px 18px 10px 18px; 
 border-bottom:1px solid rgba(15,23,42,.10); 
 flex: 0 0 auto;
 } 
 
 .mrl-badge{ 
 display:inline-block; 
 font-size:12px; 
 font-weight:700; 
 letter-spacing:.3px; 
 padding:6px 10px; 
 border-radius:999px; 
 background: rgba(0, 153, 167, .10); 
 color:#067d86; 
 margin-bottom:10px; 
 } 
 
 .mrl-head h2{ 
 font-size:22px; 
 margin:0 0 6px 0; 
 } 
 
 .mrl-head p{ 
 margin:0; 
 line-height:1.55; 
 color:rgba(15,23,42,.75); 
 font-size:14px; 
 } 
 
 .mrl-grid{ 
 display:grid; 
 grid-template-columns: repeat(2, minmax(0, 1fr)); 
 gap:12px; 
 padding:16px 18px; 
 } 
 
 .mrl-card{ 
 display:flex; 
 gap:12px; 
 padding:14px; 
 border:1px solid rgba(15,23,42,.10); 
 border-radius:14px; 
 background:#fff; 
 } 
 
 .mrl-ic{ 
 width:38px; 
 height:38px; 
 border-radius:12px; 
 display:flex; 
 align-items:center; 
 justify-content:center; 
 background: rgba(2, 132, 199, .10); 
 flex:0 0 auto; 
 } 
 
 .mrl-card h3{ 
 margin:0 0 4px 0; 
 font-size:15px; 
 } 
 
 .mrl-card p{ 
 margin:0; 
 font-size:13px; 
 line-height:1.5; 
 color:rgba(15,23,42,.70); 
 } 
 
 .mrl-foot{ 
 padding:0 18px 18px 18px; 
 } 
 
 .mrl-foot h4{ 
 margin:4px 0 10px 0; 
 font-size:14px; 
 color:rgba(15,23,42,.85); 
 } 
 
 .mrl-tags{ 
 display:flex; 
 flex-wrap:wrap; 
 gap:8px; 
 margin-bottom:14px; 
 } 
 
 .mrl-tags span{ 
 font-size:12.5px; 
 padding:8px 10px; 
 border-radius:999px; 
 background: rgba(15,23,42,.06); 
 color:rgba(15,23,42,.80); 
 } 
 
 .mrl-cta{ 
 display:flex; 
 gap:12px; 
 align-items:center; 
 justify-content:space-between; 
 padding:14px; 
 border-radius:14px; 
 border:1px solid rgba(15,23,42,.10); 
 background: linear-gradient(0deg, rgba(2,132,199,.06), rgba(2,132,199,.06)); 
 } 
 
 .mrl-cta strong{ 
 display:block; 
 font-size:14px; 
 margin-bottom:2px; 
 } 
 
 .mrl-cta span{ 
 display:block; 
 font-size:12.5px; 
 color:rgba(15,23,42,.70); 
 } 
 
 .mrl-btn{ 
 display:inline-block; 
 text-decoration:none; 
 padding:10px 14px; 
 border-radius:12px; 
 background:#0284c7; 
 color:#fff; 
 font-weight:700; 
 font-size:13px; 
 white-space:nowrap; 
 } 
 
 /* Mobil */ 
 
 @media (max-width: 720px){ 
 
 .mrl-grid{ grid-template-columns: 1fr; } 
 
 .mrl-cta{ flex-direction:column; align-items:flex-start; } 
 
 } 
 
 /* Lightbox iç kutu */ 
 
.lightbox-content, #serviceModal .iziModal-content, .fancybox__content, .swal2-html-container{ 
 
 max-height: 100vh; 
 
 overflow: auto; 
 
 }/* Fix for iziModal content area */
#modalContentArea {
    padding: 0 !important;
}

/* Stable service card layout */
.services-grid {
    display: grid !important;
    grid-template-columns: repeat(4, minmax(0, 1fr));
    gap: 22px;
}

.services-grid > div {
    width: auto !important;
    min-width: 0;
}

.services-page .service-card {
    border-radius: 12px !important;
    border: 1px solid rgba(15, 23, 42, 0.08);
    box-shadow: 0 10px 24px rgba(15, 23, 42, 0.10);
}

.services-page .service-card:hover {
    transform: translateY(-3px);
    box-shadow: 0 14px 28px rgba(15, 23, 42, 0.14);
}

.services-page .service-image {
    background: #f8fafc !important;
}

.services-page .service-image img {
    padding: 10px;
    transition: transform 0.35s ease;
}

.services-page .service-card:hover .service-image img {
    transform: scale(1.035) !important;
}

.services-page .service-body h5 {
    line-height: 1.25;
    overflow-wrap: anywhere;
}

@media (max-width: 1200px) {
    .services-grid {
        grid-template-columns: repeat(3, minmax(0, 1fr));
    }
}

@media (max-width: 768px) {
    .services-grid {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }
}

@media (max-width: 480px) {
    .services-grid {
        grid-template-columns: 1fr;
    }
}