.img-logo-main {
	height: 4rem;
}

.logo-text > p {
  margin-bottom: 0;
}

.slide-img {
  height: 540px;
}

.category-list .qty:not(:last-child)::after {
    content: "•"; 
    margin-left: 0.5rem; 
    color: #333; 
}

.detail-address span:not(:last-child)::after {
    content: ","; 
    margin-right: 0.2rem; 
    font-size: 1.2rem;
    color: var(--bs-dark); 
}

.product-item .qty:hover {
  font-weight: 700;
    color: var(--primary-color);
}

.telephone-list {
  list-style-type: none;
  padding: 0;
  margin: 0;
}

.telephone-list li {
  margin-bottom: 0.5rem;
  font-size: 1.2rem;
  color: #333;
}

.latest-img {
  height: 105px;
  object-position: center;
}

.slider-height {
  height: 400px;
}

.icon-telephone, .icon-mobile {
    fill: #333;
    transition: fill 0.3s ease;
    cursor: pointer;
}

.icon-telephone:hover, .icon-mobile:hover {
  fill: var(--bs-primary); 
}

/* Search menu*/
#searchMenu input:focus {
  outline: none; /* Removes the default focus outline */
  box-shadow: none; /* Removes focus shadows in some browsers */
}
/* Custom Scrollbar Styles */
#custom-datalist {
  max-height: 200px; /* Limit height to enable scrolling */
  overflow-y: auto; /* Enable vertical scrolling */
  border: 1px solid #ddd;
  border-radius: 5px;
  scrollbar-width: thin; /* For Firefox */
  scrollbar-color: #6c757d #f8f9fa; /* For Firefox */
}

/* Scrollbar for WebKit Browsers (e.g., Chrome, Edge, Safari) */
#custom-datalist::-webkit-scrollbar {
  width: 8px; /* Width of the scrollbar */
}

#custom-datalist::-webkit-scrollbar-track {
  background: #f8f9fa; /* Background of the scrollbar track */
  border-radius: 10px;
}

#custom-datalist::-webkit-scrollbar-thumb {
  background: #6c757d; /* Scrollbar color */
  border-radius: 10px;
}

#custom-datalist::-webkit-scrollbar-thumb:hover {
  background: #495057; /* Darker on hover */
}

/* Style for List Items */
#custom-datalist li:hover {
  background-color: #f1f1f1;
  cursor: pointer;
}

.cat-icon {
    width: 70px;
    height: 70px;
}