#teklif { scroll-margin-top: 7rem; }
.chip { position: relative; display: inline-flex; cursor: pointer; }
.chip input { position: absolute; opacity: 0; width: 1px; height: 1px; }
.chip span { display: inline-flex; align-items: center; gap: .4rem; border: 1px solid #dbe4f2; border-radius: 9999px; background: #fff; padding: .55rem 1rem; font-size: .8125rem; font-weight: 600; color: #13244d; transition: border-color .15s, background .15s, color .15s; }
.chip:hover span { border-color: #4d8dff; }
.chip input:checked + span { border-color: #0b57f0; background: #0b57f0; color: #fff; }
.chip input:focus-visible + span { outline: 2px solid #1f6bff; outline-offset: 2px; }
.chips-invalid .chip span { border-color: #fca5a5; }
.field.is-invalid { border-color: #ef4444; }
@media (prefers-reduced-motion: reduce) { .chip span { transition: none; } }