/* ==========================================================================
   TIMTIM – Produkto nuotraukų slankiklis
   ========================================================================== */

.timtim-slyder {
	width: 100%;
}

/* ── Pagrindinio vaizdo zona ─────────────────────────────────────────────── */

.timtim-slyder__main {
	position: relative;
}

.timtim-slyder__stage {
    width: 100%;
    position: relative;
    border: 2px solid #F2F2F2;
    border-radius: 30px;
    overflow: hidden;
    aspect-ratio: 4 / 3;
}

.timtim-slyder__img {
	position: absolute;
	inset: 0;
	width: 100%;
	height: 100%;
	object-fit: cover;
	box-sizing: border-box;
	opacity: 0;
	transition: opacity 0.3s ease;
	pointer-events: none;
}

.timtim-slyder__img.is-active {
	opacity: 1;
}

/* ── Rodyklės – ant kortelės ─────────────────────────────────────────────── */

.timtim-slyder__arrow {
	position: absolute;
	top: 50%;
	transform: translateY(-50%);
	z-index: 2;
	width: 62px;
	height: 62px;
	padding: 0;
	background: none;
	border: none;
	cursor: pointer;
	display: flex;
	align-items: center;
	justify-content: center;
	transition: opacity 0.2s, transform 0.2s;
}

.timtim-slyder__arrow--prev {
	left: 18px;
	transform: translateY(-50%);
}

.timtim-slyder__arrow--next {
	right: 18px;
	transform: translateY(-50%);
}

.timtim-slyder__arrow svg {
	width: 62px;
	height: 62px;
	display: block;
	filter: drop-shadow(0 2px 8px rgba(0,0,0,.10));
}

.timtim-slyder__arrow:hover {
	opacity: 0.75;
}

.timtim-slyder__arrow:hover.timtim-slyder__arrow--prev {
	transform: translateY(-50%) scale(1.06);
}

.timtim-slyder__arrow:hover.timtim-slyder__arrow--next {
	transform: translateY(-50%) scale(1.06);
}

.timtim-slyder__arrow:disabled {
	opacity: 0.25;
	cursor: default;
}

/* ── Miniatiūros ─────────────────────────────────────────────────────────── */

.timtim-slyder__thumbs {
	display: flex;
	gap: 10px;
	margin-top: 14px;
}

.timtim-slyder__thumb {
	flex: 1;
	min-width: 0;
	aspect-ratio: 1 / 1;
	padding: 0;
	background: #f7f7f7;
	border: 2px solid #e0e0e0;
	border-radius: 10px;
	overflow: hidden;
	cursor: pointer;
	transition: border-color 0.2s;
	display: flex;
	align-items: center;
	justify-content: center;
}

.timtim-slyder__thumb.is-active {
	border-color: #1a1a1a;
}

.timtim-slyder__thumb img {
	width: 100%;
	height: 100%;
	object-fit: contain;
	box-sizing: border-box;
	display: block;
}

/* ── Responsyvumas ───────────────────────────────────────────────────────── */

@media (max-width: 600px) {
	.timtim-slyder__arrow {
		width: 44px;
		height: 44px;
	}
	.timtim-slyder__arrow svg {
		width: 44px;
		height: 44px;
	}
	.timtim-slyder__arrow--prev { left: 10px; }
	.timtim-slyder__arrow--next { right: 10px; }
}


/* slyder-contain: nuotraukos visada matomos pilnai, niekada neapkarpomos */
.timtim-slyder__stage {
	background: #fff;
	aspect-ratio: 4 / 3;
}
.timtim-slyder__img {
	object-fit: contain !important;
	padding: 3%;
	background: #fff;
}
@media (max-width: 600px) {
	.timtim-slyder__stage { border-radius: 20px; }
	.timtim-slyder__thumbs { gap: 6px; margin-top: 10px; }
}

/* timtim-lb: lightbox */
.timtim-slyder__stage { cursor: zoom-in; }
.timtim-slyder__stage:focus-visible { outline: 2px solid #C7893A; outline-offset: 3px; }
html.timtim-lb-lock, html.timtim-lb-lock body { overflow: hidden !important; }

.timtim-lb {
	position: fixed; inset: 0; z-index: 2147483000;
	background: rgba(2, 3, 3, 0.92);
	display: flex; align-items: center; justify-content: center;
	opacity: 0; visibility: hidden; transition: opacity .25s ease, visibility .25s;
}
.timtim-lb.is-open { opacity: 1; visibility: visible; }
.timtim-lb__stage {
	flex: 1; min-width: 0; height: 100%;
	display: flex; align-items: center; justify-content: center;
	padding: 56px 72px;
}
.timtim-lb__img {
	max-width: 100%; max-height: 100%; object-fit: contain;
	border-radius: 10px; background: #fff;
	transition: opacity .2s ease; user-select: none; -webkit-user-drag: none;
}
.timtim-lb__img.is-loading { opacity: .25; }
.timtim-lb__close, .timtim-lb__nav {
	position: absolute; z-index: 2; display: flex; align-items: center; justify-content: center;
	width: 48px; height: 48px; padding: 0; border: none; border-radius: 50%;
	background: #fff; color: #020303; cursor: pointer; transition: transform .2s ease, opacity .2s ease;
}
.timtim-lb__close:hover, .timtim-lb__nav:hover { transform: scale(1.07); }
.timtim-lb__close { top: 16px; right: 16px; }
.timtim-lb__nav--prev { left: 16px; top: 50%; margin-top: -24px; }
.timtim-lb__nav--next { right: 16px; top: 50%; margin-top: -24px; }
.timtim-lb__count {
	position: absolute; bottom: 16px; left: 50%; transform: translateX(-50%);
	color: #fff; font-size: 14px; font-weight: 500; letter-spacing: .02em;
	background: rgba(255,255,255,.14); padding: 6px 14px; border-radius: 99px;
}
@media (max-width: 700px) {
	.timtim-lb__stage { padding: 64px 12px 64px; }
	.timtim-lb__close { top: 12px; right: 12px; width: 44px; height: 44px; }
	.timtim-lb__nav { width: 42px; height: 42px; margin-top: -21px; opacity: .92; }
	.timtim-lb__nav--prev { left: 8px; }
	.timtim-lb__nav--next { right: 8px; }
}
@media (prefers-reduced-motion: reduce) {
	.timtim-lb, .timtim-lb__img { transition: none; }
}