.calling {
    display:none;
    z-index: 1000;
    padding: 10px;
    position: fixed;
    bottom: 0;
    width: 100%;
    background: rgba(51, 51, 51, 0.5);
    box-shadow: 0 0 10px rgb(0 0 0 / 20%);
    text-align: center;
}
@media (max-width: 768px){
    .calling {
        display: block;
    }
    .logo a img {
        width: 207px !important;
        margin-left: 9px !important;
        padding:0 0 !important;
    }
}
.call-whatsapp.btn-warning {
    color: #ffffff;
    background-color: #f1861f;
    border-color: #f1861f;
}
.call-whatsapp.btn-warning:hover {
    color: #ffffff;
    background-color: #e0a800;
    border-color: #d39e00;
}
.btn-success {
    color: #fff;
    background-color: #25D366;
    border-color: #25D366;
}
.footer-wrap .baslik {
    font-size: 18px;
    margin-bottom: 20px;
    display: inline-block;
    font-weight: 700;
    font-family: 'Open Sans',sans-serif;
    color: #fff;
    margin-bottom: 25px;
}

ul.list li a, ul.list li a:not([href]):not([tabindex]){
    color: #fff;
}
ul.list li a i {
    color: #ff8a00;
}
.calling_two {
    display: block;
    z-index: 1000;
    padding: 10px;
    position: fixed;
    bottom: 0;
    width: fit-content;
    background: transparent;
}
.calling_two a.call-whatsapp {
    width: 120px;
    display: block;
    float: right;
    padding: 10px;
    border-radius: 10px;
}
.calling_two a.call-whatsapp i {
    font-size: 44px;
    margin-bottom: 14px;
}
.calling_two a.call-phone{
    width: 120px;
    display: block;
    float: left;
    padding: 10px;
    background-color: #ff8a00;
    border-color: #ff8a00;
    color: #fff;border-radius: 10px;
}
.calling_two a.call-phone:hover{
    color: #fff;
    background-color: #f39628;
    border-color: #f39628;
}
.calling_two a.call-phone i {
    font-size: 44px;
    margin-bottom: 14px;
}
@media (max-width: 768px){
    .calling_two {
        display: none;
    }
}

.btn-warning {
    padding: 7px;
    background-color: #ffc107;
    border-color: #ffc107;
    color: #fff;
}





/*garfield kodları*/
:root{
  --peek-top: 65%;
  --peek-max-width: 26vw;
  --peek-min-width: 140px;
  --peek-stay-ms: 15000;    /* içeride kalma süresi (15sn) */
}

.peekcat-wrap{
  position: fixed;
  left: 0;
  top: var(--peek-top);
  transform: translateY(-50%);
  z-index: 99999;
  pointer-events: none;
}

.peekcat{
  display: block;
  max-width: min(var(--peek-max-width), 10vh);
  width: clamp(var(--peek-min-width), var(--peek-max-width), 10vh);
  height: auto;
  transform: translateX(-110%); /* tamamen dışarıda başla */
  will-change: transform, opacity;
}

/* çok yavaş içeri geliş */
@keyframes peekIn {
  0%   { transform: translateX(-110%); }
  90%  { transform: translateX(-3%); }   /* hafif taşırma */
  100% { transform: translateX(-2%); }   /* kenara yaslan */
}

/* çok yavaş içeri geri kayış */
@keyframes peekOut {
  0%   { transform: translateX(-2%); opacity: 1; }
  100% { transform: translateX(-120%); opacity: 0; }
}

.peekcat.is-in  { animation: peekIn 8s ease forwards; }   /* 8sn yavaş giriş */
.peekcat.is-out { animation: peekOut 8s ease forwards; }  /* 8sn yavaş çıkış */

@media (max-width: 640px){
  :root{
    --peek-max-width: 42vw;
    --peek-top: 75%;
  }
}

/*garfield kodları bitiş*/