/* Base Grid (Category / IDs) */
.genes-grid{display:grid;gap:24px}
.genes-grid.cols-2{grid-template-columns:repeat(2, minmax(0,1fr))}
.genes-grid.cols-3{grid-template-columns:repeat(3, minmax(0,1fr))}
.genes-grid.cols-4{grid-template-columns:repeat(4, minmax(0,1fr))}
@media(max-width:1024px){.genes-grid.cols-3,.genes-grid.cols-4{grid-template-columns:repeat(2, minmax(0,1fr))}}
@media(max-width:640px){.genes-grid{grid-template-columns:1fr}}

.genes-card,.genes-sub-card{
  position:relative;
  min-height:320px;
  border-radius:14px;
  overflow:hidden;
  background-size:cover;
  background-position:center;
  background-color:#111;
}
.genes-card.no-bg,.genes-sub-card.no-bg{background-image:none !important;}

.genes-card::before,.genes-sub-card::before{
  content:'';
  position:absolute;
  inset:0;
  background:rgba(0,0,0,var(--overlay,.25));
}

.genes-content,.genes-sub-content{
  position:absolute;
  inset:0;
  z-index:1;
  display:flex;
  flex-direction:column;
  align-items:center;
  justify-content:center;
  text-align:center;
  color:#fff;
  padding:18px;
  gap:12px;
}

.genes-title{
  margin:0;
  font-weight:800;
  letter-spacing:.5px;
   font-size:18px;
  line-height:1.1;
  text-shadow:0 2px 18px rgba(0,0,0,.35);
}

.genes-btn{
  display:inline-block;
  padding:12px 22px;
  border-radius:8px;
  font-weight:700;
  letter-spacing:.3px;
  text-decoration:none;

  color:#ffffff !important;
  background: var(--btn-bg, #1abc9c);
  transition: background .18s ease, filter .18s ease;
}
.genes-btn:hover{
  color:#ffffff !important;
  background: var(--btn-bg-hover, #16a085);
  filter: brightness(1.02);
}

/* MENU GROUPS */
.genes-menu-group{margin-bottom:64px}
.genes-group-title{
  font-size:32px;
  font-weight:800;
  margin-bottom:10px;
  text-transform:uppercase;
}
.referans-line {
    display: block !important;
    width: 94px !important;
    height: 4px !important;
    background: #FDC752 !important;
    border-radius: 16px !important;
    margin-bottom: 17px !important;
}
.genes-sub-grid{display:grid;gap:24px}
.genes-sub-grid.cols-2{grid-template-columns:repeat(2, minmax(0,1fr))}
.genes-sub-grid.cols-3{grid-template-columns:repeat(3, minmax(0,1fr))}
.genes-sub-grid.cols-4{grid-template-columns:repeat(4, minmax(0,1fr))}
.genes-sub-grid.cols-5{grid-template-columns:repeat(5, minmax(0,1fr))}
.genes-sub-grid.cols-6{grid-template-columns:repeat(6, minmax(0,1fr))}
@media(max-width:1200px){.genes-sub-grid.cols-5,.genes-sub-grid.cols-6{grid-template-columns:repeat(3, minmax(0,1fr))}}
@media(max-width:768px){.genes-sub-grid{grid-template-columns:repeat(2, minmax(0,1fr))}}
@media(max-width:640px){.genes-sub-grid{grid-template-columns:1fr}}

.genes-sub-card{min-height:260px}
.genes-sub-content h3{margin:0;font-weight:800;text-transform:uppercase;letter-spacing:.4px;font-size:18px}

/* CATEGORY GROUPS (Grid altında kategori başlığı) */
.genes-category-group .genes-grid{margin-top:10px}


/* TITLES LIST (optional view modes) */
.genes-titles-list ul,
.genes-cat-panel ul{
  margin:0;
  padding-left:18px;
}
.genes-titles-list li,
.genes-cat-panel li{
  margin:8px 0;
}
.genes-titles-list a,
.genes-cat-panel a{
  text-decoration:none;
}
.genes-titles-list a:hover,
.genes-cat-panel a:hover{
  text-decoration:underline;
}

/* CATEGORY -> TITLES BROWSER */
.genes-cat-browser{margin:10px 0}
.genes-cat-tabs{
  display:flex;
  flex-wrap:wrap;
  gap:10px;
  margin-bottom:14px;
}
.genes-cat-tab{
  border:1px solid rgba(0,0,0,.15);
  background:#fff;
  padding:10px 14px;
  border-radius:10px;
  cursor:pointer;
  font-weight:700;
}
.genes-cat-tab.active{
  border-color: rgba(0,0,0,.35);
  filter: brightness(.98);
}
.genes-cat-panel{display:none}
.genes-cat-panel.active{display:block}