/* Banner Desktop/Tablet Styles - Interactive features */
/* Only loaded on screens > 768px */

.banner-container {
    cursor: pointer;
}

/* Rabbit hole - desktop/tablet only */
.rabbit-hole {
    position: absolute;
    bottom: 40px;
    left: 70%;
    cursor: pointer;
    z-index: 5;
}

.hole-opening {
    fill: #1a1a1a;
    stroke: #654321;
    stroke-width: 2;
}

.hole-edge {
    fill: none;
    stroke: #4a3728;
    stroke-width: 2;
}

/* Rabbit animation for hiding */
.rabbit {
    transition: all 0.6s cubic-bezier(0.68, -0.55, 0.265, 1.55);
}

.rabbit.hiding {
    bottom: 25px;
    left: 69%;
    transform: scale(0.3);
    opacity: 0;
    pointer-events: none;
}

/* Tablet adjustments (if needed) */
@media screen and (max-width: 1024px) and (min-width: 769px) {
    /* Tablet-specific tweaks can go here */
}