.hero-carousel{position:absolute;inset:0;width:100%;height:100%;z-index:0}
.hero-carousel .carousel-inner,.hero-carousel .carousel-item,.hero-slide{height:100%}
.hero-slide{background-size:cover;background-position:center;position:relative}
.hero-carousel .carousel-control-prev,.hero-carousel .carousel-control-next{z-index:4;width:6%}
.slide-credit{position:absolute;right:5%;bottom:10.5rem;max-width:360px;padding:.75rem 1rem;border-radius:.8rem;background:rgba(5,35,33,.62);backdrop-filter:blur(8px);color:#fff;display:flex;flex-direction:column}
.slide-credit span{font-size:.8rem;color:rgba(255,255,255,.75)}
.pulse-badge{animation:pulseBadge 1.8s infinite}
.qr-payment{width:220px;min-height:220px;margin:auto;padding:10px;border:1px solid #dbe4e2;border-radius:1rem;background:#fff;display:grid;place-items:center}
.qr-payment img,.qr-payment canvas{max-width:100%;height:auto!important}
.utr-number{font-family:ui-monospace,SFMono-Regular,Menlo,monospace;letter-spacing:.05em}
@keyframes pulseBadge{50%{box-shadow:0 0 0 5px rgba(238,155,24,.2)}}
@media(max-width:767px){.slide-credit{right:1rem;bottom:14.5rem;max-width:calc(100% - 2rem)}.hero-carousel .carousel-control-prev,.hero-carousel .carousel-control-next{display:none}}
