.grcm_header{background: rgb(255,255,255);background: linear-gradient(0deg, rgba(255,255,255,0) 0%, rgba(0,0,0,1) 100%);position:fixed;top:0;display:flex;justify-content: space-between;align-items: center;width: 100%;margin:0 auto;height:5rem;}
.grcm_header .logo{ flex:1;display: flex;align-items: center;justify-content: flex-start;padding: 1rem;height: 100%;}
.grcm_header .logo > img{max-height: 2.5rem;width:auto;}

.grcm_nav_menu{flex:1;max-width:650px;margin:0 auto;}
.grcm_nav_menu .grcm_menu{width:100%;display:flex;flex-direction:row;justify-content:center;align-items:center;background:transparent;padding:1rem;}
.grcm_nav_menu .grcm_menu li{transition:color .2s ease-in-out;color:#fff;}
.grcm_nav_menu .grcm_menu li:hover, .grcm_nav_menu .grcm_menu li.primary.active{color:#FF5679;}

.primary .submenu{width:100vw;padding:0;top:100%;left:0;background:#000;color:#fff;position:absolute;overflow:hidden;display:grid;grid-template-columns: repeat(auto-fit, 11rem); grid-row-gap: 0;grid-column-gap: 0;clear:both;max-height:0;transition:max-height .3s cubic-bezier(0, 1, 0, 1);}
.primary .submenu > li{font-size:.8rem;float:left;padding:.8rem;list-style-type: none;color:#fff;transition:color .2s ease-in-out;}
.primary .submenu > li:hover{color:#FF5679;}
.primary.active > .submenu{transition:max-height .4s ease-in-out;max-height:calc(var(--vh, 1vh) * 200);max-width: 100%;}

.primary{cursor:pointer;padding:1rem;font-weight: 700;font-size: 16px;display:flex;justify-content: space-between;align-items: center;}
.primary svg{fill:#fff;width:1.5rem;height:1.5rem;pointer-events: none;transform:rotate(0deg);transition:all .3s ease-in-out;}

svg.up{transform:rotate(180deg);}

.primary:hover > svg, .grcm_menu .primary.active > svg, .grcm_nav_buttons .login > svg, .grcm_nav_buttons .mobile_login > svg{fill:#FF5679;}

.grcm_header > .grcm_toggle_mobile_menu{display:none;}
.grcm_mobile_menu{display:none;flex-direction:column;position:fixed;inset:0;background: rgba(0,0,0,0.75);backdrop-filter: blur(5px);color:#ffffff;}
.grcm_mobile_menu.enabled{display:flex;z-index:2;}
.grcm_mobile_menu > ul{flex:1;display:flex;flex-direction:column;width:100%;align-items: center;justify-content: center;padding:0 !important;}
.grcm_toggle_mobile_menu{margin-left: auto;max-width: 5rem;max-height: 5rem;min-width: 5rem;min-height: 5rem;display: block;cursor: pointer;padding: 1rem;}
.grcm_toggle_mobile_menu *{pointer-events: none;}
.grcm_toggle_mobile_menu > svg{height:100%;width:100%;fill:#ffffff;}
.grcm_mobile_menu .primary{position: relative;}

.grcm_nav_buttons{display:flex;flex:1;align-items:center;justify-content: flex-end;padding:1rem;}
.grcm_nav_buttons > a{display:flex;align-items:center;margin-left:1rem;border-radius:2rem;color:#fff;text-decoration:none;font-weight: bolder;}
.grcm_nav_buttons .login{padding:.7rem;background:linear-gradient(90deg, #844eff 0%, #d902f6 100%);}
.grcm_nav_buttons .login > span{padding: 0 0.5rem;}
.grcm_nav_buttons .likes > svg{height:1.5rem;width:1.5rem;fill:#fd1751;}
.grcm_nav_buttons .cart{position:relative;cursor:pointer;display:flex;max-width:2.5rem;max-height:2.5rem;min-width:2.5rem;min-height:2.5rem;padding:.5rem;border-radius:50%;background:linear-gradient(90deg, #844eff 0%, #d902f6 100%);}
.grcm_nav_buttons .cart > svg{height:100%;width:100%;fill:#ffffff;}

.grcm_language_selector_wrapper.mobile{display:none;overflow: hidden;}
.grcm_language_selector_wrapper{margin-left:.5rem;position:relative;display:block;width:6.5rem;}
.grcm_language_selector{left:0;top:0;position:absolute;padding:0 1.5rem 0 0;width:6rem;height: 1.5rem;transform: translateY(-50%);}
.grcm_language_selector .indicator{cursor:pointer;height:1.5rem;width:100%;padding:.25rem;transform-origin:center;position:absolute;right:0;top:0;display:flex;justify-content:flex-end;align-items:center;}
.grcm_language_selector .indicator > *{pointer-events:none;}
.grcm_language_selector.opened .indicator > svg{transform:rotate(180deg);}
.grcm_language_selector .indicator > svg{fill:#fff;}
.grcm_language_selector svg{min-width:1rem;min-height:1rem;max-width:1rem;max-height:1rem;border-radius:.5rem;}
.grcm_language_selector .item{background:transparent;outline:none;border:none;width: 100%;height: 1.5rem;padding: .25rem;justify-content:center;align-items: center;display: none;cursor: pointer;}
.grcm_language_selector .item:not(:first-child){background:white;}
.grcm_language_selector .item:first-child span{color:#fff;}
.grcm_language_selector .item > *{pointer-events:none;}
.grcm_language_selector .item span{padding:0 .2rem;color:#000;}
.grcm_language_selector.opened .item, .grcm_language_selector .item:first-child{display:flex;}

@media (hover: none) {
    .grcm_nav_menu .grcm_menu li.primary {
        color: #fff;
    }
    .grcm_menu .primary > svg{
        fill: #fff;
    }
}

@media screen and (max-width: 300px) {
    .grcm_toggle_mobile_menu{max-width:3rem;min-width:3rem;max-height:3rem;min-height:3rem;padding:.5rem;}
}

@media screen and (max-width: 200px) {
    .grcm_toggle_mobile_menu{max-width:3rem;min-width:3rem;max-height:3rem;min-height:3rem;padding:.5rem;}
}

@media screen and (max-width: 900px) {
    .grcm_language_selector_wrapper.mobile{display:block;overflow: unset;}
    .grcm_header .grcm_nav_menu{display:none;}
    .grcm_header .grcm_nav_buttons .register,.grcm_nav_buttons{display:none;}
    .grcm_header > .grcm_toggle_mobile_menu{display:flex;}
}


.grcm_nav_buttons.mobile_cart {
display: none!important;
}

@media screen and (max-width:900px) {
.grcm_nav_buttons.mobile_cart {
display: block!important;
    flex: 0!important;
}
}

.mt-50 {
	margin-top: 50px
}