.intuix-gallery { width:100%; }

.intuix-track,
.intuix-grid { width:100%; }

.intuix-grid {
	display:grid;
	grid-template-columns:repeat(3,1fr);
	gap:var(--gap,16px);
}

.intuix-item {
	cursor:pointer;
}

.intuix-item img {
	width:100%;
	height:100%;
	object-fit:cover;
	aspect-ratio:var(--aspect-ratio,4/3);
	border-radius:12px;
}

/* LIGHTBOX */

.intuix-lightbox {
	position:fixed;
	inset:0;
	background:#000;
	display:flex;
	align-items:center;
	justify-content:center;
	z-index:999999;
	animation:fadeIn .2s ease;
}

.intuix-lightbox img {
	max-width:90%;
	max-height:90%;
}

.intuix-lightbox button {
    position: absolute;
    display: flex;
    width: 48px !important;
    height: 48px !important;
    border-radius: 50px !important;
    background: none;
    border: none;
    cursor: pointer;
    align-items: center;
    justify-content: center;
    border: 1px solid #fff !important;
    background: rgba(255, 255, 255, 0.85) !important;
    transition: all 0.25s ease-in-out;
}

.intuix-lightbox button:hover {
	background: rgba(255,255,255,1);
}

.intuix-lightbox button img {
    position: relative;
    display: block;
    width: 22px !important;
    min-width: 22px !important;
    max-width: 22px !important;
    height: 22px !important;
    min-height: 22px !important;
    max-height: 22px !important;
    transform: none !important;
    border: none !important;
}

.intuix-lightbox button img:hover {
	border: none !important;
}


.intuix-prev { left:20px; }
.intuix-next { right:20px; }
.intuix-close { top:20px; right:20px; }

@keyframes fadeIn {
	from{opacity:0}
	to{opacity:1}
}

@media(max-width:767px){
	.intuix-grid{grid-template-columns:1fr}
}