/* Custom Animations & Styles */

.rotate-animation {
    animation: slow-spin 60s linear infinite;
}

@keyframes slow-spin {
    from { transform: rotate(0deg); }
    to { transform: rotate(360deg); }
}

@keyframes slideIn {
    from { opacity: 0; transform: translateY(10px); }
    to { opacity: 1; transform: translateY(0); }
}

.summary-item-enter {
    animation: slideIn 0.3s cubic-bezier(0.16, 1, 0.3, 1) forwards;
}

@keyframes popIn {
    0% { transform: scale(0) rotate(-45deg); opacity: 0; }
    70% { transform: scale(1.2) rotate(0deg); opacity: 1; }
    100% { transform: scale(1) rotate(0deg); opacity: 1; }
}

.check-pop {
    animation: popIn 0.4s cubic-bezier(0.175, 0.885, 0.32, 1.275) forwards;
}

@keyframes priceFlash {
    0% { color: #dc2626; transform: scale(1); }
    50% { color: #dc2626; transform: scale(1.1); }
    100% { color: #dc2626; transform: scale(1); }
}

.price-update-flash {
    animation: priceFlash 0.3s ease-out;
}

/* Custom Scrollbar */
.custom-scrollbar::-webkit-scrollbar {
    width: 6px;
}
.custom-scrollbar::-webkit-scrollbar-track {
    background: #f1f5f9;
}
.custom-scrollbar::-webkit-scrollbar-thumb {
    background: #cbd5e1;
    border-radius: 10px;
}
.custom-scrollbar::-webkit-scrollbar-thumb:hover {
    background: #94a3b8;
}

/* Safe Area for Mobile */
.safe-area-pb {
    padding-bottom: env(safe-area-inset-bottom, 20px);
}

.left-1\/2 {
  left: 40%!important;
}

/* Topping Tabs */
.no-scrollbar::-webkit-scrollbar {
    display: none;
}
.no-scrollbar {
    -ms-overflow-style: none;
    scrollbar-width: none;
}

.tab-content-enter {
    animation: fadeIn 0.4s ease-out forwards;
}

@keyframes fadeIn {
    from { opacity: 0; transform: translateY(8px); }
    to { opacity: 1; transform: translateY(0); }
}

@keyframes slideDown {
    from { opacity: 0; max-height: 0; }
    to { opacity: 1; max-height: 200px; }
}

.animate-slide-down {
    animation: slideDown 0.3s ease-out forwards;
}



.bg-amazon-pay{
    display:flex;
    align-items:center;
    justify-content:center;
}

.bg-amazon-pay img{
    max-height:20px;
    width:auto;
    vertical-align:middle;
}