@charset "UTF-8";

@media (max-width:767px){ .wrapper{margin:30px;}}
@media (min-width:768px){ .wrapper{margin:30px auto 40px;width:calc(100vw - 80px);}}
@media (min-width:1024px){ .wrapper{margin:30px auto 70px;width:calc(100vw - 110px);}}
@media (min-width:1400px){ .wrapper{width:1200px;}}
@media (min-width:1920px){ .wrapper{width:1700px;}}


@media (min-width:768px){#shopHeader{display:grid;grid-template-columns: auto 1fr 80px;gap:20px;align-content:end;position:relative;}}

#shopHeader h1 .logoImage{height:130px;}

/* nav */
.gmenu{display:grid;align-content:end;}
.gmenu {
    display: grid;
    align-content: end;
}
.gmenu ul {
    display: flex;
    justify-content: end;
    margin: 0;
    padding: 0;
}
.gmenu li {
    display: inline-block;
}
.gmenu a,
.gmenu span {
    color: var(--black);
    padding: 10px 15px;
}
.gmenu a:hover,
.gmenu span:hover,
.gmenu span.active {
    background-color: var(--hover-bg);
}
.gmenu span {
    cursor: pointer;
}

.gmenu .item_menu {
    position: relative;
}
.gmenu ul.category li a {
    padding: 10px 15px;
}

.gmenu ul.category {
    display: none;
    position: absolute;
    min-width: 200px;
    top: calc(100% + 10px);
    left: 0;
    font-family: "Montserrat", serif;
				background: var(--btn-bg);
				z-index: 100;
}

@media (max-width:767px){
.gmenu ul.category {position: static;}
}

.gmenu ul.category li {
    display: none;
}
.gmenu ul.category li a {
    display: block;
    background-color: var(--btn-bg);
}
.gmenu ul.category li a:hover {
    background-color: var(--hover-bg);
}
.gmenu ul.category.active {
    display: block;
}
.gmenu ul.category.active li {
				display: block;
}
.gmenu li.category__item > ul.category--medium {
    display: none;
}

.gmenu li.category__item > ul.category--medium.active {
    display: block;
    position: relative;
    width: 100%; 
				background: var(--btn-bg);
				z-index: 100;
}
.gmenu ul.category--medium  li a {
    padding: 10px 25px;
}

.gmenu ul.category__item,
.gmenu ul.category--medium li {
    opacity: 0;
    transform: translateX(20px);
    transition: opacity 0.3s ease-out, transform 0.3s ease-out;
}
.gmenu ul.category.active .category__item,
.gmenu ul.category--medium.active li {
    opacity: 1;
    transform: translateX(0);
}
.gmenu ul.category.active .category__item:nth-child(1) {
    transition-delay: 0s;
}
.gmenu ul.category.active .category__item:nth-child(2) {
    transition-delay: 0.1s;
}
.gmenu ul.category.active .category__item:nth-child(3) {
    transition-delay: 0.2s;
}
.gmenu ul.category.active .category__item:nth-child(4) {
    transition-delay: 0.3s;
}
.gmenu ul.category--medium.active li:nth-child(1) {
    transition-delay: 0s;
}
.gmenu ul.category--medium.active li:nth-child(2) {
    transition-delay: 0.1s;
}
.gmenu ul.category--medium.active li:nth-child(3) {
    transition-delay: 0.2s;
}
.gmenu ul.category--medium.active li:nth-child(4) {
    transition-delay: 0.3s;
}


.nav_btn {display:none;}

@media (max-width:767px){
.nav_btn {display: block;position: fixed;cursor: pointer;z-index: 3;right:17px;top:60px;background-color:var(--btn-bg);padding:10px 15px;opacity: 0.85;}
.nav_btn:hover,.nav_btn:active {background-color:var(--hover-bg);}

.gmenu{display:none;opacity: 0;position: fixed;top:95px;right:-200px;width:200px;transition: all 0.3s ease 0s;z-index:99999;}
#shopHeader .gmenu.open {display: block;opacity: 0.85;right:0px;}

.gmenu ul{display:grid;grid-template-columns: 1fr;margin: 0;padding: 0;}
.gmenu li{display:block;}
.gmenu a,
span{color:var(--black);display:block;padding:10px 15px;background-color:var(	--btn-bg);}
.category {display:block;}

.nav_btn {
  cursor: pointer;
  transition: opacity 0.4s ease-in-out;
}


#baseMenu{position:fixed;top:20px;right:20px;opacity: 0.85;}
}

/* cart */

#baseMenu {
 box-sizing: border-box;
 z-index: 2002;display:grid;align-content:end;
}
#baseMenu > ul > li {list-style: none;float: left;}

#baseMenu > ul > li.base {margin-right: 10px;}

#baseMenu > ul > li a {
 background-color: var(--bg);
 border-radius: 3px;
 cursor: pointer;
 display: block;
 -webkit-font-smoothing: antialiased;
 margin: 1px 0 0;
 padding: 4px;
 text-decoration: none;
 transition-duration: 0.2s;
}
#baseMenu > ul > li a img{width:25px;}
#baseMenu > ul > li a:hover { background-color:var(--hover-bg);}

	@font-face {
 font-family: "baseicon";
 font-style: normal;
 font-weight: normal;
 src: url("https://static.thebase.in/font/v1/baseicon.eot?317xhh");
 src: url("https://static.thebase.in/font/v1/baseicon.eot?317xhh#iefix") format("embedded-opentype"),
 url("https://static.thebase.in/font/v1/baseicon.ttf?317xhh") format("truetype"),
 url("https://static.thebase.in/font/v1/baseicon.woff?317xhh") format("woff"),
 url("https://static.thebase.in/font/v1/baseicon.svg?317xhh#baseicon") format("svg");
}
	@font-face {
 font-family: "shopicon";
 font-style: normal;
 font-weight: normal;
 src: url("https://static.thebase.in/font/v1/shopicon.eot?317xhh");
 src: url("https://static.thebase.in/font/v1/shopicon.eot?317xhh#iefix") format("embedded-opentype"),
 url("https://static.thebase.in/font/v1/shopicon.ttf?317xhh") format("truetype"),
 url("https://static.thebase.in/font/v1/shopicon.woff?317xhh") format("woff"),
 url("https://static.thebase.in/font/v1/shopicon.svg?317xhh#baseicon") format("svg");
}
[class^="icon-"],
[class*=" icon-"] {
 font-family: "baseicon" !important;
 -webkit-font-smoothing: antialiased;
 -moz-osx-font-smoothing: grayscale;
 font-style: normal;
 font-variant: normal;
 font-weight: normal;
 line-height: 1;
 speak: none;
 text-transform: none;
}
.icon-cart:before {
 content: "\e900";
}
.icon-search:before {
 content: "\e912";
}
.icon-information:before {
 content: "\e919";
}
.icon-tipi:before {
 content: "\e922";
}
.icon-pin:before {
 content: "\e929";
}