.store-menu-navigation{
margin: 0 auto;
padding: 0;
max-width: calc(1200px + 2rem);
background: #000;
position: relative;
}
.store-menu-navigation .store-navigation-row.top-row{
margin: 0;
padding: 80px 1rem 0 1rem;
display: flex;
flex-wrap: wrap;
flex-direction: row;
width: 100%;
}
.store-menu-navigation .store-navigation-row.bottom-row{
margin: 0;
display: flex;
flex-wrap: wrap;
flex-direction: row;
width: 100%;
padding-top: 40px;
padding-bottom: 44px;
overflow: auto;
overflow-y: hidden;
position: relative;
}
@media screen and (max-width: 1269px) {
.store-menu-navigation .store-navigation-row.bottom-row:after{
	content: "";
    display: inline-block;
			z-index: 1;
    width: 33vw;
    height: calc(100% - 24px);
    position: absolute;
    right: 0;
    top: 0;
    background: linear-gradient(-90deg, rgba(0,0,0,0.8), transparent);
    pointer-events: none;
			opacity: 1;
  		transition: opacity .25s;
			padding-top: inherit;
}
.store-menu-navigation .store-navigation-row.bottom-row:before{
	content: "";
    display: inline-block;
			z-index: 1;
    width: 33vw;
    height: calc(100% - 24px);
    position: absolute;
    left: 0;
    top: 0;
    background: linear-gradient(90deg, rgba(0,0,0,0.8), transparent);
    pointer-events: none;
			opacity: 1;
  		transition: opacity .25s;
			padding-top: inherit;
}
.store-menu-navigation .store-navigation-row.bottom-row.at-first:after {
    opacity: 1;
}
.store-menu-navigation .store-navigation-row.bottom-row.at-first:before {
    opacity: 0;
}
.store-menu-navigation .store-navigation-row.bottom-row.at-last:after{
	opacity: 0;
}
.store-menu-navigation .store-navigation-row.bottom-row.at-last:before{
	opacity: 1;
}
.store-menu-navigation .store-navigation-row.bottom-row.at-none:after,
.store-menu-navigation .store-navigation-row.bottom-row.at-none:before{
	opacity: 0;
}
@media (hover: none){
.store-menu-navigation .store-navigation-row.bottom-row:before,
.store-menu-navigation .store-navigation-row.bottom-row:after{
	height: calc(100% - 17px);
}
}
 }
@media screen and (max-width: 360px) {
.store-menu-navigation .store-navigation-row.bottom-row.at-first:after,
.store-menu-navigation .store-navigation-row.bottom-row.at-last:before{
  width: 66vw;
}  
}
@media screen and (min-width: 1270px) {
.store-menu-navigation .store-navigation-row.bottom-row{
scroll-snap-type: x proximity;
scroll-behavior: smooth;
}
}
.store-menu-navigation .store-navigation-row.top-row > div{
width: 65%;
}
.store-menu-navigation .store-navigation-row.top-row > div:only-child{
width: 100%;
}
.store-menu-navigation .heading{
font: normal normal bold 40px/48px RazerF5, sans-serif;
letter-spacing: 0px;
color: #EEEEEE;
text-transform: uppercase;
}
.store-menu-navigation .store-side-navigation-list{
display: flex;
flex-direction: column;
flex-wrap: wrap;
align-content: flex-end;
flex:1;
}
.store-menu-navigation .store-side-navigation-item, .store-menu-navigation .store-side-navigation-item > a{
display: flex;
flex-direction: row;
margin-top: auto;
margin-bottom: 1rem;
max-width: 190px;
text-decoration: none !important;
}
.store-menu-navigation .store-side-navigation-link:only-child{
padding: 0 0rem;
}
.store-menu-navigation .store-side-navigation-link:not(:only-child){
padding: 0 .5rem;
}
.store-menu-navigation a .store-side-navigation-link:not(:empty):after{
content: ">";
display: inline-block;
margin: 0 .25rem;
color: #44D62C;
/* position: absolute; */
}
.store-menu-navigation .store-side-navigation-list{
font: normal normal normal 14px/17px Roboto, sans-serif;
color: #EEEEEE;
align-self: flex-end;
}
.store-menu-navigation a{
font: normal normal normal 14px/17px Roboto, sans-serif;
color: #EEEEEE !important;
position: relative;
text-decoration: none!important;
}
.store-menu-navigation .store-side-navigation-item:hover a{
color: #EEEEEE !important;
text-decoration: underline !important;
}
.store-menu-navigation .store-menu-navigation-item:hover a{
color: #44D62C !important;
text-decoration: none !important;
}
.store-menu-navigation .store-menu-navigation-item a.active{
color: #44D62C !important;
text-decoration: none !important;
font-weight: bolder;
}
.store-menu-navigation .store-menu-navigation-list{
display: flex;
flex-wrap: nowrap;
flex-direction: row;
width: calc(100% - 2rem);
height: auto;
margin: 0 auto;
align-content: space-between;
align-self: center;
row-gap: 1rem;
column-gap: 1rem;
}
.store-menu-navigation .store-menu-navigation-list.justify{
justify-content: space-between;
column-gap: 1rem;
}
.store-menu-navigation .store-menu-navigation-item{
display: flex;
flex-direction: column;
margin-top: auto;
min-width: 100px;
text-align: center;
}
@media screen and (min-width: 1270px) {
.store-menu-navigation .store-menu-navigation-list.slide .store-menu-navigation-item{
			scroll-snap-align: start;
}
.store-navigation-nav-row.slide{
			position: relative;
			height: 159px;
			padding: 0;
			width: 1200px;
    margin: 0 auto;
}
.store-menu-navigation .store-menu-navigation-list.slide .store-menu-navigation-item{
			min-width: 120px;
}
.store-menu-navigation .store-navigation-nav-row.slide .store-menu-navigation-list{
			display: grid;
			grid-auto-flow: column;
  		grid-gap: 0px;
width: 100%;
}
.store-menu-navigation .store-navigation-nav-row.slide .store-menu-navigation-link {
			padding: 0 0.5rem;
}
}
.store-navigation-nav{
			width: 100%;
			position: absolute;
			top: 30%;
			left: 0;
			z-index: 1;
}
.store-navigation-nav button {
    opacity: 1;
    position: absolute;
    top: 40%;
    cursor: pointer;
    background-color: rgba(133,133,133,0);
    border-radius: 50px;
    height: 50px;
    width: 50px;
    line-height: 32px;
    font-size: 42px;
    border: none;
}
.store-navigation-nav button[disabled]{
		display: none;
}
.store-navigation-nav button svg path {
			fill: #eee;
}
.store-navigation-nav button:hover svg path {
			fill: #44D62C;
}
.store-navigation-nav button.store-navigation-nav-arrow-previous {
			left: -45px;
}
.store-navigation-nav button.store-navigation-nav-arrow-next {
			right: -45px;
}
.store-menu-navigation .store-menu-navigation-list img{
height: 75px;
width: auto;
}
.store-menu-navigation .store-side-navigation-list img{
height: 30px;
width: auto;
}
.store-menu-navigation .store-menu-navigation-list .store-menu-navigation-link{
margin-top: 10px;
text-align: center;
position: absolute;
left: 50%;
transform: translateX(-50%);
min-width: 100px;
white-space: normal;
word-break: auto-phrase;
}
@media screen and (max-width: 768px) {
.store-menu-navigation .heading{
font: normal normal bold 30px/36px RazerF5, sans-serif;
letter-spacing: 0px;
color: #EEEEEE;
text-transform: uppercase;
}
.store-menu-navigation .store-navigation-row.top-row > div{
width: 100%;
}
.store-menu-navigation .store-side-navigation-list{
align-content: flex-start;
margin-top: 1rem;
}
.store-menu-navigation .store-navigation-row.top-row{
padding-top: 57px;
}
.store-menu-navigation .store-menu-navigation-list{
column-gap: 3rem !important;
}
}
.store-menu-navigation .green{
color: #44D62C;
}
.store-menu-navigation .store-navigation-row.bottom-row{
  display: block;
  overflow: hidden;
  overflow-x: auto;
  white-space: nowrap;
  text-align: center;
  overflow-y: auto;
  scrollbar-width: none;
  scrollbar-color: rgba(255,255,255,.18) #31373a;
}
.store-navigation-nav{
display: none;
}
@media screen and (min-width: 1270px) {
.store-menu-navigation .store-navigation-row.bottom-row{
overflow-x: hidden;
}
.store-navigation-nav.slide{
display: block;
}
}
.store-menu-navigation .store-navigation-row.bottom-row::-webkit-scrollbar {
  height: 6px;
}
.store-menu-navigation .store-navigation-row.bottom-row::-webkit-scrollbar { 
    display: none;
}
.store-menu-navigation .store-navigation-row.bottom-row::-webkit-scrollbar-thumb {
  background-color: rgba(255,255,255,.18);
  border-radius: 40px;
}
.store-menu-navigation .store-navigation-row.bottom-row::-webkit-scrollbar-track {
  background-color: transparent;
}
@media screen and (max-width: 1269px) {
.store-menu-navigation .store-navigation-nav-row {
min-height: 148px;
}
.store-menu-navigation .store-navigation-row.bottom-row ul{
overflow-x: auto;
scroll-snap-type: x proximity;
width: 100%;
padding-left: 1rem;
padding-right: 1rem;
padding-bottom: 3rem;
scroll-padding: 1rem;
margin-bottom: -2rem;
scrollbar-width: thin;
scrollbar-color: rgba(255,255,255,.18) transparent;
scrollbar-gutter: stable;
}
.store-menu-navigation .store-navigation-row.bottom-row ul::-webkit-scrollbar,
.store-menu-navigation .store-navigation-row.bottom-row ul::-webkit-scrollbar {
height: 6px;
}
        .store-menu-navigation .store-navigation-row.bottom-row ul::-webkit-scrollbar-thumb,
.store-menu-navigation .store-navigation-row.bottom-row ul::-webkit-scrollbar-thumb {
background-color: rgba(255,255,255,.18);
border-radius: 40px;
}
        .store-menu-navigation .store-navigation-row.bottom-row ul::-webkit-scrollbar-track,
.store-menu-navigation .store-navigation-row.bottom-row ul::-webkit-scrollbar-track {
background-color: transparent;
}
.store-menu-navigation .store-navigation-row.bottom-row ul li{
scroll-snap-align: start;
}
}