@media screen and (max-width: 960px)
.t-store__grid-cont .t-col, .t-store__grid-cont .t-store__stretch-col {
    margin-bottom: 30px !important; 
}



.t-store__grid-separator {
    margin-bottom: 28px;
}


.menu-hover {
    text-decoration: none;
    transition: opacity 300ms cubic-bezier(0.51, 0.92, 0.24, 1);
}
.menu-hover::after {
    --scale: 0;
    content: "";
    position: absolute;
    left: 0;
    right: 0;
    top: 100%;
    height: 1px;
    border-radius: 5px;
    background: #778845;
    transform: scaleX(var(--scale));
    transform-origin: var(--x) 50%;
    transition: transform 300ms cubic-bezier(0.51, 0.92, 0.24, 1);
}
.menu-hover:hover {
    opacity: 1;
}
.menu-hover:hover::after {
    --scale: 1;
}



document.querySelectorAll('.menu-hover').forEach((elem) => {
	elem.onmouseenter = elem.onmouseleave = (e) => {
        const tolerance = 10;
		const left = 0;
		const right = elem.clientWidth;
		let x = e.pageX - elem.offsetLeft;
		if (x - tolerance < left) x = left;
		if (x + tolerance > right) x = right;
		elem.style.setProperty('--x', `${ x }px`);
	}
});