.company-container {
  max-width: 1000px;
  margin: 35px auto;
  background: #ffffff;
  border-radius: 14px;
  overflow: hidden;
  box-shadow: 0 4px 18px rgba(0,0,0,0.08);
}

.company-hero img {
  width: 100%;
  height: 430px;
  object-fit: cover;
}

.company-header {
  padding: 26px;
  border-bottom: 1px solid #eee;
}

.company-header h1 {
  font-size: 28px;
  margin-bottom: 10px;
}

.company-meta {
  font-size: 15px;
  color: #666;
}

.source-link {
  display: inline-block;
  margin-top: 10px;
  font-weight: 600;
  color: #0077b6;
}

.company-content {
  padding: 28px;
  font-size: 17px;
  line-height: 1.65;
  color: #333;
}

.section-title {
  padding: 20px 28px 12px;
  font-size: 20px;
  font-weight: 700;
  color: #00334e;
}

.related-grid {
  display:grid;
  grid-template-columns:repeat(auto-fill,minmax(220px,1fr));
  gap:18px;
  padding:0 28px 28px;
}

.rel-card {
  display:block;
  background:#f8fafc;
  border-radius:10px;
  padding:10px;
  transition:.25s;
  text-decoration:none;
  color:#002b45;
  box-shadow:0 1px 5px rgba(0,0,0,.05);
}

.rel-card img {
  width:100%;
  height:140px;
  object-fit:cover;
  border-radius:8px;
}

.rel-card:hover {
  transform:translateY(-5px);
  box-shadow:0 4px 12px rgba(0,0,0,.15);
}

.share-btns {
    display: flex;
    justify-content: flex-start;
    gap: 14px;
    margin: 15px 0 10px; /* Üste daha yakın */
}
.btn-share {
    width: 42px;
    height: 42px;
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    text-decoration: none;
    transition: 0.25s ease;
}

.btn-share svg {
    width: 22px;
    height: 22px;
    fill: #fff;
}

/* Colors */
.btn-share.fb { background: #1877F2; }
.btn-share.li { background: #0077B5; }
.btn-share.wa { background: #25D366; }

/* Hover Effects */
.btn-share:hover {
    transform: translateY(-3px) scale(1.05);
    box-shadow: 0 8px 18px rgba(0,0,0,0.22);
}