body{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica Neue,Arial,sans-serif}.modal{transition:opacity .25s ease}body.modal-active{overflow-x:hidden;overflow-y:visible!important}.hidden{display:none}.radio-card input[type=radio]:checked+.radio-label{background-color:#f0fdf4;border-color:#15803d}@keyframes bounce{0%,to{transform:translateY(0)}50%{transform:translateY(-5px)}}.cart-bounce{animation:bounce .5s ease}.toast-container{bottom:2rem;display:flex;flex-direction:column;gap:.5rem;left:50%;pointer-events:none;position:fixed;transform:translateX(-50%);z-index:100}.toast{align-items:center;animation:toast-in .3s ease-out forwards,toast-out .3s ease-in 2.7s forwards;background:#15803d;border-radius:9999px;box-shadow:0 10px 15px -3px rgba(0,0,0,.1);color:#fff;display:flex;font-size:.875rem;font-weight:600;gap:.5rem;padding:.75rem 1.5rem;pointer-events:auto}@keyframes toast-in{0%{opacity:0;transform:translateY(100%)}to{opacity:1;transform:translateY(0)}}@keyframes toast-out{0%{opacity:1;transform:translateY(0)}to{opacity:0;transform:translateY(100%)}}.fly-item{border-radius:50%;box-shadow:0 4px 6px -1px rgba(0,0,0,.1);height:50px;object-fit:cover;pointer-events:none;position:fixed;transition:all .8s cubic-bezier(.175,.885,.32,1.275);width:50px;z-index:9999}@keyframes cart-pop{0%{transform:scale(1)}50%{transform:scale(1.3)}to{transform:scale(1)}}.cart-pop{animation:cart-pop .4s cubic-bezier(.175,.885,.32,1.275)}@keyframes slideIn{0%{opacity:0;transform:translateX(-100%)}to{opacity:1;transform:translateX(0)}}@keyframes slideOut{0%{opacity:1;transform:translateX(0)}to{opacity:0;transform:translateX(-100%)}}.notification-in{animation:slideIn .5s ease forwards}.notification-out{animation:slideOut .5s ease forwards}.filter-btn.active{background-color:#15803d;border-color:#15803d;color:#fff}@keyframes pulse-glow{0%{box-shadow:0 0 0 0 rgba(37,99,235,.4)}70%{box-shadow:0 0 0 10px rgba(37,99,235,0)}to{box-shadow:0 0 0 0 rgba(37,99,235,0)}}.animate-pulse-glow{animation:pulse-glow 2s infinite}@keyframes pulse-border{0%{border-color:#f3f4f6;box-shadow:0 0 0 0 rgba(21,128,61,.1)}50%{border-color:#15803d;box-shadow:0 0 0 6px rgba(21,128,61,.05)}to{border-color:#f3f4f6;box-shadow:0 0 0 0 rgba(21,128,61,.1)}}.search-pulse{animation:pulse-border 2.5s ease-in-out infinite}.desktop-search-bar{display:none}@media (min-width:768px){.desktop-search-bar{display:block}}#qris-modal img{height:auto;max-width:100%}.total-bayar-sticky{align-items:center;background:#f9fafb;border:1px solid #e5e7eb;border-radius:.75rem;display:flex;font-weight:700;justify-content:space-between;padding:1rem;width:100%}.slider-container{background:#f3f4f6;position:relative}#modal-slider img{height:100%;inset:0;object-fit:contain;object-position:center;background:#fff;position:absolute;transition:opacity .5s ease-in-out;width:100%}.slider-dot{transition:all .3s ease}.slider-arrow{transition:all .2s ease}.slider-arrow:active{transform:translateY(-50%) scale(.9)}.slider-dot{cursor:pointer}#detail-modal::-webkit-scrollbar{width:6px}#detail-modal::-webkit-scrollbar-track{background:transparent}#detail-modal::-webkit-scrollbar-thumb{background:#e5e7eb;border-radius:10px}#detail-modal::-webkit-scrollbar-thumb:hover{background:#d1d5db}@keyframes pulse-in{0%{opacity:0;transform:scale(.95)}to{opacity:1;transform:scale(1)}}.animate-pulse-in{animation:pulse-in .3s ease-out}.reward-button-glow{box-shadow:0 0 20px rgba(217,119,6,.4)}@keyframes float-in{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}#points-display{animation:float-in .4s ease-out}#reward-modal{transition:opacity .3s ease}#reward-modal:not(.hidden){animation:fadeIn .3s ease-out}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}#reward-phone:focus{box-shadow:0 0 0 3px rgba(217,119,6,.1)}button[onclick="checkUserPoints()"]:active{transform:scale(.98)}#modal-product-image{transition:opacity .3s ease-in-out}@keyframes zoomIn{0%{opacity:0;transform:scale(.95)}to{opacity:1;transform:scale(1)}}.zoom-in-95{animation:zoomIn .2s ease-out}.duration-200{animation-duration:.2s}