/* ============================================================
   GALLERY
   ============================================================ */
.gallery-section {
	padding:0 0 150px 0;
	overflow: hidden;
}

.gallery-section__head {
	display: flex;
	flex-direction: column;
	gap: 20px;
	align-items: center;
	text-align: center;
	margin-bottom: 40px;
}

.gallery-section__title {
	font-size: var(--h2-size);
	line-height: var(--h2-line-height);
	font-weight: var(--h2-weight);
	color: var(--dark);
	max-width: 782px;
}

.gallery-section__subtitle {
	font-size: var(--text-size);
	line-height: var(--text-line-height);
	color: var(--dark);
}

/* Стрелки */
.gallery-section__nav {
	display: flex;
	flex-direction: row;
	gap: 12px;
	justify-content: flex-end;
	margin-bottom: 24px;
    padding-right: 70px;

}

.gallery-nav-prev,
.gallery-nav-next {
	width: 60px;
	height: 60px;
    border:none;
	background: var(--white);
	display: flex;
	align-items: center;
	justify-content: center;
	cursor: pointer;
	color: var(--dark);
	transition: border-color 0.2s, background 0.2s, color 0.2s;
	flex-shrink: 0;
}



.gallery-nav-prev svg,
.gallery-nav-next svg {
	width: 60px;
	height: 60px;
}

/* Swiper */
.gallery-section__wrap {
	padding-left: 140px; /* отступ как в дизайне — слайды уходят за правый край */
}

.gallery-swiper {
	overflow: visible !important;
}

.gallery-swiper .swiper-wrapper {
	align-items: center;
}

.gallery-swiper .swiper-slide {
	width: 380px;
	height: 620px;
	border-radius: 20px;
	overflow: hidden;
	flex-shrink: 0;
}

.gallery-swiper .swiper-slide img {
	width: 100%;
	height: 100%;
	object-fit: cover;
	display: block;
	border-radius: 20px;
	transition: transform 0.4s ease;
}

.gallery-swiper .swiper-slide:hover img {
	transform: scale(1.03);
}

/* ============================================================
   RESPONSIVE
   ============================================================ */
   
   @media (max-width: 1680px) {
  .gallery-section__nav { padding-right: 0px;} 
}
   

   
   
@media (max-width: 1200px) {
	.gallery-section__wrap { padding-left: 60px; }
}

@media (max-width: 768px) {
	.gallery-section { padding: 60px 0; }
	.gallery-section__wrap { padding-left: 20px; }
	.gallery-swiper .swiper-slide { width: 280px; height: 460px; }
	.gallery-nav-prev,
	.gallery-nav-next { width: 48px; height: 48px; }
}