.button-whatsapp {
    color: #fff;
    background: #25d366;
    border-radius: 0;
    padding: 10px 35px;
    font-size: 17px;
    transition: 0.3s ease;
    font-weight: 700;
}

.button-whatsapp i {
    color: #fff;
}

/* Masaüstü sabit sol alan */
.fixed-left-social {
    display: block;
}

/* Mobil alt bar */
#ofmHemenAra {
    width: 100%;
    position: fixed;
    left: 0;
    bottom: 0;
    z-index: 9999;
    display: none;
}

.altofmhemenara {
    width: 100%;
    height: 50px;
    display: flex;
    flex-wrap: nowrap;
    align-items: stretch;
    justify-content: space-between;
    text-align: center;
    margin: 0;
    padding: 0;
}

.ofmbox {
    width: 14.2857%;
    height: 50px;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    text-decoration: none;
    color: #fff !important;
    float: left;
    padding: 0 !important;
    margin: 0;
    border: 0;
    border-radius: 0 !important;
    box-shadow: none !important;
}

.ofmbox-icon {
    color: #fff;
    font-weight: 700;
    position: relative;
    line-height: 1;
}

.ofmbox-instagram { background: #E1306C; }
.ofmbox-facebook  { background: #1877F2; }
.ofmbox-youtube   { background: #FF0000; }
.ofmbox-katalog   { background: #e74c3c !important; }
.ofmbox-telefon   { background: #007bb6; }
.ofmbox-whatsapp  { background: #0e843a; }
.ofmbox-map       { background: #607D8B; }

.ofmbox-katalog i,
.ofmbox-instagram i,
.ofmbox-facebook i,
.ofmbox-youtube i,
.ofmbox-telefon i,
.ofmbox-whatsapp i,
.ofmbox-map i {
    color: #fff !important;
}

/* hidden-xs davranışı */
@media (max-width: 640px) {
    .hidden-xs {
        display: none !important;
    }

    #ofmHemenAra {
        display: block !important;
    }

    body {
        padding-bottom: 50px;
    }
}

@media (min-width: 641px) {
    .hidden-xs {
        display: block !important;
    }

    #ofmHemenAra {
        display: none !important;
    }
}


/* =========================
   MASAÜSTÜ SOL SABİT BUTONLAR
========================= */

.whatsapp {
    position: fixed;
    left: 15px;
    bottom: 15px;
    transition: all .5s ease-in-out;
    z-index: 999;
}

.whatsapp a {
    height: 50px;
    width: 50px;
    border-radius: 50%;
    overflow: hidden;
    box-shadow: 2px 2px 6px rgba(0, 0, 0, 0.4);
    font-size: 28px;
    display: block;
    text-align: center;
    line-height: 50px;
    color: white;
    background: #4dc247;
    border: 1px solid #ffffff;
}

.whatsapp .tooltiptext {
    visibility: hidden;
    width: 120px;
    background-color: #4dc247;
    color: #fff;
    text-align: center;
    border-radius: 6px;
    padding: 5px 0;
    position: absolute;
    z-index: 1;
    line-height: normal;
    font-size: 15px;
    top: 13px;
    left: 105%;
    height: auto;
}

.whatsapp:hover a {
    transform: rotate(45deg);
    -webkit-transform: rotate(45deg);
    background-color: #4dc247;
}

.whatsapp:hover .tooltiptext {
    visibility: visible;
}

.telefon {
    position: fixed;
    left: 15px;
    bottom: 75px;
    transition: all .5s ease-in-out;
    z-index: 999;
}

.telefon a {
    height: 50px;
    width: 50px;
    border-radius: 50%;
    overflow: hidden;
    box-shadow: 2px 2px 6px rgba(0, 0, 0, 0.4);
    font-size: 28px;
    display: block;
    text-align: center;
    line-height: 50px;
    color: white;
    background: #337ab7;
    border: 1px solid #ffffff;
}

.telefon .tooltiptext {
    visibility: hidden;
    width: 120px;
    background-color: #337ab7;
    color: #fff;
    text-align: center;
    border-radius: 6px;
    padding: 5px 0;
    position: absolute;
    z-index: 1;
    line-height: normal;
    font-size: 15px;
    top: 13px;
    left: 105%;
    height: auto;
}

.telefon:hover a {
    transform: rotate(45deg);
    -webkit-transform: rotate(45deg);
    background-color: #337ab7;
}

.telefon:hover .tooltiptext {
    visibility: visible;
}

/* Katalog */
.katalog {
    position: fixed;
    left: 15px;
    bottom: 135px;
    transition: all .5s ease-in-out;
    z-index: 999;
}

.katalog ._df_button {
    width: 50px !important;
    height: 50px !important;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    border-radius: 50% !important;
    background: #e74c3c !important;
    border: 1px solid #ffffff !important;
    box-shadow: 2px 2px 6px rgba(0, 0, 0, 0.4) !important;
    padding: 0 !important;
    color: #fff !important;
    font-size: 28px !important;
    line-height: 1 !important;
    white-space: nowrap !important;
    cursor: pointer !important;
    transition: transform .5s ease-in-out, background-color .3s ease-in-out !important;
}

.katalog ._df_button i {
    color: #fff !important;
    font-size: 28px !important;
    line-height: 1 !important;
}

.katalog:hover ._df_button {
    transform: rotate(45deg) !important;
    background-color: #e74c3c !important;
}

.katalog .tooltiptext {
    visibility: hidden;
    width: 120px;
    background-color: #e74c3c;
    color: #fff;
    text-align: center;
    border-radius: 6px;
    padding: 5px 0;
    position: absolute;
    z-index: 1000;
    line-height: normal;
    font-size: 15px;
    top: 13px;
    left: 105%;
    height: auto;
}

.katalog:hover .tooltiptext {
    visibility: visible;
}

/* Instagram */
.instagram {
    position: fixed;
    left: 15px;
    bottom: 195px;
    transition: all .5s ease-in-out;
    z-index: 999;
}

.instagram a {
    height: 50px;
    width: 50px;
    border-radius: 50%;
    overflow: hidden;
    box-shadow: 2px 2px 6px rgba(0, 0, 0, 0.4);
    font-size: 28px;
    display: block;
    text-align: center;
    line-height: 50px;
    color: white;
    background: #E1306C;
    border: 1px solid #ffffff;
}

.instagram .tooltiptext {
    visibility: hidden;
    width: 120px;
    background-color: #E1306C;
    color: #fff;
    text-align: center;
    border-radius: 6px;
    padding: 5px 0;
    position: absolute;
    top: 13px;
    left: 105%;
    font-size: 15px;
}

.instagram:hover a {
    transform: rotate(45deg);
}

.instagram:hover .tooltiptext {
    visibility: visible;
}

/* Facebook */
.facebook {
    position: fixed;
    left: 15px;
    bottom: 255px;
    transition: all .5s ease-in-out;
    z-index: 999;
}

.facebook a {
    height: 50px;
    width: 50px;
    border-radius: 50%;
    overflow: hidden;
    box-shadow: 2px 2px 6px rgba(0, 0, 0, 0.4);
    font-size: 28px;
    display: block;
    text-align: center;
    line-height: 50px;
    color: white;
    background: #1877F2;
    border: 1px solid #ffffff;
}

.facebook .tooltiptext {
    visibility: hidden;
    width: 120px;
    background-color: #1877F2;
    color: #fff;
    text-align: center;
    border-radius: 6px;
    padding: 5px 0;
    position: absolute;
    top: 13px;
    left: 105%;
    font-size: 15px;
}

.facebook:hover a {
    transform: rotate(45deg);
}

.facebook:hover .tooltiptext {
    visibility: visible;
}

/* YouTube */
.youtube {
    position: fixed;
    left: 15px;
    bottom: 315px;
    transition: all .5s ease-in-out;
    z-index: 999;
}

.youtube a {
    height: 50px;
    width: 50px;
    border-radius: 50%;
    overflow: hidden;
    box-shadow: 2px 2px 6px rgba(0, 0, 0, 0.4);
    font-size: 28px;
    display: block;
    text-align: center;
    line-height: 50px;
    color: white;
    background: #FF0000;
    border: 1px solid #ffffff;
}

.youtube .tooltiptext {
    visibility: hidden;
    width: 120px;
    background-color: #FF0000;
    color: #fff;
    text-align: center;
    border-radius: 6px;
    padding: 5px 0;
    position: absolute;
    top: 13px;
    left: 105%;
    font-size: 15px;
}

.youtube:hover a {
    transform: rotate(45deg);
}

.youtube:hover .tooltiptext {
    visibility: visible;
}


.custom-btn {
            margin-top: 10px;
            display: inline-block;
            background-color: black;
            color: white;
            padding: 10px 10px;
            text-decoration: none;
            font-size: 12px;
            border-radius: 5px;
            transition: background-color 0.3s ease-in-out;
            letter-spacing: 7px;
        }

.custom-btn:hover {
    background-color: #00AEEF; /* Mavi renk */
    color: white;
}



#impetus_map {
    width: 100%;
    height: 480px;
    filter: grayscale(100%) contrast(1.1) brightness(0.95);
}



/* WINLUX FILTER - FORCE CENTER */
.wl-filterbar{
  text-align:center !important;
  width:100% !important;
}

.wl-filterbar #wlFilterWrap{
  display:inline-flex !important;
  justify-content:center !important;
  align-items:center !important;
  flex-wrap:wrap !important;

  /* template float/right override */
  float:none !important;
  position:static !important;
  right:auto !important;
  left:auto !important;

  margin:0 auto !important;
  padding:0 !important;
  list-style:none !important;
}

.wl-filterbar #wlFilterWrap > .btn-filter{
  display:inline-flex !important;
  align-items:center !important;
  float:none !important;
  margin:0 !important;
  padding:0 !important;
}

.wl-filterbar #wlFilterWrap > .btn-filter + .btn-filter::before{
  content:" / ";
  margin:0 14px;
  color: rgba(0,0,0,.35);
  font-weight:600;
}

.wl-filterbar #wlFilterWrap > .btn-filter a{
  display:inline-block !important;
  font-weight:700;
  color:#111;
  text-decoration:none;
}

.wl-filterbar #wlFilterWrap > .btn-filter.btn-active a{
  color:#1e88e5;
}

/* Isotope + responsive için doğru */
#wlGalleryGrid .project-grid-item-img img.project-img{
  width:100% !important;
  height:260px !important;      /* sabit yükseklik istiyorsan */
  object-fit:cover !important;
  display:block;
}
@media(max-width:991px){
  #wlGalleryGrid .project-grid-item-img img.project-img{ height:240px !important; }
}
@media(max-width:575px){
  #wlGalleryGrid .project-grid-item-img img.project-img{ height:220px !important; }
}



.whatsapp_button{
    box-shadow: 2px 2px 6px rgba(0, 0, 0, 0.4);
    text-align: center;
    color: white;
    background: #4dc247;
    border: 1px solid #ffffff;
    margin-top: 15px;
}

.genel_button{
    box-shadow: 2px 2px 6px rgba(0, 0, 0, 0.4);
    text-align: center;
    color: white;
    border: 1px solid #ffffff;
    margin-top: 15px;
}