.kids-widget-container {
	position: relative;
	width: 100%;
	display: block;
}

/* MODERNEJŠÍ SWIPER (v7+) */
.kids-carousel.swiper {
	width: 100%;
	padding: 10px 0 50px 0 !important;
	position: relative;
	overflow: hidden;
}

.kids-carousel .swiper-wrapper {
	display: flex !important;
	flex-direction: row !important;
	flex-wrap: wrap !important;
}

.kids-carousel.swiper-initialized .swiper-wrapper {
	flex-wrap: nowrap !important;
}

.kids-carousel .swiper-slide {
	height: auto;
	display: flex !important;
	box-sizing: border-box;
	flex-shrink: 0;
}

/* KARTA - ZÁKLAD */
.kids-card {
	display: flex !important;
	flex-direction: row !important;
	align-items: stretch !important;
	background: #ffffff !important;
	border: 1px solid #eeeeee !important;
	padding: 15px;
	gap: 15px;
	width: 100%;
	box-sizing: border-box;
	border-radius: 5px !important;
	transition: all 0.3s ease !important;
}

/* HOVER EFEKT - VEĽMI JEMNÁ ŠEDÁ #f9f9f9 */
.kids-card:hover {
    background-color: #f9f9f9 !important;
    border-color: #e0e0e0 !important;
    box-shadow: 0 8px 20px rgba(0, 0, 0, 0.05) !important;
}

/* Synchronizácia tlačidla pri hoveri karty - ZELENÁ zostáva */
.kids-card:hover .kids-card-action a.button {
    background-color: #4B7D36 !important;
    color: #ffffff !important;
}

/* Úprava farieb textu pri šedom hoveri - decentné farby */
.kids-card:hover .kids-card-title a { color: #222 !important; }
.kids-card:hover .kids-card-cat { color: #888 !important; }
.kids-card:hover .kids-card-price { color: #d63333 !important; }

/* OBRÁZOK */
.kids-card-img { 
	flex: 0 0 80px; 
	width: 80px; 
	align-self: flex-start !important; 
}

.kids-card-img img { 
	width: 100%; 
	height: auto; 
	display: block; 
	border-radius: 3px !important; 
}

/* CONTENT */
.kids-card-content { 
	flex: 1; 
	text-align: left; 
	min-width: 0; 
	display: flex !important;
	flex-direction: column !important;
	height: 100% !important;
}

.kids-card-title { font-size: 1rem !important; margin: 0 0 4px 0 !important; font-weight: 700; }
.kids-card-title a { color: #333; text-decoration: none; }
.kids-card-cat { font-size: 0.75rem !important; color: #999; margin-bottom: 8px !important; text-transform: uppercase; }
.kids-card-price { font-size: 1rem !important; color: #e44545; font-weight: 700; margin-bottom: 10px; }

/* TLAČIDLO NA SPODOK */
.kids-card-action {
	margin-top: auto !important;
	padding-top: 10px !important;
}

.kids-card-action a.button { 
    background: #333 !important; 
    color: #fff !important; 
    padding: 8px 15px !important; 
    font-size: 12px !important; 
    border-radius: 5px !important;
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    gap: 8px !important;
    line-height: 1 !important;
    transition: all 0.2s ease !important;
}

/* ŠÍPKY */
.kids-carousel .swiper-button-next,
.kids-carousel .swiper-button-prev {
	position: absolute !important;
	top: 50% !important;
	transform: translateY(-50%) !important;
	width: 40px !important;
	height: 40px !important;
	background: #fff !important;
	border-radius: 50% !important;
	box-shadow: 0 2px 10px rgba(0,0,0,0.1) !important;
	color: #333 !important;
	z-index: 10 !important;
	display: flex !important;
	align-items: center !important;
	justify-content: center !important;
}

.kids-carousel .swiper-button-next:after,
.kids-carousel .swiper-button-prev:after { display: none !important; }

.kids-arrow::before {
	content: '' !important;
	width: 10px !important;
	height: 10px !important;
	border-top: 3px solid #333 !important;
	border-right: 3px solid #333 !important;
	display: block !important;
}

.kids-prev::before { transform: rotate(-135deg) !important; margin-left: 4px !important; }
.kids-next::before { transform: rotate(45deg) !important; margin-right: 4px !important; }

.kids-carousel .swiper-button-prev { left: 5px !important; }
.kids-carousel .swiper-button-next { right: 5px !important; }

/* MOBIL */
@media (max-width: 767px) {
	.kids-carousel.swiper { overflow: visible !important; }
	.kids-carousel .swiper-wrapper { display: block !important; }
	.kids-carousel .swiper-slide { width: 100% !important; margin-bottom: 15px !important; }
}