.scrollbutton {
	position: relative;
	border: 0px;
	display: block;
}

.scrollinput {
	padding-left: 50px;
}

.scroll-button-font {
	color: #000;
}

.scrollbuttonup {
	top: 0px;
	left: 0px;
	position: absolute;
	width: 40px;
	height: 40px;
	min-width: 30px !important;
	margin: 0px;
	cursor: pointer;
}

.scrollbuttondown {
	top: 0px;
	right: 0px;
	position: absolute;
	width: 40px;
	height: 40px;
	min-width: 30px !important;
	margin: 0px;
	cursor: pointer;
}


.myitemtabclass-section-heading {
	display: none !important;
	background-color: #e84c3d;
	color: #fff;
	font-size: 13px;
	padding: 12px 25px;
	display: flex;
	align-items: center;
	gap: 10px;
}

@media (max-width: 767px) {
	.myitemtabclass-section-heading {
		display: flex !important;
	}
	.desktop-tabs {
	   display: none !important;
	 }
}


/* Slide-out submenu styles */
/* Add border and slight rounding to the whole submenu */
.submenu-popup {
  display: none;
  position: fixed;
  bottom: 55px;
  left: 0;
  width: 100%;
  background: #fff;
  z-index: 10000;
  box-shadow: 0 -2px 10px rgba(0, 0, 0, 0.15);
  padding: 10px 0;
  text-align: center;
  border-top: 2px solid #e84c3d; /* Airbik brand color border */
  border-radius: 10px 10px 0 0;
  transition: all 0.3s ease-in-out;

}

/* Style individual submenu buttons */
.submenu-btn {
  background: none;
  border: none;
  padding: 12px 20px;
  font-size: 15px;
  display: block;
  width: 100%;
  color: #333;
  text-align: left;
  border-bottom: 1px solid #eee;
  transition: background 0.2s ease;
}

.submenu-btn:last-child {
  border-bottom: none;
}

.submenu-btn:hover {
  background: #f9f9f9;
}

.submenu-btn i {
  margin-right: 10px;
  color: #e84c3d; /* Match icon with brand color */
}



.listing-link { display:block; }
.overlay-container img { display:block; width:100%; height:auto; }

/* kill hover-only effects on touch so there’s no “first tap = hover” */
@media (hover:none) {
  .overlay-container .overlay { pointer-events:none; } /* decorative only on mobile */
}


html[data-app="AirbikApp"] .hideinapp,
html.inApp .hideinapp {
	display: none !important;
}

html[data-app="AirbikApp"] .showinapp,
html.inApp .showinapp {
   display: block !important;
}