/* Start:/local/templates/vanilla_other_pages/components/bitrix/photo.section/vanilla/style.css?17665221772971*/
.photo-gallery{
	display: flex;
	flex-wrap: wrap;
	width: 100%;
	justify-content: flex-start;
}
.photo-gallery .photo-item{
	width: calc((100% - 40px) / 3);
	margin-left: 20px;
	margin-bottom: 20px;
	border-radius: 10px;
	overflow: hidden;
	position: relative;
}
.photo-gallery .photo-item:nth-child(3n+1){
	margin-left: 0;
}
.photo-gallery .photo-item a{
	display: block;
	width: 100%;
	padding-top: 100%;
	position: relative;
}
.photo-gallery .photo-item a img{
	display: block;
	width: 100%;
	height: 100%;
	position: absolute;
	left: 0;
	top: 0;
}

.photo-gallery .photo-item .attached_product{
	position: absolute;
	left: 0;
	right: 0;
	bottom: 0;
	border-radius: 0px 0px 10px 10px;
	background: linear-gradient(180deg, rgba(0, 0, 0, 0.00) 0%, rgba(0, 0, 0, 0.75) 100%);
	color: #fff;
	font: 700 16px/21px Mont;
}
.photo-gallery .photo-item .attached_product a{
	color: #fff;
	font: 700 16px/21px Mont;
	text-decoration: none;
	padding-top: 0;
	padding: 25px 107px 12px 20px;
}
.photo-gallery .photo-item .attached_product a:hover{
	color: #FFA658;
}
.photo-gallery .photo-item .attached_product a::before{
  content: '';
  display: block;
  width: 40px;
  height: 40px;
  position: absolute;
  right: 20px;
  bottom: 13px;
	background: url("data:image/svg+xml,%3Csvg width='40' height='40' viewBox='0 0 40 40' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cg filter='url(%23filter0_b_4645_1126)'%3E%3Ccircle cx='20' cy='20' r='20' fill='white' fill-opacity='0.6'/%3E%3C/g%3E%3Cg clip-path='url(%23clip0_4645_1126)'%3E%3Cpath d='M17.5007 14.1667V15.8334H22.9923L13.334 25.4917L14.509 26.6667L24.1673 17.0084V22.5001H25.834V14.1667H17.5007Z' fill='white'/%3E%3C/g%3E%3Cdefs%3E%3Cfilter id='filter0_b_4645_1126' x='-4' y='-4' width='48' height='48' filterUnits='userSpaceOnUse' color-interpolation-filters='sRGB'%3E%3CfeFlood flood-opacity='0' result='BackgroundImageFix'/%3E%3CfeGaussianBlur in='BackgroundImageFix' stdDeviation='2'/%3E%3CfeComposite in2='SourceAlpha' operator='in' result='effect1_backgroundBlur_4645_1126'/%3E%3CfeBlend mode='normal' in='SourceGraphic' in2='effect1_backgroundBlur_4645_1126' result='shape'/%3E%3C/filter%3E%3CclipPath id='clip0_4645_1126'%3E%3Crect width='20' height='20' fill='white' transform='translate(10 10)'/%3E%3C/clipPath%3E%3C/defs%3E%3C/svg%3E%0A") no-repeat left top;
}
@media (max-width:768px){
	.photo-gallery .photo-item{
		width: calc((100% - 30px) / 2);
		margin-left: 15px;
		margin-bottom: 15px;
	}
	.photo-gallery .photo-item:nth-child(3n+1){
		margin-left: 15px;
	}
	.photo-gallery .photo-item:nth-child(2n+1){
		margin-left: 0;
	}
}
@media (max-width:560px){
	.photo-gallery .photo-item{
		width: 100%;
		margin-left: 0 !important;
		margin-bottom: 10px;
	}
}
.btn-add-photo{
	display: block;
	width: 180px;
	padding: 19px 0 18px;
	margin: 0 auto 45px;
	background: #09BBB5;
	border-radius: 5px;
  font: 600 16px/16px 'Mont';
	text-align: center;
	color: #fff;
	cursor: pointer;	
	text-decoration: none;
}
/* End */
/* /local/templates/vanilla_other_pages/components/bitrix/photo.section/vanilla/style.css?17665221772971 */