/* Scoped layout: the card templates and their styles remain untouched. */
.kazanimal-recent:has([data-kazanimal-recent-slider]) { grid-template-columns: minmax(0, 1fr); }
.kazanimal-recent:has([data-kazanimal-recent-slider]) > section { min-width: 0; }
.kazanimal-recent-slider { min-width: 0; max-width: 100%; }
.kazanimal-recent-slider__viewport { overflow: hidden; width: 100%; position: relative; touch-action: pan-y; }
.kazanimal-recent-slider .swiper-wrapper { display: grid; grid-template-columns: repeat(3,minmax(0,1fr)); gap: 20px; align-items: start; height: auto; }
.kazanimal-recent-slider .swiper-initialized .swiper-wrapper { display: flex; gap: 0; position: relative; width: 100%; box-sizing: content-box; transition-property: transform; }
.kazanimal-recent-slider .swiper-slide { min-width: 0; flex-shrink: 0; height: auto; position: relative; }
.kazanimal-recent-slider .swiper-initialized .swiper-slide { width: 100%; }
.kazanimal-recent-slider__controls { display: flex; justify-content: flex-end; align-items: center; gap: 10px; padding-top: 12px; }
.kazanimal-recent-slider [hidden] { display: none !important; }
.kazanimal .kazanimal-recent-slider__arrow,
.kazanimal-recent-slider__arrow { display: inline-flex; align-items: center; justify-content: center; flex: 0 0 42px; width: 42px; height: 42px; min-height: 42px; padding: 0; border: 1px solid #038c96; border-radius: 50%; background: #fff; color: #038c96; cursor: pointer; }
.kazanimal .kazanimal-recent-slider__arrow:hover,
.kazanimal-recent-slider__arrow:hover { background: #038c96; color: #fff; }
.kazanimal .kazanimal-recent-slider__pause,
.kazanimal-recent-slider__pause { background: transparent; border: 0; color: #038c96; font: inherit; font-size: 0.8rem; padding: 8px; cursor: pointer; }
.kazanimal-recent-slider button:focus-visible { outline: 2px solid #038c96; outline-offset: 3px; }
.kazanimal-recent-slider .swiper-notification { position: absolute; width: 1px; height: 1px; overflow: hidden; clip-path: inset(50%); }
@media(max-width:1023px) { .kazanimal-recent-slider .swiper-wrapper { grid-template-columns: repeat(2,minmax(0,1fr)); } }
@media(max-width:767px) { .kazanimal-recent-slider .swiper-wrapper { grid-template-columns: minmax(0,1fr); } }
@media(prefers-reduced-motion:reduce) { .kazanimal-recent-slider .swiper-wrapper { transition-duration: 0ms !important; } }