/* Marka Detay Sayfalari - Ortak CSS */
.md-hero{display:grid;grid-template-columns:180px 1fr;gap:40px;align-items:center;padding:48px;background:#fff;border-radius:var(--radius-lg);box-shadow:var(--shadow);margin-bottom:48px}
.md-hero img{max-width:160px;height:auto}
.md-hero-text h2{font-size:28px;font-weight:800;margin-bottom:12px;color:var(--gray-900)}
.md-hero-text p{font-size:15px;color:var(--gray-600);line-height:1.8;margin-bottom:16px}
.md-badges{display:flex;flex-wrap:wrap;gap:10px}
.md-badge{display:inline-flex;align-items:center;gap:6px;padding:6px 14px;background:var(--green-subtle);border-radius:20px;font-size:12px;font-weight:600;color:var(--green-dark, #2e7d32)}
.md-section{margin-bottom:56px}
.md-section-title{font-size:22px;font-weight:800;margin-bottom:8px;color:var(--gray-900);display:flex;align-items:center;gap:10px}
.md-section-desc{font-size:14px;color:var(--gray-500);margin-bottom:24px;max-width:700px}
.md-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(340px,1fr));gap:20px;margin-bottom:24px}
.md-card{background:#fff;border-radius:var(--radius);padding:28px;box-shadow:var(--shadow);border-top:3px solid var(--green);transition:var(--transition)}
.md-card:hover{transform:translateY(-3px);box-shadow:0 8px 30px rgba(0,0,0,0.1)}
.md-card h3{font-size:16px;font-weight:700;margin-bottom:4px;color:var(--gray-900)}
.md-card .md-sub{font-size:12px;color:var(--gray-500);margin-bottom:12px;font-weight:500}
.md-card p{font-size:13px;color:var(--gray-600);line-height:1.7;margin-bottom:16px}
.md-specs{width:100%;border-collapse:collapse;margin-bottom:16px;font-size:12px}
.md-specs tr{border-bottom:1px solid var(--gray-100)}
.md-specs td{padding:6px 0;color:var(--gray-600)}
.md-specs td:first-child{font-weight:600;color:var(--gray-700);width:40%;white-space:nowrap}
.md-tags{display:flex;flex-wrap:wrap;gap:5px}
.md-tags span{font-size:11px;font-weight:600;padding:4px 10px;border-radius:14px;background:var(--gray-100);color:var(--gray-700)}
.md-use-cases{background:var(--green-subtle);border-radius:var(--radius);padding:20px;margin-top:16px}
.md-use-cases h4{font-size:13px;font-weight:700;margin-bottom:8px;color:var(--gray-800)}
.md-use-cases ul{list-style:none;padding:0;margin:0}
.md-use-cases li{font-size:12px;color:var(--gray-600);padding:3px 0;display:flex;align-items:center;gap:6px}
.md-use-cases li::before{content:'';width:5px;height:5px;background:var(--green);border-radius:50%;flex-shrink:0}
.md-cta{display:inline-flex}
.md-cta .btn-primary{display:inline-flex;align-items:center;gap:6px;padding:10px 24px;background:var(--green);color:#fff;border-radius:var(--radius);font-size:13px;font-weight:600;transition:var(--transition);text-decoration:none}
.md-cta .btn-primary:hover{background:var(--green-dark,#388e3c)}
.md-cta .btn-outline{display:inline-flex;align-items:center;gap:6px;padding:10px 24px;border:2px solid var(--green);color:var(--green);border-radius:var(--radius);font-size:13px;font-weight:600;transition:var(--transition);text-decoration:none}
.md-cta .btn-outline:hover{background:var(--green-subtle)}
.md-services{background:#fff;border-radius:var(--radius-lg);padding:40px;box-shadow:var(--shadow);margin-bottom:48px}
.md-services h3{font-size:20px;font-weight:800;margin-bottom:20px;color:var(--gray-900)}
.md-svc-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:16px}
.md-svc-item{display:flex;align-items:flex-start;gap:12px;padding:16px;background:var(--green-subtle);border-radius:var(--radius)}
.md-svc-item .svc-icon{width:36px;height:36px;background:var(--green);border-radius:8px;display:flex;align-items:center;justify-content:center;flex-shrink:0}
.md-svc-item .svc-icon svg{width:18px;height:18px;stroke:#fff;fill:none;stroke-width:2;stroke-linecap:round;stroke-linejoin:round}
.md-svc-item h4{font-size:13px;font-weight:700;color:var(--gray-800);margin-bottom:4px}
.md-svc-item p{font-size:12px;color:var(--gray-600);line-height:1.5}
.md-back{display:inline-flex;align-items:center;gap:6px;color:var(--green);font-size:13px;font-weight:600;text-decoration:none;margin-bottom:20px}
.md-back:hover{text-decoration:underline}
@media(max-width:768px){
    .md-hero{grid-template-columns:1fr;text-align:center;padding:28px}
    .md-hero img{margin:0 auto}
    .md-badges{justify-content:center}
    .md-grid{grid-template-columns:1fr}
    .md-svc-grid{grid-template-columns:1fr}
}