input[type="number"]::-webkit-outer-spin-button,
input[type="number"]::-webkit-inner-spin-button {
    -webkit-appearance: none;
    margin: 0;
}

input[type="number"] {
    -moz-appearance: textfield;
}

input:invalid {
    border: 2px solid red;
}

input:valid {
    border: 2px solid green;
}

/* Varsayılan - Masaüstü görünüm */
.site-logo {
    height: 80px; /* masaüstünde sabit yükseklik */
    width: auto; /* orantıyı korur */
    object-fit: contain; /* logonun taşmasını engeller */
}

/* Tablet görünümü */
@media (max-width: 992px) {
    .site-logo {
        height: 65px; /* tablet için daha küçük */
    }
}

/* Telefon görünümü */
@media (max-width: 576px) {
    .site-logo {
        height: 45px; /* mobil için en küçük */
    }
}