html {
  font-size: 14px;
}

@media (min-width: 768px) {
  html {
    font-size: 16px;
  }
}

.btn:focus, .btn:active:focus, .btn-link.nav-link:focus, .form-control:focus, .form-check-input:focus {
  box-shadow: 0 0 0 0.1rem white, 0 0 0 0.25rem #258cfb;
}

html {
  position: relative;
  min-height: 100%;
}

body {
  margin-bottom: 60px;
}

@media screen and (max-width: 768px) {
    .fuel-card {
        position: relative;
        /* Diğer stiller zaten var */
    }

        .fuel-card::after {
            content: "";
            position: absolute;
            bottom: 0;
            left: 50%;
            transform: translateX(-50%);
            width: 100%;
            height: 1px; /* kalınlık */
            background-color: #00b2c5; /* istediğin renk */
            border-radius: 2px;
            font-style: normal;
        }
    }
@media (max-width: 576px) {
    .fuel-controls {
        flex-direction: column !important;
        align-items: stretch !important;
    }

        .fuel-controls select,
        .fuel-controls button {
            width: 100% !important;
            margin-bottom: 10px;
        }
}


@media (max-width: 576px) {
    .grid-template {
        grid-template-columns: 1fr;
    }

        .grid-template > div {
            margin-bottom: 8px;
        }
    @media (max-width: 576px) {
        #logoLink {
            margin-left: auto;
            margin-right: auto;
        }
    }
}