.animal-carousel,.animal-carousel-container{position:relative;width:100%;height:100%}.animal-carousel-container{overflow:hidden}.animal-carousel-image{position:absolute;top:0;left:0;width:100%;height:100%;-o-object-fit:cover;object-fit:cover;opacity:0;transition:opacity .5s ease-in-out;pointer-events:none}.animal-carousel-image.active{opacity:1;pointer-events:auto}.animal-carousel-image.transitioning{transition:opacity .3s ease-in-out}.animal-carousel-arrow{position:absolute;top:50%;transform:translateY(-50%);background:rgba(255,255,255,.9);border:none;border-radius:50%;width:40px;height:40px;font-size:24px;line-height:1;cursor:pointer;z-index:10;display:flex;align-items:center;justify-content:center;transition:all .2s ease;box-shadow:0 2px 8px rgba(0,0,0,.15)}.animal-carousel-arrow:hover{background:rgba(255,255,255,1);box-shadow:0 4px 12px rgba(0,0,0,.2);transform:translateY(-50%) scale(1.1)}.animal-carousel-arrow-left{left:10px}.animal-carousel-arrow-right{right:10px}.animal-carousel-dots{position:absolute;bottom:12px;left:50%;transform:translateX(-50%);display:flex;gap:8px;z-index:10}.animal-carousel-dot{width:8px;height:8px;border-radius:50%;border:none;background:rgba(255,255,255,.6);cursor:pointer;transition:all .2s ease;padding:0}.animal-carousel-dot:hover{background:rgba(255,255,255,.9);transform:scale(1.2)}.animal-carousel-dot.active{background:rgba(255,255,255,1);width:24px;border-radius:4px}.animal-carousel.card-view .animal-carousel-arrow{display:none}.animal-carousel.detail-view{min-height:400px}.animal-carousel.detail-view .animal-carousel-image{-o-object-fit:contain;object-fit:contain;background:#f8f9fa}