/* TH Fotolu Menu */

.th-fm{width:100%;}

.thfm-title{
  font-size:28px;
  font-weight:800;
  letter-spacing:-0.4px;
  margin:0 0 18px;
  color:#111;
  position:relative;
}

.thfm-title:after{
  content:'';
  width:64px;
  height:4px;
  background:#111;
  display:block;
  margin-top:10px;
  border-radius:2px;
  opacity:.9;
}

.thfm-grid{
  display:grid;
  grid-template-columns:repeat(var(--thfm-cols,4), minmax(0,1fr));
  gap:18px;
  margin:0 0 40px;
}

@media(max-width:1024px){
  .thfm-grid{grid-template-columns:repeat(2, minmax(0,1fr));}
}
@media(max-width:560px){
  .thfm-grid{grid-template-columns:repeat(1, minmax(0,1fr));}
  .thfm-title{font-size:22px;}
}

.thfm-card{
  position:relative;
  display:block;
  border-radius:18px;
  overflow:hidden;
  min-height:var(--thfm-minh,220px);
  text-decoration:none;
  transform:translateZ(0);
  background-size:cover;
  background-position:center;
}

.thfm-card::before{
  content:'';
  position:absolute;
  inset:0;
  background:inherit;
  background-size:inherit;
  background-position:inherit;
  transform:scale(1.02);
  transition:transform .35s ease;
}

.thfm-card:hover::before{transform:scale(1.06);}

.thfm-overlay{
  position:absolute;
  inset:0;
  background:rgba(0,0,0,var(--thfm-overlay,.42));
  transition:filter .25s ease;
  z-index:1;
}

.thfm-content{
  position:absolute;
  inset:0;
  display:flex;
  flex-direction:column;
  align-items:center;
  justify-content:center;
  gap:14px;
  padding:18px;
  text-align:center;
  z-index:2;
}

.thfm-card-title{
  color:#fff;
  font-size:22px;
  font-weight:900;
  line-height:1.1;
  letter-spacing:-0.2px;
  text-transform:uppercase;
  text-shadow:0 10px 30px rgba(0,0,0,.35);
}

.thfm-btn{
  display:inline-flex;
  align-items:center;
  justify-content:center;
  padding:10px 22px;
  border:1px solid rgba(255,255,255,.75);
  border-radius:10px;
  color:#fff;
  font-weight:800;
  letter-spacing:.6px;
  background:rgba(0,0,0,.10);
  transition:all .2s ease;
}

.thfm-card:hover .thfm-btn{
  background:rgba(255,255,255,.14);
  border-color:#fff;
}
