.banner-card{-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background:#121216b3;border:1px solid #ffffff0d;transition:all .5s cubic-bezier(.4,0,.2,1);position:relative}.banner-card:hover{border-color:#5865f266;transform:translateY(-8px);box-shadow:0 20px 40px #0006,0 0 20px #5865f21a}.banner-image-container{border-radius:2.5rem 2.5rem 0 0;height:12rem;position:relative;overflow:hidden}.banner-image{object-fit:cover;transition:transform .8s}.banner-card:hover .banner-image{transform:scale(1.08)}.banner-overlay{z-index:10;background:linear-gradient(#0000 0%,#12121666 50%,#121216 100%);position:absolute;inset:0}.banner-badges-container{z-index:20;flex-direction:column;align-items:flex-end;gap:.5rem;display:flex;position:absolute;top:1.25rem;right:1.25rem}.banner-status-badge{text-transform:uppercase;letter-spacing:.05em;color:#fff;border-radius:1rem;align-items:center;gap:.5rem;width:fit-content;padding:.4rem 1rem;font-size:.65rem;font-weight:900;display:flex;box-shadow:0 4px 12px #0006}.status-active{background:#10b981;box-shadow:0 0 20px #10b9814d}.status-past{color:#d1d5db;background:#374151}.status-permanent{background:#5865f2;box-shadow:0 0 20px #5865f24d}.pulse-dot{background-color:#fff;border-radius:50%;width:8px;height:8px;animation:1.5s infinite pulse-dot;box-shadow:0 0 10px #fff}@keyframes pulse-dot{0%{opacity:1;transform:scale(1)}50%{opacity:.5;transform:scale(1.5)}to{opacity:1;transform:scale(1)}}.shimmer-effect{position:relative;overflow:hidden}.shimmer-effect:after{content:"";background:linear-gradient(to bottom right,#fff0 0% 40%,#ffffff1a 50%,#fff0 60% 100%);width:200%;height:200%;animation:3s infinite shimmer;position:absolute;top:-50%;left:-50%;transform:rotate(45deg)}@keyframes shimmer{0%{transform:translate(-100%)rotate(45deg)}to{transform:translate(100%)rotate(45deg)}}.pickup-hero-ring{border:2px solid #f59e0b4d;transition:all .3s;position:relative}.pickup-hero-ring:hover{border-color:#f59e0b;transform:scale(1.1)rotate(2deg);box-shadow:0 0 15px #f59e0b66}.custom-scrollbar::-webkit-scrollbar{width:4px}.custom-scrollbar::-webkit-scrollbar-track{background:#0003;border-radius:4px}.custom-scrollbar::-webkit-scrollbar-thumb{background:#5865f280;border-radius:4px}.custom-scrollbar::-webkit-scrollbar-thumb:hover{background:#5865f2cc}
