body{margin:0;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica Neue,Arial,sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background-color:#f8f9fa;color:#212529}*{box-sizing:border-box}.container{max-width:1100px;margin:0 auto;padding:2rem}.container h1{font-size:2.5rem;font-weight:700;color:#343a40;margin-top:0;margin-bottom:2rem}.filtre-cubugu{display:flex;gap:1rem;margin-bottom:2rem;background-color:#fff;padding:1rem;border-radius:.5rem;box-shadow:0 2px 4px #0000000d}.arama-kutusu{flex:2}.kategori-kutusu{flex:1}.arama-input,.kategori-select{width:100%;padding:.75rem 1rem;font-size:1rem;border:1px solid #ced4da;border-radius:.375rem}.arama-input::placeholder{color:#adb5bd}.icerik-alani{display:flex;gap:2rem}.kitap-listesi{flex:2;display:flex;flex-direction:column;gap:1rem}.favori-paneli{flex:1;background-color:#fff;padding:1.5rem;border-radius:.5rem;box-shadow:0 2px 4px #0000000d;align-self:flex-start;position:sticky;top:2rem}.favori-paneli h2{font-size:1.5rem;font-weight:600;margin-top:0;margin-bottom:1.5rem;border-bottom:1px solid #e9ecef;padding-bottom:1rem}.favori-paneli ul{list-style:none;padding:0;margin:0;display:flex;flex-direction:column;gap:1rem}.favori-paneli li{display:flex;justify-content:space-between;align-items:center;font-size:1rem}.favori-paneli li p{margin:0;font-weight:500;color:#495057}.favori-paneli .kaldir-button{font-size:.875rem;color:#6c757d;background-color:#f1f3f5;border:none;padding:.25rem .5rem;border-radius:.25rem;cursor:pointer;margin-left:.5rem}.favori-paneli .kaldir-button:hover{background-color:#e9ecef;color:#dc3545}.favori-paneli .liste-bos-mesaj,.kitap-listesi .sonuc-yok{color:#6c757d;text-align:center;padding:1rem}.kitap-karti{background-color:#fff;padding:1.25rem 1.5rem;border-radius:.5rem;box-shadow:0 2px 4px #0000000d;display:flex;justify-content:space-between;align-items:center}.kitap-karti h3{font-size:1.25rem;font-weight:600;margin:0 0 .25rem;color:#212529}.kitap-karti p{font-size:.875rem;color:#6c757d;margin:0}.favori-button{display:flex;align-items:center;gap:.5rem;padding:.625rem 1rem;font-size:.875rem;font-weight:500;border:1px solid #ced4da;border-radius:.375rem;cursor:pointer;transition:all .2s ease}.favori-button svg{width:16px;height:16px}.favori-ekle{background-color:#f8f9fa;color:#495057}.favori-ekle:hover{background-color:#e9ecef}.favoride{background-color:#fff3cd;border-color:#ffeeba;color:#856404}.favoride:hover{background-color:#ffeeba}@media(max-width:768px){.icerik-alani,.filtre-cubugu{flex-direction:column}}