/* 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;
  text-transform:uppercase;
  font-size:clamp(18px,2vw,34px);
  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}