/* =========================
   MySlider Frontend Styles v2.1.4
   ========================= */

.wp-block-myslider-hero-slider.myslider-hero-slider {
	position: relative;
	width: 100%;
	max-width: 100%;
	left: auto;
	right: auto;
	margin: 0 !important;
	overflow: hidden;
	transition: height .25s ease;
	box-sizing: border-box;
}

.alignfull.wp-block-myslider-hero-slider.myslider-hero-slider {
	width: 100vw;
	max-width: 100vw;
	left: 50%;
	margin-left: -50vw !important;
	margin-right: -50vw !important;
}

.myslider-hero-slider,
.myslider-hero-slider * {
	box-sizing: border-box;
}

.myslider__viewport {
	position: relative;
	width: 100%;
	height: var(--myslider-current-height, var(--myslider-desktop-height, auto));
	overflow: hidden;
	transition: height .25s ease;
}

@media (min-width: 782px) and (max-width: 1024px) {
	.myslider__viewport {
		height: var(--myslider-current-height, var(--myslider-tablet-height, auto));
	}
}

@media (max-width: 781px) {
	.myslider__viewport {
		height: var(--myslider-current-height, var(--myslider-mobile-height, auto));
	}
}

.myslider__track {
	display: flex;
	width: 100%;
	height: 100%;
	transform: translate3d(0,0,0);
	will-change: transform;
	touch-action: pan-y;
}

.myslider__track.is-dragging {
	cursor: grabbing;
}

.myslider__slide {
	position: relative;
	flex: 0 0 100%;
	width: 100%;
	height: 100%;
	overflow: hidden;
	transition: height .25s ease;
}

.myslider__media {
	position: absolute;
	inset: 0;
	overflow: hidden;
	transition: height .25s ease;
}

.myslider__img {
	position: absolute;
	inset: 0;
	width: 100%;
	height: 100%;
	display: block;
	transform-origin: center center;
	will-change: transform;
}

.myslider__img--tablet, .myslider__img--mobile { display: none; }
@media (min-width: 782px) and (max-width: 1024px) {
	.myslider__img--desktop, .myslider__img--mobile { display: none; }
	.myslider__img--tablet { display: block; }
}
@media (max-width: 781px) {
	.myslider__img--desktop, .myslider__img--tablet { display: none; }
	.myslider__img--mobile { display: block; }
}

.myslider__overlay {
	position: absolute;
	inset: 0;
	background: rgba(0,0,0,var(--myslider-overlay-opacity, .2));
	pointer-events: none;
}

.myslider__content {
	position: absolute;
	inset: 0;
	width: 100%;
	height: 100%;
	display: grid;
	grid-template-columns: repeat(100, minmax(0, 1fr));
	grid-template-rows: repeat(100, minmax(0, 1fr));
	pointer-events: none;
}

.myslider__item {
	position: relative;
	align-self: start;
	justify-self: start;
	width: max-content;
	max-width: min(var(--myslider-content-max-width, 720px), calc(100% - 12px));
	pointer-events: none;
}

.myslider__item--tablet, .myslider__item--mobile { display: none; }
@media (min-width: 782px) and (max-width: 1024px) {
	.myslider__item--desktop, .myslider__item--mobile { display: none; }
	.myslider__item--tablet { display: block; }
	.myslider__item {
		max-width: calc(100% - 12px);
	}
}
@media (max-width: 781px) {
	.myslider__item--desktop, .myslider__item--tablet { display: none; }
	.myslider__item--mobile { display: block; }
	.myslider__item {
		max-width: calc(100% - 8px);
	}
}

.myslider__title,
.myslider__subtitle {
	margin: 0;
	line-height: 1.15;
	text-wrap: balance;
}

.myslider__title { font-weight: 700; letter-spacing: -0.02em; }
.myslider__subtitle { line-height: 1.35; }

.myslider__textwrap {
	display: block;
	width: 100%;
	max-width: 100%;
	white-space: normal;
	word-break: normal;
	overflow-wrap: break-word;
}

/* Button: per-element vars fallback to global defaults */
.myslider__item--button {
	--myslider-btn-bg: var(--myslider-btn-bg, #fff);
	--myslider-btn-color: var(--myslider-btn-color, #111);
	--myslider-btn-hover-bg: var(--myslider-btn-hover-bg, #f3f3f3);
	--myslider-btn-hover-color: var(--myslider-btn-hover-color, #111);
	--myslider-btn-fs: var(--myslider-btn-fs, 16px);
	--myslider-btn-px: var(--myslider-btn-px, 18px);
	--myslider-btn-py: var(--myslider-btn-py, 10px);
	--myslider-btn-radius: var(--myslider-btn-radius, 10px);
}

.myslider__button {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	text-decoration: none;
	background: var(--myslider-btn-bg, #fff);
	color: var(--myslider-btn-color, #111);
	font-size: var(--myslider-btn-fs, 16px);
	padding: var(--myslider-btn-py, 10px) var(--myslider-btn-px, 18px);
	border-radius: var(--myslider-btn-radius, 10px);
	line-height: 1;
	font-weight: 600;
	pointer-events: auto;
	transition: background-color .2s ease, color .2s ease, transform .15s ease;
}

.myslider__button:hover {
	background: var(--myslider-btn-hover-bg, #f3f3f3);
	color: var(--myslider-btn-hover-color, #111);
	transform: translateY(-1px);
}

.myslider__badge {
	display: inline-block;
	white-space: nowrap;
	line-height: 1;
	font-weight: 700;
}

/* Icon */
.myslider__icon-wrap {
	display: inline-block;
	max-width: min(100%, 600px);
}
.myslider__icon {
	display: block;
	width: 100%;
	height: auto;
}

/* Arrows */
.myslider__arrow {
	position: absolute;
	top: 50%;
	transform: translateY(-50%);
	z-index: 50;
	width: 42px;
	height: 42px;
	border-radius: 999px;
	border: 1px solid rgba(255,255,255,.25);
	background: rgba(0,0,0,.35);
	color: #fff;
	display: inline-flex;
	align-items: center;
	justify-content: center;
	cursor: pointer;
	padding: 0;
	user-select: none;
	-webkit-user-select: none;
	transition: background .2s ease, transform .15s ease;
}
.myslider__arrow:hover { background: rgba(0,0,0,.55); }
.myslider__arrow:active { transform: translateY(-50%) scale(.98); }
.myslider__arrow--prev { left: 12px; }
.myslider__arrow--next { right: 12px; }
.myslider__arrow > span { font-size: 28px; transform: translateY(-1px); }

/* Dots */
.myslider__dots {
	position: absolute;
	left: 50%;
	bottom: 14px;
	transform: translateX(-50%);
	z-index: 50;
	display: flex;
	align-items: center;
	justify-content: center;
	gap: 8px;
	max-width: calc(100% - 24px);
	flex-wrap: wrap;
}
.myslider__dot {
	width: 8px;
	height: 8px;
	border-radius: 999px;
	border: none;
	background: rgba(255,255,255,.55);
	cursor: pointer;
	padding: 0;
	transition: all .2s ease;
}
.myslider__dot:hover { background: rgba(255,255,255,.85); }
.myslider__dot.is-active {
	width: 22px;
	height: 8px;
	background: rgba(255,255,255,.95);
}

.myslider-hero-slider.is-paused .myslider__dots::after {
	content: "Пауза";
	margin-left: 8px;
	color: rgba(255,255,255,.85);
	font-size: 12px;
	padding: 2px 6px;
	background: rgba(0,0,0,.35);
	border-radius: 6px;
}

/* Mobile tweaks */
@media (max-width: 781px) {
	.myslider__arrow {
		width: 36px;
		height: 36px;
		top: auto;
		bottom: 52px;
		transform: none;
	}
	.myslider__arrow:active { transform: scale(.98); }
	.myslider__arrow--prev { left: 10px; }
	.myslider__arrow--next { right: 10px; }
}

.wp-block-myslider-hero-slider.myslider-hero-slider,
.wp-block-myslider-hero-slider.myslider-hero-slider + * ,
* + .wp-block-myslider-hero-slider.myslider-hero-slider {
	margin-top: 0 !important;
	margin-bottom: 0 !important;
}
.myslider__viewport, .myslider__slide, .myslider__media, .myslider__content {
	margin: 0;
	padding: 0;
}