#hvk{position:fixed;top:0;left:0;right:0;height:100vh;height:100dvh;z-index:999999;background:#0d0d0d;color:#fff;display:none;font-family:inherit;}
#hvk.ac{display:block;}
.hvk-ust{position:absolute;top:0;left:0;right:0;height:50px;display:flex;align-items:center;justify-content:space-between;padding:0 10px 0 14px;background:rgba(0,0,0,.75);z-index:3;}
.hvk-ust-sol{display:flex;align-items:center;gap:10px;min-width:0;font-size:14px;}
.hvk-kat{font-weight:700;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;}
.hvk-say{color:#aaa;font-size:12px;white-space:nowrap;}
.hvk-tum{color:#8ec5ff !important;font-size:12px;text-decoration:none;white-space:nowrap;}
.hvk-x{flex:0 0 auto;width:38px;height:38px;border:0;border-radius:50%;background:#c00;color:#fff;font-size:22px;line-height:1;cursor:pointer;}
.hvk-liste{position:absolute;top:50px;bottom:0;left:0;right:0;overflow-y:auto;scroll-snap-type:y mandatory;-webkit-overflow-scrolling:touch;overscroll-behavior:contain;}
.hvk-slayt{height:100%;box-sizing:border-box;scroll-snap-align:start;scroll-snap-stop:always;padding:12px 16px 74px;display:flex;flex-direction:column;overflow:hidden;}
.hvk-baslik{font-size:19px;font-weight:700;line-height:1.3;margin:0 0 10px;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden;color:#fff;}
.hvk-resim{width:100%;height:32vh;object-fit:cover;border-radius:10px;background:#222;flex:0 0 auto;}
.hvk-alt{font-size:15px;font-weight:600;margin:10px 0 0;color:#ddd;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;}
.hvk-par{font-size:14px;line-height:1.5;margin:8px 0 0;color:#ccc;display:-webkit-box;-webkit-line-clamp:7;-webkit-box-orient:vertical;overflow:hidden;}
.hvk-tarih{font-size:11px;color:#888;margin-top:8px;}
.hvk-detay{align-self:flex-start;margin-top:14px;padding:10px 20px;border-radius:22px;background:#c00;color:#fff !important;font-size:14px;font-weight:600;text-decoration:none;}
.hvk-ok{position:absolute;z-index:4;width:40px;height:40px;border:0;background:transparent;cursor:pointer;padding:0;animation:hvkYan 1.3s ease-in-out infinite;}
.hvk-ok svg{width:34px;height:34px;stroke:#fff;fill:none;stroke-width:1.5;stroke-linecap:round;stroke-linejoin:round;}
.hvk-ok-yu{left:8px;top:58px;}
.hvk-ok-as{right:10px;bottom:16px;}
@keyframes hvkYan{0%,100%{opacity:.2}50%{opacity:1}}
.hvk-mesaj{position:absolute;top:50%;left:0;right:0;text-align:center;font-size:14px;color:#aaa;}
@media(min-width:768px){
.hvk-slayt{max-width:640px;margin:0 auto;width:100%;}
.hvk-resim{height:36vh;}
}