/* MESUT TECH V8.5 - Hizmet Görseli Kart Düzeni */
.service-showcase-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px}
.service-showcase-card{position:relative;min-height:240px;display:grid;grid-template-columns:minmax(0,46%) minmax(0,54%);background:#fff;border:1px solid #d8e7f3;border-radius:26px;overflow:hidden;box-shadow:0 18px 40px rgba(9,33,58,.06)}
.service-showcase-content{position:relative;z-index:2;display:flex;flex-direction:column;justify-content:center;gap:10px;padding:28px 18px 24px 28px;background:linear-gradient(90deg, rgba(255,255,255,1) 0%, rgba(255,255,255,.97) 62%, rgba(255,255,255,0) 100%)}
.service-showcase-icon{width:68px;height:68px;border-radius:18px;display:inline-flex;align-items:center;justify-content:center;background:#e9f5ff;color:#1187e0;font-size:34px;line-height:1;font-weight:800;box-shadow:inset 0 0 0 1px rgba(17,135,224,.08)}
.service-showcase-icon .icon-text{font-size:20px;letter-spacing:-.02em}
.service-showcase-title{margin:0;color:#0a1b34;font-size:22px;line-height:1.15;letter-spacing:-.03em}
.service-showcase-desc{margin:0;color:#61758e;font-size:15px;line-height:1.6}
.service-showcase-link{display:inline-flex;align-items:center;gap:8px;margin-top:4px;color:#0d79d8;text-decoration:none;font-weight:700;font-size:15px}
.service-showcase-link:hover{text-decoration:underline}
.service-showcase-media{position:relative;min-height:240px;overflow:hidden;background:#eef5fb}
.service-showcase-media::before{content:"";position:absolute;inset:0 auto 0 0;width:34%;background:linear-gradient(90deg, rgba(255,255,255,1) 0%, rgba(255,255,255,.82) 44%, rgba(255,255,255,0) 100%);z-index:1;pointer-events:none}
.service-showcase-media img{width:100%;height:100%;object-fit:cover;display:block}
.home-service-showcase .service-showcase-card{min-height:226px}
.home-service-showcase .service-showcase-media{min-height:226px}
@media (max-width:1240px){.service-showcase-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media (max-width:820px){.service-showcase-grid{grid-template-columns:1fr}}
@media (max-width:640px){.service-showcase-card{grid-template-columns:1fr;min-height:auto}.service-showcase-content{order:2;padding:22px;background:#fff}.service-showcase-media{min-height:220px;order:1}.service-showcase-media::before{inset:auto 0 0 0;width:auto;height:34%;background:linear-gradient(180deg, rgba(255,255,255,0) 0%, rgba(255,255,255,.78) 55%, rgba(255,255,255,1) 100%)}.service-showcase-title{font-size:21px}}
.service-admin-note{margin:8px 0 0;font-size:12px;color:#5f738a}
.service-image-preview{display:flex;align-items:center;gap:12px;margin-top:10px;padding:10px;border:1px dashed #c9d9e5;border-radius:14px;background:#fbfdff}
.service-image-preview img{width:128px;height:76px;object-fit:cover;border-radius:10px;border:1px solid #dbe8f2;display:block;background:#eef5fb}
.service-image-preview span{font-size:12px;color:#52667c;line-height:1.5;word-break:break-all}
.cms-list-grid.service-cms-grid{display:grid;grid-template-columns:120px 1fr 1fr 1fr;gap:12px}
.cms-list-grid.service-cms-grid .full{grid-column:1/-1}
@media (max-width:1100px){.cms-list-grid.service-cms-grid{grid-template-columns:1fr}}

/* V8.6 - SVG hizmet ikonları */
.service-showcase-icon img{
    width:36px;
    height:36px;
    display:block;
    object-fit:contain;
}
.service-showcase-media.is-empty{
    background:
      radial-gradient(circle at 72% 30%, rgba(17,135,224,.12), transparent 34%),
      linear-gradient(135deg,#f8fbfe,#eaf4fb);
}
.service-showcase-media.is-empty::after{
    content:"Görsel daha sonra eklenecek";
    position:absolute;
    inset:0;
    display:grid;
    place-items:center;
    color:#8aa0b4;
    font-size:12px;
    font-weight:700;
    letter-spacing:.02em;
}
.service-icon-admin-preview{
    display:flex;
    align-items:center;
    gap:10px;
    margin-top:8px;
}
.service-icon-admin-preview img{
    width:46px;
    height:46px;
    padding:9px;
    border-radius:13px;
    background:#e9f5ff;
    border:1px solid #d6eaf8;
}