:root {  --renk1: #005cb9;  --renk2: #0056b324;  --renk3: #fff;  --renk4:#666;  --renk5:#0056b3;}
body {font-family: 'Oxygen', sans-serif;    margin: 0;padding:0;text-decoration: none;background: #fff;}
* { margin: 0;padding: 0;box-sizing: border-box;    text-decoration: none;}



.container {   width: 1300px;margin: 10px auto;display: grid;    grid-template-columns: 17% calc(83% - 20px);gap: 20px;align-items: start;}
.sidebar-toggle {  display: none;background-color: var(--renk1);border: none;color: #fff;padding: 5px 12px;border-radius: 5px;cursor: pointer;font-size: 13px;transition: background 0.2s, transform 0.2s;}
.mobil-siralama-dropdown {  position: relative;display: inline-block;font-size: 15px;}
.mobil-siralama-dropdown .dropdown-toggle {  padding: 8px 12px;text-align: left;border: 1px solid #ccc;border-radius: 4px;background: #fff;color: #333;cursor: pointer;}
.mobil-siralama-dropdown .dropdown-toggle i {  float: right;margin-top: 2px;    margin-left: 5px;}
.mobil-siralama-dropdown .dropdown-menu {  position: absolute;top: calc(100% + 4px);left: 0;width: 150px;background: #fff;border-radius: 4px;box-shadow: 0 2px 6px rgba(0,0,0,0.1);list-style: none;margin: 0;padding: 0;max-height: 0;overflow: hidden;transition: max-height 0.2s ease;z-index: 1000;}
.mobil-siralama-dropdown.open .dropdown-menu {  max-height: 300px; /* gerekirse ayarla */ border: 1px solid #ccc;box-shadow: 0 2px 6px rgba(0,0,0,0.1);}
.mobil-siralama-dropdown .dropdown-menu li {  padding: 10px 12px;cursor: pointer;}
.mobil-siralama-dropdown .dropdown-menu li:hover {  background: #f1f1f1;}
.mobil-menu{    display: none;}


 
 @media (max-width: 950px) {
.gorunum-grup {display:none !important;}  
.grid-btn {    padding: 10px 12px !important;}  
.sidebar-toggle {    padding: 8px 12px !important;}  
.siralama-container h1 {display:none !important;}  
.siralama-container {  margin-bottom: 2px !important;  padding:5px 15px  !important;position: sticky;top: 60px;z-index: 111;border-radius: 0 0 5px 5px  !important;    box-shadow: none !important;border:none !important;} 
.container {        display: flex;        width: 100%;            margin-bottom: 10px;  }
.mobil-tab {     display: flex;    justify-content: flex-end;    gap: 10px;}
.mobil-menu { width: 100%;display: flex;align-items: center;justify-content: space-between;}
.mobil-menu h1{ display: block !important;font-size: 18px;}
.siralama-grup {    display: none !important;  }
.mobil-siralama-dropdown {  display: block; }
.sidebar { position: fixed;top: 0;left: -100%;width: 80%;height: 100%;background: #fff;z-index: 1001;overflow-y: auto;padding: 20px;transition: left 0.3s ease;box-shadow: 2px 0 10px rgba(0, 0, 0, 0.2);}
.sidebar.active { left: 0;}
.sidebar-toggle { display: inline-block;  }
.sidebar-overlay { display: none;position: fixed;top: 0;right: 0;width: 20%;height: 100%;z-index: 1000;}
.sidebar-acik .sidebar-overlay { display: block;}
body.sidebar-acik { overflow: hidden;}
.header-container {     flex-direction: column;    align-items: flex-start;    gap: 12px;  }
.main-nav ul {     flex-direction: column;    gap: 12px;  }
.header-actions {     flex-direction: column;    width: 100%;  }
.btn {     width: 100%;    text-align: center;  }
.container2 {    width: 100% !important;    margin: 0 !important;}
.galeri-container {display:none;}
}

 
  @media (max-width: 722px) {
.grid {grid-template-columns: repeat(1, 1fr) !important;gap: 10px !important;        padding: 0 10px;}

 }

@media (min-width: 723px) and (max-width: 1300px) {
.grid {grid-template-columns: repeat(2, 1fr) !important;gap: 10px !important;        padding: 0 10px;}
.container {        display: flex;        width: 100%;            margin-bottom: 10px;  }
.gorunum-grup {display:none !important;}
 }