/* Toote pildi suurvaate (PhotoSwipe) järgmine/eelmine noolte suurendamine.
   PhotoSwipe põhi-CSS paneb kõigile nuppudele vaikimisi opacity:0.75, mis
   koos meie enda pooltäbipaistva ringiga tegi tulemuse liiga tuhmiks —
   seetõttu sunnime opacity 1-le. Samuti tsentreerime ikooni ringi SEESÄE:
   algne ikoon oli left/right:6px nihkega, mistõttu jäi ringist välja. */
.pswp__button--arrow--left,
.pswp__button--arrow--right {
	width: 90px;
	height: 90px;
	margin-top: -45px;
	opacity: 1;
}

.pswp__button--arrow--left:hover,
.pswp__button--arrow--right:hover,
.pswp__button--arrow--left:focus,
.pswp__button--arrow--right:focus,
.pswp__button--arrow--left:active,
.pswp__button--arrow--right:active {
	opacity: 1;
}

.pswp__button--arrow--left::after,
.pswp__button--arrow--right::after {
	content: '';
	position: absolute;
	top: 50%;
	left: 50%;
	width: 56px;
	height: 56px;
	transform: translate(-50%, -50%);
	background-color: #FF6D01;
	border-radius: 50%;
	z-index: 0;
	transition: background-color 0.15s ease;
}

.pswp__button--arrow--left:hover::after,
.pswp__button--arrow--right:hover::after {
	background-color: #C45300;
}

.pswp__button--arrow--left::before,
.pswp__button--arrow--right::before {
	top: 50% !important;
	left: 50% !important;
	right: auto !important;
	bottom: auto !important;
	transform: translate(-50%, -50%) scale(1.8);
	z-index: 1;
}

@media (max-width: 767px) {
	.pswp__button--arrow--left,
	.pswp__button--arrow--right {
		width: 70px;
		height: 70px;
		margin-top: -35px;
	}

	.pswp__button--arrow--left::after,
	.pswp__button--arrow--right::after {
		width: 46px;
		height: 46px;
	}
}