/**
 * author: semudesign
 * year: 2023
 * 
 */
@import url('https://fonts.googleapis.com/css2?family=Lato:ital,wght@0,300;0,400;0,900;1,300;1,400&display=swap');
body{
	font-family: 'Lato', sans-serif;
	font-size:14px;
	line-height:1.4;
	color:#373737;
	font-weight:300;
	/*background-color:#EAF4FFD6;*/
	background-color:#fff;
	margin: .5rem;
	box-shadow: 0px 5px 12px #d5d4d4;
	border-radius: 1rem;
}
img{vertical-align:middle;max-width: 100%;}
a{
	text-decoration:none;
	color:#373737;
}
header {
	padding:1rem;
padding: 1rem;
position: relative;
display: inline-block;
}
.main {
	padding: 1rem 2rem;
	position: relative;
	display:block;
}
.no-margin{margin:0!important;}
.no-padding{padding:0!important;}
.t-normal{font-weight:400!important;}
.break{padding-top:1rem;}
.t-italic{font-style:italic;}
/**
 * cateory list
*/
.active {
	background-color: #ffa24e !important;
	color: #000;
}
.category-list {
  overflow: auto;
  white-space: nowrap;
  -webkit-overflow-scrolling: touch;
  -ms-overflow-style: none;
  scrollbar-width: none;
 padding-top: 1rem;
padding-bottom: 1rem;
}.category-list > .item {
	display:inline-block;
	padding:.5rem;
	margin-right:.5rem;
	background-color:#fff;
	border-radius: 1rem;
	box-shadow: 0px 5px 12px #eaeaea;
	cursor: pointer;
}.category-list > .item:last-child {
	margin-right:.0;
}.category-list > .item > .item-image {
	border-radius: 1rem;
	margin:.3rem;
	overflow:hidden;
	background-color:#fff;
	text-align: center;
}.category-list > .item > .item-image > img {
	object-fit:cover;
	width:120px;
	height:100px;
}.category-list > .item > .item-title {
	padding:.3rem .5rem;
	text-align:center;
	font-size:18px;
	display:block;
	font-weight:500;
}.category-list > .item:hover, .category-list > .item .active {
	background-color:#e4ede7;
}.category-list::-webkit-scrollbar {
  display: none;
  width: 0px;
  background: transparent;
}
/**
 * product-list
*/
.product-list {
position:relative;
 padding-top: 1rem;
padding-bottom: 1rem;
}.product-list .item {
	display: inline-block;
	padding: .5rem;
	margin-right: .5rem;
	background-color: #fff;
	border-radius: 2rem;
	box-shadow: 0px 5px 12px #eaeaea;
	cursor: pointer;
	margin-bottom: 1.5rem;
	width: 99%;
}.product-list .item:last-child {
	margin-right:.0;
}.product-list .item  .item-image {
	border-radius: 2rem;
	margin:.3rem;
	overflow:hidden;
	background-color:#fff;
	text-align: center;
}.product-list .item .item-image img {
	object-fit:cover;
	height:100px;
}.product-list .item .item-title {
	padding:.3rem .5rem;
	text-align:center;
	font-size:16px;
	display:block;
	font-weight:500;
}.product-list .item:hover {
	background-color:#e4ede7;
}.product-list::-webkit-scrollbar {
  display: none;
  width: 0px;
  background: transparent;
}
/*big info*/
.product-list .item .item-info-big {
	position: fixed;
	bottom: 0;
	padding: 1.5rem 1rem;
	left: 0;
	right: 0;
	background-color: #fff;
	border-top-left-radius: 3rem;
	border-top-right-radius: 3rem;
	box-shadow: 0px 5px 12px #bdbaba;
	z-index:9;
	cursor:default;
		display:none;
}.product-list .item .item-info-big::after{
	content: "";
	position: absolute;
	background-color: #eaeaea;
	height: 8px;
	top: 0;
	left: 43%;
	right: 43%;
	display: inline-block;
	border-bottom-right-radius: 5px;
	border-bottom-left-radius: 5px;
}.product-list .item .overlay {
	position:relative;
	z-index:9;
	display:none;
}.product-list .item .overlay:after {
	content: "";
	background-color: #26262630;
	position: fixed;
	left: 0;
	right: 0;
	top: 0;
	z-index: -9;
	width: 100%;
	height: 100%;
}.product-list .item .item-info-big .info-image{
	border-radius:2rem;
	overflow:hidden;
	margin-bottom:1rem;
}.product-list .item .item-info-big .info-image img{
	width:100%;
	height:40vh;
	object-fit:cover;
}.product-list .item .item-info-big .info-desc span.title{
	font-size:20px;
	font-weight:500;
}.product-list .item .item-info-big .info-desc span{
	display:block;
	margin-bottom:.5rem;
}.product-list .item .item-info-big .info-desc span.cart{
	background-color: beige;
	border: 1px solid #76bd1d;
	display: inline-block;
	padding: .8rem;
	border-radius: 1rem;
	font-weight: 500;
	clear:both;
}
/**
 * search box
*/
.search-box > input{
  padding: .6rem;
  outline: none;
  display: inline-block;
  border:1px solid #c6c6c6;
  border-radius: .4rem;
  box-shadow: 0px 5px 12px #eaeaea;
      width: 100%;
}
.search-box > input:focus{
  border-color: #e4ede7; 
}
.footer {
	border-top:1px solid #eaeaea;
	text-align:left;
}