/* == buttons == */
.ga-so-nf-buttons button {
	border-style: var(--tw-border-style);
    border-width: 1px;
	border-color: #e5e5e5;
	background-color: var(--color-white);
	font-size: var(--text-sm);
	line-height: var(--tw-leading,var(--text-sm--line-height));
	color: #404040;
	cursor: pointer;
}
@media (max-width: 767px) {
	.ga-so-nf-buttons button {
		font-size: var(--text-xs);
	}
}
.ga-so-nf-buttons button:hover {
	--tw-shadow: 0 4px 6px -1px var(--tw-shadow-color,#0000001a),0 2px 4px -2px var(--tw-shadow-color,#0000001a);
      box-shadow: var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow);
      border-color: #9333ea;
}
.ga-so-nf-buttons button.active {
	border-width: 0;
	--tw-shadow-color: color-mix(in oklab,oklab(55.7537% .134997 -.213369/.3) var(--tw-shadow-alpha),transparent);
	--tw-shadow: 0 10px 15px -3px var(--tw-shadow-color,#0000001a),0 4px 6px -4px var(--tw-shadow-color,#0000001a);
    box-shadow: var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow);
    --tw-gradient-to: #7c3aed;
    --tw-gradient-stops: var(--tw-gradient-via-stops,var(--tw-gradient-position),var(--tw-gradient-from)var(--tw-gradient-from-position),var(--tw-gradient-to)var(--tw-gradient-to-position));
    --tw-gradient-from: #9333ea;
    --tw-gradient-position: to right in oklab;
    background-image: linear-gradient(var(--tw-gradient-stops));
    color: var(--color-white);
}


/* == items == */
@media (min-width: 64rem) {
	.ga-so-nf-item:nth-child(2n+1 of :not(.is-hidden)) {
		grid-row: span 1/span 2;
		grid-column: span 2/span 2;
	}
}

/* Клас за "изхвърляне" на продукта */
.ga-so-nf-item.is-hidden {
	transform: scale(0.2);
	opacity: 0;
	visibility: hidden;
	position: absolute;
}



.ga-so-nf-header picture {
	display: inline-block;
	width: 100%;
	height: 100%;
	background-color: rgba(229,229,229,.5);
}
.ga-so-nf-header picture img {
	display: block;
	width: 100%;
	height: 100%;
	--tw-duration: .7s;
    transition-duration: .7s;
	transition-property: transform,translate,scale,rotate;
    transition-timing-function: var(--tw-ease,var(--default-transition-timing-function));
    transition-duration: var(--tw-duration,var(--default-transition-duration));
	-webkit-object-fit: cover;
	-moz-object-fit: cover;
	-ms-object-fit: cover;
	-o-object-fit: cover;
	object-fit: cover;
}
.ga-so-nf-header picture img[src*="globalaesthetics-logo"] {
	-webkit-object-fit: contain;
	-moz-object-fit: contain;
	-ms-object-fit: contain;
	-o-object-fit: contain;
	object-fit: contain;
}
.ga-so-nf-header:hover picture img {
	--tw-scale-x: 110%;
	--tw-scale-y: 110%;
	--tw-scale-z: 110%;
	scale: var(--tw-scale-x)var(--tw-scale-y);
}


.ga-so-nf-pills span {
	position: relative;
}

.ga-so-nf-pills span:before {
	display: inline-block;
	height: 14px;
	content: '';
	background-repeat: no-repeat;
	background-position: center;
	background-size: contain;
}
.ga-so-nf-pills span[data-cat*="cat--2"]:before {
	margin-right: calc(var(--spacing)*2);
	width: 14px;
	background-image: url('../images/icon-others.svg');
}
.ga-so-nf-pills span[data-cat*="cat-0"]:before {
	margin-right: calc(var(--spacing)*2);
	width: 14px;
	background-image: url('../images/icon-news.svg');
}
.ga-so-nf-pills span[data-cat*="cat-24"]:before {
	margin-right: calc(var(--spacing)*2);
	width: 14px;
	background-image: url('../images/icon-event.svg');
}
.ga-so-nf-pills span[data-cat*="cat-25"]:before {
	margin-right: calc(var(--spacing)*2);
	width: 14px;
	background-image: url('../images/icon-training.svg');
}


.ga-so-nf-item article > h3 {
	line-height: 1.15;
}