/* Separate styling for Delivery Partner & View Menu */

/* Fix desktop spacing */
.hero-right-content {
    gap: 10px; /* Reduces the huge space between buttons */
}

.hero-delivery-wrapper {
    gap: 0px;
    width: 100%;
    max-width: 220px; /* Keeps them neatly sized */
}

/* Desktop Defaults */
#bikerider-lottie, #seat-lottie {
    width: 200px; /* MUCH BIGGER on desktop */
    height: 200px;
    order: -500; /* Puts Lottie BELOW the button */
    margin-top: -200px;
    transform: translateY(55px); 
    pointer-events: none; /* CRITICAL FIX: Allows clicks to pass through to the button */
}

.delivery-partner-btn, .hero-cta {
    order: 10; /* Puts Button ABOVE the Lottie */
    background-color: #fdc936; /* Matches the yellow from Lottie */
    width: 100%;
    position: relative; /* Ensures stacking context works */
    z-index: 100; /* Keeps button always on top and clickable */
}