.main_div {
	padding: 0px; 
	/* Permalink - use to edit and share this gradient: https://colorzilla.com/gradient-editor/#2fabbb+0,7db9e8+100&1+0,0.4+100 */
background: -moz-linear-gradient(top, rgba(47,171,187,0.4) 0%, rgba(47,171,187, 1) 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(top, rgba(47,171,187,0.4) 0%,rgba(47,171,187,1) 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to bottom, rgba(47,171,187,0.4) 0%,rgba(47,171,187,1) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#2fabbb', endColorstr='#667db9e8',GradientType=0 ); /* IE6-9 */
}

.gift_background_mask {
	background: rgb(0,0,0);
    background: linear-gradient(0deg, rgba(0,0,0,0) 30%, rgba(0,0,0,0.2) 100%);
	top: 0px; height: 60%;width: 100%;position: absolute;
}

.search_btn {
	flex: 1;
	text-align: center;
	color: #333;
	font-weight: 600;
	padding: 10px;
}

/* ===== Filter Bar ===== */
.filter-bar {
	background: #fff;
	border-bottom: 1px solid #e8e8e8;
	box-shadow: 0 2px 8px rgba(0,0,0,0.06);
	padding: 0;
}
.filter-bar-row {
	display: flex;
	align-items: center;
	padding: 8px 6px;
	gap: 5px;
}
.filter-select-wrap {
	flex: 1;
	min-width: 0;
}
.filter-btn {
	position: relative;
	display: flex;
	align-items: center;
	justify-content: center;
	gap: 3px;
	width: 100%;
	height: 36px;
	padding: 0 6px;
	border: 1.5px solid #d9d9d9;
	border-radius: 20px;
	background: #fafafa;
	font-size: 13px;
	font-weight: 500;
	color: #333;
	text-align: center;
	white-space: nowrap;
	cursor: pointer;
	transition: border-color 0.2s, background 0.2s;
	box-sizing: border-box;
	overflow: hidden;
}
.filter-btn:active {
	border-color: #2fabbb;
	background: rgba(47,171,187,0.06);
}
.filter-btn-label {
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
}
.filter-btn-arrow {
	font-size: 10px;
	flex-shrink: 0;
	color: #999;
}
.filter-select-hidden {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	opacity: 0;
	cursor: pointer;
	-webkit-appearance: none;
	-moz-appearance: none;
	appearance: none;
}
/* Sub-class row */
.filter-sub-class-row {
	padding: 0 8px 8px 8px;
	border-top: 1px solid #f0f0f0;
}
.filter-sub-class-scroll {
	display: flex;
	gap: 6px;
	overflow-x: auto;
	padding: 8px 0 2px 0;
	-webkit-overflow-scrolling: touch;
	scrollbar-width: none;
}
.filter-sub-class-scroll::-webkit-scrollbar {
	display: none;
}
.filter-sub-class-chip {
	flex: 0 0 auto;
	padding: 5px 14px;
	border-radius: 16px;
	font-size: 12px;
	font-weight: 500;
	color: #666;
	background: #f0f0f0;
	border: 1px solid transparent;
	cursor: pointer;
	white-space: nowrap;
	transition: all 0.2s;
}
.filter-sub-class-chip.active {
	background: rgba(47,171,187,0.12);
	color: #2fabbb;
	border-color: #2fabbb;
	font-weight: 600;
}
.filter-sub-class-chip:active {
	transform: scale(0.95);
}

.btn.btn_notselect {
	border: 1px solid #2fabbb66;
	color: #2fabbbAA;
}

.btn .glyphicon-ok {
	display: none;
}

.shop_label_shadow {
	-webkit-box-shadow: 2px 2px 5px 0px rgba(0,0,0,0.75);
	-moz-box-shadow: 2px 2px 5px 0px rgba(0,0,0,0.75);
	box-shadow: 2px 2px 5px 0px rgba(0,0,0,0.75);
	font-size: 0.8em; 
	font-weight: 600; 
	padding: 0px 5px; 
	color: #FFF; 
	display: block;
	margin-bottom: 6px;
}

.shop_label_shadow.discount_vip {
	background: #4CBBAB;
	border-left: 14px solid #349A88;
}

.shop_label_shadow.discount_reservation {
	background: #817061;
	border-left: 14px solid  #665448;
}

.shop_label_shadow.discount_com {
	background: #5BBDE5;
	border-left: 14px solid  #318BA7;
}

.shop_label_shadow.discount_birthday {
	background: #60B744;
	border-left: 14px solid  #4F9536;
}


.shop_label_shadow.discount_is_allow_store_scan {
	background: #EA5514;
	border-left: 14px solid  #CA5514;
}
.shop_label_shadow.discount_to_go{
	background: #E87B7B;
	border-left: 14px solid  #C35B5B;
}

.shop_label_shadow.discount_delivery{
	background: #F0B430;
	border-left: 14px solid  #DA923E;
}

.div_shop_label {
	z-index: 8;
	position: absolute; 
	top: 13px; 
	left: -8px; 
}

.label.discount {
	color: #333;
    margin-right: 5px;
    padding-left: 0px;
    width: 50px;
    display: inline-block;
    text-align: left;
}
.btn.dropdown-toggle {
	color: #333;
	border: 1px solid #333;
}
.btn.btn_notselect {
	border: 1px solid #2fabbb66;
	color: #2fabbbAA;
}