.dergi-listesi .list-group-item { border: none; border-bottom: 1px solid #eee; transition: all 0.3s; color: #333; cursor: pointer; }
        .dergi-listesi .list-group-item:hover { background-color: #f8f9fa; color: rgb(128,0,0); padding-left: 25px; }
        .dergi-listesi .list-group-item.active { background-color: rgb(128,0,0); border-color: rgb(128,0,0); color: white; padding-left: 25px; }
        #flipbook-viewport { width: 100%; height: 700px; display: flex; justify-content: center; align-items: center; background: none; overflow: auto; position: relative; border: 1px solid #eee; border-radius: 10px; }
        #flipbook { width: 1000px; height: 600px; -webkit-transform-style: preserve-3d; transform-style: preserve-3d; will-change: transform; transition: transform 0.6s cubic-bezier(0.25, 0.8, 0.25, 1); transform-origin: center center; cursor: pointer; }
        #flipbook .page { background-color: white; background-size: 100% 100%; background-repeat: no-repeat; box-shadow: 0 0 20px rgba(0,0,0,0.2); -webkit-backface-visibility: hidden; backface-visibility: hidden; }
        .nav-btn { position: absolute; top: 50%; transform: translateY(-50%); width: 50px; height: 50px; background-color: rgba(128, 0, 0, 0.8); color: white; border: none; border-radius: 50%; font-size: 20px; cursor: pointer; z-index: 100; display: flex; align-items: center; justify-content: center; transition: all 0.3s; box-shadow: 0 4px 10px rgba(0,0,0,0.3); }
        .nav-btn:hover { background-color: rgb(128, 0, 0); transform: translateY(-50%) scale(1.1); }
        .prev-btn-side { left: 20px; } .next-btn-side { right: 20px; }
        .kontrol-cubugu { display: flex; justify-content: center; align-items: center; margin-top: 20px; background: #f8f9fa; padding: 10px 20px; border-radius: 50px; width: fit-content; margin-left: auto; margin-right: auto; box-shadow: 0 2px 10px rgba(0,0,0,0.1); }
        .kontrol-cubugu .btn { margin: 0 5px; border-radius: 50%; width: 40px; height: 40px; padding: 0; display: flex; align-items: center; justify-content: center; font-size: 18px; }
        #page-indicator { font-family: 'Poppins', sans-serif; font-weight: 600; color: #333; margin: 0 20px; min-width: 80px; text-align: center; font-size: 16px; }
        .btn-download-fixed { position: absolute; bottom: 20px; right: 30px; z-index: 200; background-color: #dc3545; color: white !important; padding: 10px 20px; border-radius: 30px; font-weight: 600; box-shadow: 0 4px 10px rgba(0,0,0,0.2); text-decoration: none; transition: all 0.3s; }
        .btn-download-fixed:hover { background-color: #c82333; transform: translateY(-2px); }
        @media (max-width: 1200px) { #flipbook { width: 800px !important; height: 500px !important; } .prev-btn-side { left: 10px; } .next-btn-side { right: 10px; } }
        @media (max-width: 768px) { #flipbook { width: 100% !important; height: 350px !important; } #flipbook-viewport { height: 450px; } .nav-btn { width: 40px; height: 40px; font-size: 16px; } .btn-download-fixed { bottom: -60px; right: 50%; transform: translateX(50%); } }