.rk-alt-wrap { position: fixed; left: 0; right: 0; bottom: 0; z-index: 9999; pointer-events: none; background: transparent; transition: transform 0.4s cubic-bezier(0.16, 1, 0.3, 1); transform: translateY(100%); }
.rk-alt-wrap.rk-acik { transform: translateY(0); pointer-events: auto; }
.rk-satir { display: flex; flex-direction: row; justify-content: center; align-items: center; gap: 8px; padding: 12px 16px; max-width: 1500px; margin: 0 auto; background: linear-gradient(0deg, var(--ba-bg-0) 0%, var(--ba-bg-1) 100%); border-top: 1px solid rgba(91, 155, 255, 0.40); box-shadow: 0 -10px 35px rgba(0, 0, 0, 0.8); }
.rk-kart { flex: 1 1 0; min-width: 0; max-width: 135px; display: flex; flex-direction: column; align-items: center; background: var(--ba-bg-2); border: 1px solid var(--ba-border); border-radius: var(--ba-r-2); padding: 8px; text-decoration: none; transition: all var(--ba-normal); position: relative; }
.rk-kart:hover { border-color: var(--ba-mor-2); transform: translateY(-4px); box-shadow: 0 6px 20px rgba(66, 133, 244, 0.40); }
.rk-kart img { display: block; width: 100%; height: auto; aspect-ratio: 1 / 1; object-fit: cover; border-radius: var(--ba-r-1); margin-bottom: 6px; }
.rk-kart-bonus { font-family: var(--ba-mono); font-size: 0.65rem; font-weight: 700; color: var(--ba-yesil); text-align: center; line-height: 1.2; word-break: break-word; text-shadow: 0 0 6px rgba(16, 185, 129, 0.4); }
.rk-kart-site { font-size: 0.6rem; font-weight: 700; color: var(--ba-mor-2); text-align: center; margin-top: 3px; text-transform: uppercase; letter-spacing: 0.4px; }
.rk-ok { position: absolute; left: 50%; transform: translateX(-50%); width: 72px; height: 72px; background: linear-gradient(135deg, var(--ba-mor) 0%, #1a73e8 100%); color: #ffffff; border: 2px solid rgba(255, 255, 255, 0.6); border-radius: 50%; display: flex; flex-direction: column; align-items: center; justify-content: center; cursor: pointer; z-index: 10; transition: all var(--ba-normal); padding: 0; box-shadow: 0 5px 20px rgba(0, 0, 0, 0.5); pointer-events: auto; }
.rk-ok-alt { top: -36px; animation: elektrikAlev 1.6s infinite; }
.rk-ok:hover { transform: translateX(-50%) scale(1.12) rotate(2deg); background: linear-gradient(135deg, var(--ba-mor-2) 0%, var(--ba-mor) 100%); box-shadow: 0 0 30px var(--ba-mor), 0 0 60px rgba(66, 133, 244, 0.8); animation: none; }
.rk-ok.rk-acik-buton { top: -36px; background: var(--ba-bg-2); border-color: var(--ba-mor-2); box-shadow: 0 4px 15px rgba(0, 0, 0, 0.5); animation: none; }
.rk-ok.rk-acik-buton:hover { background: var(--ba-bg-3); }
.rk-ok-ikon { width: 30px; height: 30px; fill: none; stroke: #ffffff; stroke-width: 2.2; stroke-linecap: round; stroke-linejoin: round; filter: drop-shadow(0 2px 4px rgba(0, 0, 0, 0.4)); transition: transform 0.3s ease; }
.rk-ok-yazi { font-family: var(--ba-font); font-size: 8.5px; font-weight: 800; color: #ffffff; text-transform: uppercase; margin-top: 1px; letter-spacing: 0.5px; text-shadow: 0 1px 2px rgba(0, 0, 0, 0.5); display: block; }
.rk-ok.rk-acik-buton .rk-ok-yazi { display: none; }
.rk-ok.rk-acik-buton .rk-ok-ikon { transform: scale(1.25); }
@keyframes elektrikAlev { 0% { box-shadow: 0 0 0 0 rgba(91, 155, 255, 0.9), 0 0 0 0 rgba(66, 133, 244, 0.7), 0 5px 20px rgba(0, 0, 0, 0.6); } 30% { box-shadow: 0 0 15px 10px rgba(91, 155, 255, 0.5), 0 0 30px 20px rgba(66, 133, 244, 0.2), 0 5px 20px rgba(0, 0, 0, 0.6); } 40% { box-shadow: 0 0 2px 2px rgba(255, 255, 255, 0.9), 0 0 8px 5px rgba(91, 155, 255, 0.8), 0 5px 20px rgba(0, 0, 0, 0.6); } 50% { box-shadow: 0 0 25px 14px rgba(91, 155, 255, 0.6), 0 0 45px 25px rgba(66, 133, 244, 0.3), 0 5px 20px rgba(0, 0, 0, 0.6); } 100% { box-shadow: 0 0 0 25px rgba(91, 155, 255, 0), 0 0 0 40px rgba(66, 133, 244, 0), 0 5px 20px rgba(0, 0, 0, 0.6); } }
@media (min-width: 1025px) { .rk-kart { max-width: calc(10% - 8px); } }
@media (max-width: 1024px) and (min-width: 701px) { .rk-satir { flex-wrap: wrap; gap: 6px; padding: 10px; } .rk-kart { flex: 0 0 calc(20% - 6px); max-width: calc(20% - 6px); } }
@media (max-width: 700px) { .rk-satir { flex-wrap: wrap; gap: 5px; padding: 8px 6px; justify-content: center; } .rk-kart { flex: 0 0 calc(20% - 5px); max-width: calc(20% - 5px); padding: 5px; border-radius: var(--ba-r-1); } .rk-kart img { border-radius: 6px; margin-bottom: 4px; } .rk-kart-bonus { font-size: 0.46rem; line-height: 1.1; } .rk-kart-site { font-size: 0.42rem; margin-top: 1px; } .rk-ok { width: 56px; height: 56px; } .rk-ok-alt { top: -28px; } .rk-ok.rk-acik-buton { top: -28px; } .rk-ok-ikon { width: 22px; height: 22px; } .rk-ok-yazi { font-size: 7px; } }