/*--------- slider ---------*/
#slide {
	position:relative;
	overflow:hidden;
	width:1264px;
	margin:0 auto;
	z-index:2;
}
.slider {
	width:1264px;
	height:597px;
	margin:0 auto;
	position:relative;
	z-index:2;
}
.items {
	display:none;
}
.pagination {
	display:none;
}
.prev {
	display:block;
	position:absolute;
	background:url(../images/prev.png) 0 0 no-repeat;
	width:82px;
	height:82px;
	left:25px;
	top:222px;
	z-index:99;
}
.prev:hover {
	background-position:0 bottom;
}
.next {
	display:block;
	position:absolute;
	background:url(../images/next.png) 0 0 no-repeat;
	width:82px;
	height:82px;
	right:25px;
	top:223px;
	z-index:99;
}
.next:hover {
	background-position:0 bottom;
}
.banner {
	display:none;
}

@media (min-width: 768px) {
    .swiper-container {
        display: none;
    }
}

/* Ascunde slider-ul original pe telefoane */
@media (max-width: 767px) {
    .slider {
        display: none;
    }
    .swiper-button-next, .swiper-button-prev {
        top: 10px; /* Ajustează această valoare pentru a muta săgețile mai sus sau mai jos */
    }
    
    /* Mută paginarea mai sus */
    .swiper-pagination {
        bottom: 50px; /* Ajustează această valoare pentru a muta paginarea mai sus sau mai jos */
    }
    /* Stilizare generală pentru Swiper */
.swiper-container {
    position: relative;
}

/* Stil pentru săgețile de navigare */
.swiper-button-next, .swiper-button-prev {
    width: 40px;
    height: 40px;
    background-size: 40px 40px;
    background-position: center;
    background-repeat: no-repeat;
    top: 10px; /* Ajustează această valoare pentru a muta săgețile mai sus sau mai jos */
}

/* Stil pentru săgeata "next" */
.swiper-button-next {
    right: 10px;
    background-image: url('path/to/next-icon.png'); /* Înlocuiește cu calea către iconița "next" */
}

/* Stil pentru săgeata "prev" */
.swiper-button-prev {
    left: 10px;
    background-image: url('path/to/prev-icon.png'); /* Înlocuiește cu calea către iconița "prev" */
}

/* Stil pentru paginarea (bulinele) */
.swiper-pagination {
    bottom: 50px; /* Ajustează această valoare pentru a muta paginarea mai sus sau mai jos */
    text-align: center;
    z-index: 10;
}

.swiper-pagination-bullet {
    width: 10px;
    height: 10px;
    background: #999; /* Culoare default pentru buline */
    border-radius: 50%;
    transition: all 0.3s ease; /* Tranziție lină pentru efect */
}

.swiper-pagination-bullet-active {
    width: 14px; /* Schimbă dimensiunea bulinei active */
    height: 14px;
    background: #007aff; /* Culoare diferită pentru bulina activă */
    transform: scale(1.2); /* Crește dimensiunea bulinei active */
    animation: pulse 0.6s ease infinite; /* Adaugă un efect de pulsare */
}

@keyframes pulse {
    0% {
        transform: scale(1);
    }
    50% {
        transform: scale(1.3); /* Mărește puțin bulina în timpul pulsării */
    }
    100% {
        transform: scale(1);
    }
}
}