.gr-topsec {
	margin: 120px 0 0;
}

.gr-topsec .gr-header__title {
	margin: 0 0 40px 0;
}

.gr-topsec__list {
    display: flex;
    flex-wrap: wrap;
    list-style: none;
    padding: 0;
    margin: 0 -8px;
}

.gr-topsec__list.slick-slider .slick-prev,
.gr-topsec__list.slick-slider .slick-next {
    top: -76px;
    transform: none;
    width: 44px;
    height: 44px;
    box-shadow: none;
    border: 1px solid #e2e2e2;
    background: #fff;
    padding: 0;
}

.gr-topsec__list.slick-slider .slick-prev:hover,
.gr-topsec__list.slick-slider .slick-next:hover {
	background-color: #eee;
}

.gr-topsec__list.slick-slider .slick-next {
	right: 8px;
}
.gr-topsec__list.slick-slider .slick-prev {
	left: auto;
	right: 72px;
}

.gr-topsec__item {
    display: block;
    width: 25%;
    padding: 8px;
}

.gr-topsec__item-link {
    position: relative;
    display: flex;
    flex-direction: column;
    align-items: center;
    text-align: center;
    width: 100%;
    height: 100%;
    color: #000;
    font-size: 13px;
    text-decoration: none;
    line-height: 1.3;
    transition: 0.2s;
}

.gr-topsec__item-link:before {
    content: "";
    display: block;
    width: 130px;
    height: 130px;
    background-image: url(/local/templates/gear/images/logo-min-gray.svg);
    transition: 0.2s;
    background-repeat: no-repeat;
    background-size: contain;
    background-position: center;
}

.gr-topsec__item-link:hover {
	color: var(--orange-color);
}

.gr-topsec__item-link.autochem:before {
	background-image: url('./images/autochem.png');
}
.gr-topsec__item-link.tire:before {
	background-image: url('./images/tire.png');
}
.gr-topsec__item-link.accessory:before {
	background-image: url('./images/accessory.png');
}
.gr-topsec__item-link.battery:before {
	background-image: url('./images/battery.png');
}
.gr-topsec__item-link.disk:before {
	background-image: url('./images/disk.png');
}
.gr-topsec__item-link.tools:before {
	background-image: url('./images/tools.png');
}


.gr-topsec__item-name {
    position: relative;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
    overflow: hidden;
    max-width: 100%;
    min-height: 34px;
    text-overflow: ellipsis;
    font-size: 18px;
    font-weight: 550;
    line-height: 1.3;
    margin: 16px 0 0;
}

.gr-topsec__item-name b {
	font-weight: normal;
}

@media only screen and (max-width: 1024px) {

	.gr-topsec__item {
		width: 20%;
	}

}

@media only screen and (max-width: 900px) {

	.gr-topsec__list {
		max-height: none;
		overflow: visible;
	}

	.gr-topsec__item {
		width: 50%;
		padding: 0;
	}

	.gr-topsec__item-link {
		width: 100%;
		flex-direction: row;
		text-align: left;
	}

	.gr-topsec__item-link:before {
		background-color: transparent;
		width: 48px;
		height: 48px;
		margin: 0 15px 0 0;
		min-width: 48px;
	}

	.gr-topsec__item-name {
		width: calc(100% - 100px);
		border-bottom: 1px solid #ebebeb;
		padding: 15px 25px 15px 0;
		font-size: 14px;
	}

	.gr-topsec__item-name:after {
		content: "";
		position: absolute;
		top: 50%;
		right: 8px;
		margin-top: -4px;
		display: block;
		width: 8px;
		height: 8px;
		border-right: 2px solid #cd2128;
		border-top: 2px solid #cd2128;
		transform: rotate(45deg);
	}

}

@media only screen and (max-width: 768px) {

	.gr-topsec {
		width: 100%;
	}
}

@media only screen and (max-width: 640px) {

	.gr-topsec {
		margin: 48px 0 0;
	}

	.gr-topsec__list-wrap {
		display: flex;
		flex-direction: column;
	}

	.gr-topsec__fast-link {
		order: 2;
		margin: 25px 0 0;
	}

	.gr-topsec__list,
	.gr-topsec__more {
		order: 1;
	}

	.gr-topsec .gr-title__header {
		margin-top: 15px;
	}

	.gr-topsec__item {
		width: 100%;
	}

	.gr-topsec__item.no_mobile {
		display: none;
	}

	.sec_full .gr-topsec__item.no_mobile {
		display: block;
	}

	.gr-topsec__item-name {
		width: calc(100% - 70px);
	}

	.gr-topsec__item-link:active {
		background-color: #eee;
	}

	.gr-topsec__item:last-child .gr-topsec__item-name {
		border: none;
	}

	.gr-topsec__more {
		position: relative;
		display: inline-block;
		color: var(--orange-color);
		font-size: 14px;
		line-height: 1;
		font-weight: bold;
		margin: 15px 0 10px;
		cursor: pointer;
	}

	.gr-topsec__more:after {
	    content: "";
	    display: inline-block;
	    width: 8px;
	    height: 8px;
	    border-right: 2px solid;
	    border-top: 2px solid;
	    transform: rotate(135deg);
	    margin-left: 10px;
	    vertical-align: 2px;
	}

}