.mzs{
	--mzs-ratio:1470/510;
	--mzs-radius:16px;
	--mzs-gap:12px;
	--mzs-peek:0px;
	--mzs-bg:#f2f2f2;
	--mzs-dot:#d0d0d0;
	--mzs-dot-on:var(--color-primary,#ef4522);
	--mzs-dot-size:7px;
	--mzs-dot-on-w:24px;
	--mzs-dot-bottom:10px;
	--mzs-dot-pill:rgba(255,255,255,.72);
	--mzs-arrow:38px;
	--mzs-arrow-fg:#3b3b3b;
	--mzs-arrow-hover:var(--color-primary,#ef4522);
	--mzs-arrow-bg:rgba(255,255,255,.92);
	--mzs-arrow-gap:12px;
	--mzs-scrim:.45;
	position:relative;
	direction:rtl;
}

.mzs-track{
	display:flex;
	gap:var(--mzs-gap);
	overflow-x:auto;
	overscroll-behavior-x:contain;
	scroll-snap-type:x mandatory;
	-webkit-overflow-scrolling:touch;
	scrollbar-width:none;
	-ms-overflow-style:none;
	outline:none;
}

.mzs-track::-webkit-scrollbar{display:none}

.mzs-drag .mzs-track{cursor:grab}
.mzs-track.is-drag{scroll-snap-type:none;cursor:grabbing;user-select:none}
.mzs-track.is-drag *{pointer-events:none}

.mzs-slide{
	position:relative;
	flex:0 0 calc(100% - var(--mzs-peek));
	aspect-ratio:var(--mzs-ratio);
	scroll-snap-align:center;
	scroll-snap-stop:always;
	border-radius:var(--mzs-radius);
	overflow:hidden;
	background:var(--mzs-bg);
	isolation:isolate;
}

.mzs-a,.mzs-fig{display:block;width:100%;height:100%}
.mzs-slide img{display:block;width:100%;height:100%;object-fit:cover;-webkit-user-drag:none}

.mzs-has-ov::after{
	content:"";
	position:absolute;
	inset:0;
	z-index:1;
	background:linear-gradient(to top,rgba(0,0,0,var(--mzs-scrim)) 0%,rgba(0,0,0,0) 62%);
	pointer-events:none;
}

.mzs-ov{
	position:absolute;
	inset:0;
	z-index:2;
	display:flex;
	flex-direction:column;
	justify-content:flex-end;
	align-items:flex-start;
	gap:8px;
	padding:24px 28px;
	pointer-events:none;
}

.mzs-h{margin:0;color:#fff;font-size:26px;line-height:1.4}
.mzs-p{margin:0;color:rgba(255,255,255,.9);font-size:15px;line-height:1.7}
.mzs-cta{display:inline-block;margin-top:4px;padding:9px 20px;background:#ef4522;color:#fff;border-radius:10px;font-size:14px;font-weight:700}

.mzs-nav{
	position:absolute;
	top:50%;
	z-index:4;
	width:var(--mzs-arrow);
	height:var(--mzs-arrow);
	transform:translateY(-50%);
	display:flex;
	align-items:center;
	justify-content:center;
	padding:0;
	border:0;
	border-radius:50%;
	background:var(--mzs-arrow-bg);
	color:var(--mzs-arrow-fg);
	cursor:pointer;
	box-shadow:0 2px 10px rgba(0,0,0,.1);
	transition:color .2s,opacity .2s,transform .15s;
	-webkit-tap-highlight-color:transparent;
}

.mzs-nav svg{width:55%;height:55%;fill:none;stroke:currentColor;stroke-width:2.2;stroke-linecap:round;stroke-linejoin:round}
.mzs-nav:hover{color:var(--mzs-arrow-hover)}
.mzs-nav:active{transform:translateY(-50%) scale(.92)}
.mzs-nav:disabled{opacity:.35;cursor:default}
.mzs-nav:focus-visible{outline:2px solid var(--mzs-arrow-hover);outline-offset:2px}

.mzs-prev{inset-inline-start:var(--mzs-arrow-gap)}
.mzs-next{inset-inline-end:var(--mzs-arrow-gap)}

.mzs-dots{
	position:absolute;
	bottom:var(--mzs-dot-bottom);
	left:50%;
	z-index:4;
	transform:translateX(-50%);
	display:flex;
	align-items:center;
	gap:7px;
	padding:6px 11px;
	background:var(--mzs-dot-pill);
	border-radius:20px;
}

.mzs-dot{
	width:var(--mzs-dot-size);
	height:var(--mzs-dot-size);
	padding:0;
	border:0;
	border-radius:50px;
	background:var(--mzs-dot);
	cursor:pointer;
	transition:width .3s cubic-bezier(.4,0,.2,1),background-color .3s;
	-webkit-tap-highlight-color:transparent;
}

.mzs-dot.is-on{width:var(--mzs-dot-on-w);background:var(--mzs-dot-on)}
.mzs-dot:focus-visible{outline:2px solid var(--mzs-dot-on);outline-offset:2px}

.mzs-single .mzs-dots,.mzs-single .mzs-nav{display:none}

@media (max-width:767px){
	.mzs-only-d{display:none!important}
	.mzs-arrow-dm .mzs-nav{display:none}
	.mzs-ov{padding:16px 18px;gap:6px}
	.mzs-h{font-size:18px}
	.mzs-p{font-size:13px}
	.mzs-cta{padding:7px 15px;font-size:13px}
}

@media (min-width:768px){
	.mzs-only-m{display:none!important}
}

@media (prefers-reduced-motion:reduce){
	.mzs-track{scroll-behavior:auto}
	.mzs-dot,.mzs-nav{transition:none}
}