.clr{clear:both;}
html, body {
  margin: 0;
  padding: 0;
}
body{float:left;width:100%;height:100%;font-family: 'Inter', sans-serif; background: #f4f4f4; font-weight:400;font-size:12px;overflow-x: hidden !important;}

:root{
  --main-color: #e00; /*rgba(205, 144, 89, 1)*/
  --second-color:#c9b38c;
  --lacivert:rgba(38, 43, 62, 1);
  --main-dark:#1a1a1a /*#393631*/;
}


.bebas-neue-font {
  font-family: "Bebas Neue", sans-serif;
  font-weight: 400;
  font-style: normal;
}


.inter-font {
  font-family: "Inter", sans-serif;
  font-weight: 400;
  font-style: normal;
}

  * { box-sizing: border-box; margin: 0; padding: 0; }

  /* HEADER */
  .site-header { background: #fff; padding: 18px 0 14px; border-bottom: 1px solid #eee; }
  .site-logo { font-family: 'Bebas Neue', sans-serif; font-size: 2.6rem; line-height: 1; letter-spacing: 1px; text-decoration: none; }
  .site-logo .red { color: #e00; }
  .site-logo .black { color: #111; }
  .site-tagline { font-size: 0.65rem; letter-spacing: 3px; color: #999; text-transform: uppercase; margin-top: 3px; }

  /* NAVBAR */
  .main-nav { background: #1a1a1a; }
  .main-nav .nav-link {
    color: #fff !important;
    font-size: 0.78rem;
    font-weight: 700;
    letter-spacing: 0.5px;
    text-transform: uppercase;
    padding: 12px 16px !important;
    border-right: 1px solid #333;
    transition: background 0.2s;
  }
  .main-nav .nav-link:hover { background: #e00; }
  .main-nav .nav-link.active { background: #e00; }
  .main-nav .navbar-nav { flex-wrap: wrap; }

  /* MAIN CONTENT */
  .main-section { background: #f4f4f4; padding: 20px 0;}
  

  /* SLIDER */
  .featured-slider { position: relative; background: #222; border-radius: 2px; overflow: hidden; }
  .slide { display: none; position: relative; }
  .slide.active { display: block; }
  .slide img { width: 100%; height: 360px; object-fit: cover; opacity: 0.75; }
  .slide-overlay {
    position: absolute; bottom: 0; right: 0;
    width: 55%; padding: 24px 20px;
    background: rgba(0,0,0,0.72);
  }
  .slide-category {
    background: #e00; color: #fff;
    font-size: 0.65rem; font-weight: 700;
    letter-spacing: 1px; text-transform: uppercase;
    padding: 2px 8px; display: inline-block; margin-bottom: 8px;
  }
  .slide-title { color: #fff; font-size: 1.15rem; font-weight: 700; line-height: 1.3; margin-bottom: 8px; }
  .slide-summary { color: #ccc; font-size: 0.78rem; line-height: 1.5; display: -webkit-box; -webkit-line-clamp: 3; -webkit-box-orient: vertical; overflow: hidden; }
  .slider-dots { position: absolute; bottom: 12px; left: 16px; display: flex; gap: 6px; }
  .dot { width: 10px; height: 10px; border-radius: 50%; background: rgba(255,255,255,0.4); cursor: pointer; border: none; transition: background 0.2s; }
  .dot.active { background: #e00; }

  /* SIDEBAR */
  .sidebar-ad {
    background: #2a2a2a; color: #fff;
    display: flex; align-items: center; justify-content: center;
    flex-direction: column; height: 200px;
    font-size: 1.4rem; font-weight: 700;
    border-radius: 2px; margin-bottom: 20px;
  }
  .sidebar-ad span { font-size: 0.75rem; color: #aaa; margin-top: 4px; letter-spacing: 1px; }

  .sidebar-title {
    font-size: 0.75rem; font-weight: 700;
    text-transform: uppercase; letter-spacing: 1px;
    color: #111; border-bottom: 2px solid #e00;
    padding-bottom: 8px; margin-bottom: 14px;
  }

  .sidebar-article { display: flex; gap: 10px; margin-bottom: 14px; padding-bottom: 14px; border-bottom: 1px solid #e8e8e8; }
  .sidebar-article:last-child { border-bottom: none; }
  .sidebar-article img { width: 70px; height: 52px; object-fit: cover; flex-shrink: 0; border-radius: 1px; }
  .sidebar-article-title { font-size: 0.8rem; font-weight: 600; color: #111; line-height: 1.35; margin-bottom: 4px; }
  .sidebar-article-title a { color: inherit; text-decoration: none; }
  .sidebar-article-title a:hover { color: #e00; }
  .sidebar-meta { font-size: 0.68rem; color: #999; }

  /* CATEGORY SECTIONS */
  .category-section { background: #fff; padding: 18px; margin-bottom: 16px; border-radius: 1px; font-size:14px;}
  .category-title {
    font-size: 0.75rem; font-weight: 700;
    text-transform: uppercase; letter-spacing: 1px;
    color: #111; border-bottom: 2px solid #e00;
    padding-bottom: 8px; margin-bottom: 16px;
  }
  .cat-article { display: flex; gap: 12px; margin-bottom: 14px; padding-bottom: 14px; border-bottom: 1px solid #f0f0f0; }
  .cat-article:last-child { border-bottom: none; margin-bottom: 0; padding-bottom: 0; }
  .cat-article img { width: 90px; height: 65px; object-fit: cover; flex-shrink: 0; border-radius: 1px; }
  .cat-article-title { font-size: 0.85rem; font-weight: 600; color: #111; line-height: 1.35; margin-bottom: 5px; }
  .cat-article-title a { color: inherit; text-decoration: none; }
  .cat-article-title a:hover { color: #e00; }
  .cat-meta { font-size: 0.68rem; color: #999; }
  .cat-meta span { margin-right: 8px; }

.news-top-section {
  display: flex;
  gap: 20px;
  align-items: flex-start;
  width:90%;
  background:#fff;
  padding:30px;
  box-sizing:border-box;
}

.news-main-image {
  max-width: 300px;
  height: auto;
  flex-shrink: 0;
}

.news-summary {
  margin-top:30px;
  font-size: 16px; /* metni büyüttük */
  line-height: 1.8;
}
#news-content{text-align: justify;text-justify: inter-word;font-size:14px;}

  /* FOOTER */

#footer-outer {float:left;width: 100%;position: relative;background: var(--main-dark);margin-top: 0 /*30px*/;padding: 60px 0; }

#cerez-uyari { position: fixed;bottom:3%;left:2%;z-index: 99999; width: 30%; margin:0 auto; justify-content: center;  background: rgba(38, 43, 62, 0.9);border-radius:5px;}
#cerez-uyari:hover {background: rgba(38, 43, 62, 1);}
#cerez-uyari .cerez-uyari-inner { font-size: .875rem; padding: 5px 10px; border-radius: 4px; margin: 15px; color: #fff;}
#cerez-uyari .cerez-uyari-inner p { margin-bottom: 0; color: #fff; font-size:12px;line-height:22px;}
#cerez-uyari .cerez-uyari-kapat { cursor: pointer; z-index: 1; margin-top:1rem; margin-left: 0; font-size: 12px; color: #fff;  background: transparent; border:0;}
#cerez-uyari a { text-decoration: underline; color: #fff;font-size:12px;}

.hide{visibility: hidden;opacity: 0;transition: visibility 0s linear 0.33s, opacity 0.33s linear;}        

#footer-bg-shape{display:block;position:absolute;left:0;top:60px;width:250px;} /*322*/
#footer-bg-shape-02{display:block;position:absolute;right:-60px;top:25%;width:350px;} /*450*/

#footer-inner{width:80%;margin:30px auto; margin-bottom:0;padding-bottom:30px;height:100%;display: flex; justify-content: center; align-items: center; flex-direction: column;}

#footer-left{margin:30px auto;}
#footer-title{float:left;color:#fff;font-size:18px;}
#footer-about{width:60%;margin:60px auto; margin-bottom:0; text-align:center;color:#ccc;line-height:21px;}
#footer-address{width:60%;margin:60px auto; margin-bottom:0; text-align:center;color:#ccc;line-height:21px;}

#footer-second{}
#footer-second h3{color:#fff;}

.footer-link:link,.footer-link:visited{text-decoration: none;float:left;color:#fff;margin:5px 10px;font-weight:300;transition: all 0.3s;}
.footer-link:hover{color:var(--main-color);}

.footer-link-active:link,.footer-link-active:visited{text-decoration: none;float:left;color:#fff;border-bottom:1px dotted #fff;margin:5px 10px;font-weight:300;transition: all 0.3s;}
.footer-link:hover{color:var(--main-color);}



#footer-last-links-holder{margin-top:30px;display: flex; justify-content: center; align-items: center;}
  a.footer-last-links:link,a.footer-last-links:visited{text-decoration:none;float:left;margin:0 10px;padding:5px 10px;color:#fff;border-bottom:1px dotted #ccc;}
  a.footer-last-links:hover{color:var(--main-color);border-bottom:1px dotted var(--main-color);}


#footer-kumru {margin: 30px auto;margin-bottom:0;display: flex;justify-content: center;align-items: center;position: relative;}

.kumru-link {position: relative;display: inline-block;width: 45px; height: 45px;}

.kumru-link img {width: 100%;height: auto;display: block;transition: transform 0.3s ease;}

.kumru-text {position: absolute;left: 50px; top: 30%;transform: translateY(-50%) translateX(10px);opacity: 0;white-space: nowrap;color: #ccc;font-size: 10px;line-height: 1.2;transition: opacity 0.3s ease, transform 0.3s ease;pointer-events: none;}
.kumru-link:hover .kumru-text {opacity: 1;transform: translateY(-50%) translateX(0);}

.copyright{color:#5b6071;}

.white{color:#fff;}


@media (max-width: 768px) {
  .news-top-section {
    flex-direction: column;
  }

  .news-summary {
    font-size: 16px;
  }
}