#measure-btn {
  display: none !important;
}

#scale-line-target,
.ol-scale-line {
  display: none !important;
}

.sheet_detail.sheet_detail_minimized .sheet_detail_image {
  height: 270px;
}
.sheet_detail.sheet_detail_minimized .sheet_detail_video {
  height: 270px;
}

.sheet_detail_image {
  height: 270px;
}
.sheet_detail_video {
  height: 270px;
}

.sheet_detail,
.new_sheet_detail {
  background: #000000 !important;
  color: #FFFFFF !important;
}

.sheet_detail a,
.new_sheet_detail a {
  color: #1E90FF !important;
}

.sheet_detail_container .far.fa-comment-alt,
.sheet_detail_container .far.fa-clock {
  display: none !important;
}

#report_issue_div {
  display: none !important;
  visibility: hidden !important;
  height: 0 !important;
  margin: 0 !important;
  padding: 0 !important;
  overflow: hidden !important;
}

.far.fa-comment,
.far.fa-clock,
.far.fa-triangle-exclamation,
.far.fa-images {
  display: none !important;
  visibility: hidden !important;
}

.sheet_detail_features p {
  display: flex !important;
  justify-content: center !important;
  align-items: center !important;
  margin: 0 !important;
  padding: 0 !important;
  text-align: center !important;
  flex: 0 1 auto !important;
}

.sheet_detail_features img {
  display: block !important;
  margin: 0 auto !important;
  max-width: 100% !important;
  height: auto !important;
  opacity: 1 !important;
  visibility: visible !important;
  position: static !important;
  z-index: 1 !important;
}

.sheet_detail_features i {
  display: none !important;
  visibility: hidden !important;
  width: 0 !important;
  height: 0 !important;
  margin: 0 !important;
  padding: 0 !important;
  overflow: hidden !important;
}

.sheet_detail_features > *:empty {
  display: none !important;
}

.sheet_detail_container {
  margin-bottom: 0 !important;
  padding-bottom: 0 !important;
}

hr {
  display: none !important;
  visibility: hidden !important;
  height: 0 !important;
  margin: 0 !important;
  padding: 0 !important;
  border: none !important;
}

.sheet_detail a,
.new_sheet_detail a {
  text-align: center;
  display: block;
  margin: 0 auto;
  font-size: 16px;
}

.features_value {
  text-align: center;
  display: block;
  margin: 0 auto;
  font-size: 18px;
}

.category_detail img {
  width: 15px !important;
  height: auto !important;
  max-width: none !important;
  max-height: none !important;
  display: block !important;
  margin: 0 auto !important;
  object-fit: contain !important;
}

.list_rating .category_detail img {
  width: 15px !important;
  height: auto !important;
  max-width: none !important;
  max-height: none !important;
  display: block !important;
  object-fit: contain !important;
  margin: 0 auto !important;
}

.new_marker_btn {
  background: rgba(0, 0, 0, 0.35) !important;
  color: #ffffff !important;
  border-radius: 8px;
  padding: 6px 12px;
  transition: background 0.3s ease;
}

.new_marker_msg {
  background: rgba(0, 0, 0, 0.35) !important;
  color: #ffffff !important;
  border-radius: 8px;
  padding: 8px 12px;
  font-size: 14px;
}

.drag_marker_msg {
  background: rgba(0, 0, 0, 0.35) !important;
  color: #ffffff !important;
  border-radius: 8px;
  padding: 8px 12px;
  font-size: 14px;
}

.dialog-alert {
  background: rgba(0, 0, 0, 0.35) !important;
  color: #ffffff !important;
  font-weight: bold !important;
  border-radius: 12px !important;
  padding: 16px !important;
  width: auto !important;
  max-width: 90% !important;
  margin: auto;
  box-shadow: 0 2px 10px rgba(0,0,0,0.35) !important;
  text-align: center !important;
}

.dialog-title,
.dialog-message {
  color: #ffffff !important;
  font-weight: bold !important;
  margin-bottom: 12px;
}

.dialog-confirm {
  background: #ffffff !important;
  color: #000000 !important;
  font-weight: bold !important;
  padding: 8px 16px;
  border-radius: 8px;
  display: inline-block;
  margin: 8px 4px;
  cursor: pointer;
}

.dialog-cancel {
  background: #000000 !important;
  color: #ffffff !important;
  font-weight: bold !important;
  padding: 8px 16px;
  border-radius: 8px;
  display: inline-block;
  margin: 8px 4px;
  cursor: pointer;
}

#list_area {
  background: rgba(0, 0, 0, 0.35) !important;
  color: #fff !important;
}

#featured_container,
#featured_slider .list_block_featured {
  background: rgba(0, 0, 0, 0.35) !important;
  color: #fff !important;
  border: 2px solid rgba(0, 0, 0, 0.35) !important;
}

.list_block_featured .list_name,
.list_block_featured .list_address {
  color: #fff !important;
}

#featured_container {
  opacity: 0 !important;
  pointer-events: none !important;
  visibility: hidden !important;
}

#featured_container {
  display: none !important;
}

.my_position_icon,
.home_icon,
.connections_icon,
.globe_icon,
.featured_icon,
.bottom_left_controls div,
.center_right_controls div,
.center_left_controls div,
.switch_style,
.icon_button,
.ol-zoom-in,
.ol-zoom-out,
.ol-full-screen,
.ol-full-screen button {
  display: none !important;
  visibility: hidden !important;
  opacity: 0 !important;
  pointer-events: none !important;
}

.weather,
.weather #w_icon,
.weather span {
  display: none !important;
  visibility: hidden !important;
  opacity: 0 !important;
  pointer-events: none !important;
}

.categories_div {
  background: rgba(0, 0, 0, 0.35) !important;
  color: #ffffff !important;
  backdrop-filter: blur(6px) !important;
  -webkit-backdrop-filter: blur(6px) !important;
  border-radius: 10px !important;
  padding: 10px 12px !important;
  border: 1px solid rgba(255, 255, 255, 0.35) !important;
  box-shadow: 0 4px 10px rgba(0,0,0,0.4) !important;
  font-size: 15px !important;
  z-index: 9999 !important;
}

#category_header,
.title-filters,
.reset-filters,
.select_all_categories_btn,
.reset_categories_btn {
  color: #ffffff !important;
  background: transparent !important;
  text-transform: capitalize !important;
  font-weight: 500 !important;
}

.category-list-item,
.category,
.category-title,
.category-count {
  color: #ffffff !important;
  background: transparent !important;
  font-size: 15px !important;
}

.category-icon-check svg path,
.category-icon-image svg path {
  fill: #ffffff !important;
}

.category-list-item:hover {
  background: rgba(255, 255, 255, 0.35) !important;
  transition: background 0.2s ease-in-out !important;
  border-radius: 8px !important;
}

.select_all_categories_btn,
.reset_categories_btn {
  padding: 4px 8px !important;
  border-radius: 6px !important;
  background: rgba(255, 255, 255, 0.35) !important;
  color: #fff !important;
  transition: background 0.2s ease-in-out !important;
}

.select_all_categories_btn:hover,
.reset_categories_btn:hover {
  background: rgba(255, 255, 255, 0.35) !important;
}

.category_icon {
  border-radius: 4px !important;
  border: 1px solid rgba(255,255,255,0.2) !important;
  box-shadow: 0 0 4px rgba(0,0,0,0.3) !important;
}

.reset-filters {
  display: flex !important;
  justify-content: flex-start !important;
  align-items: center !important;
  gap: 6px !important;
  margin-left: 6px !important;
  margin-top: 2px !important;
}

.select_all_categories_btn,
.reset_categories_btn {
  margin: 0 !important;
  padding: 4px 8px !important;
  border-radius: 6px !important;
  background: rgba(255, 255, 255, 0.1) !important;
  color: #fff !important;
  font-size: 13px !important;
  font-weight: 500 !important;
  border: none !important;
  box-shadow: none !important;
  text-transform: uppercase !important;
  transition: background 0.2s ease-in-out !important;
}

.select_all_categories_btn:hover,
.reset_categories_btn:hover {
  background: rgba(255, 255, 255, 0.25) !important;
}

.search_div {
  overflow: visible !important;
  padding-right: 2px !important;
}

.search_div .filter_icon {
  background: none !important;
  box-shadow: none !important;
  border: none !important;
}

.search_div .filter_icon i {
  position: relative !important;
  top: 1px !important;
}

#count_categories {
  position: relative !important;
  top: -1px !important;
  margin-right: 5px !important;
  font-size: 13px !important;
  font-weight: 600 !important;
  color: #ffffff !important;
  opacity: 0.9 !important;
}

.filter_icon i {
  position: relative !important;
  top: 1px !important;
}

.list_icon,
.list_icon i,
.list_icon svg {
  font-size: 17px !important;
  top: 7px !important;
  color: #ffffff !important;
  background: transparent !important;
  border: none !important;
  box-shadow: none !important;
  text-shadow: 0 0 3px rgba(0,0,0,0.4) !important;
}

@media (min-width: 769px) {
  .list_icon,
  .list_icon i,
  .list_icon svg {
    font-size: 15px !important;
    top: 5px !important;
  }
}

.search_icon,
.filter_icon {
  top: 5px !important;
  background: transparent !important;
  color: #ffffff !important;
  border-radius: 8px !important;
  width: 34px !important;
  height: 34px !important;
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  padding: 0 !important;
  margin: 0 !important;
  box-shadow: none !important;
  border: none !important;
  z-index: 10000 !important;
}

.search_icon i {
  font-size: 14px !important;
  line-height: 1 !important;
  color: #ffffff !important;
  text-shadow: 0 0 3px rgba(0,0,0,0) !important;
}

.filter_icon i {
  font-size: 16px !important;
  line-height: 1 !important;
  color: #ffffff !important;
  text-shadow: 0 0 3px rgba(0,0,0,0) !important;
}

@media (min-width: 769px) {
  .search_div .search_icon,
  .search_div .filter_icon {
    top: 1px !important;
  }
  .search_div .search_icon i,
  .search_div .search_icon svg {
    font-size: 15px !important;
    line-height: 1 !important;
    color: #ffffff !important;
    text-shadow: 0 0 3px rgba(0,0,0,0) !important;
  }
  .search_div .filter_icon i,
  .search_div .filter_icon svg {
    font-size: 16px !important;
    line-height: 1 !important;
    color: #ffffff !important;
    text-shadow: 0 0 3px rgba(0,0,0,0) !important;
  }
}

@media (max-width: 768px) {
  .search_div {
    left: 0% !important;
    transform: translateX(-50%) !important;
    width: 0% !important;
    right: auto !important;
    box-sizing: border-box !important;
  }
}

.search_div {
  top: 0px !important;
  margin-top: 0px !important;
}

@media (min-width: 769px) {
  .search_div {
    top: 1px !important;
    width: 0% !important;
  }
}

#searchbox,
#searchbox:hover,
#searchbox:focus,
#searchbox:active,
.search_div input,
.search_div input:hover,
.search_div input:focus,
.search_div input:active,
input:-webkit-autofill,
input:-internal-autofill-selected {
  background: rgba(0, 0, 0, 0.1) !important;
  color: #fff !important;
  box-shadow: 0 0 0px 1000px rgba(0, 0, 0, 0.1) inset !important;
  -webkit-text-fill-color: #fff !important;
  caret-color: #fff !important;
  border: none !important;
  outline: none !important;
  transition: background 0.2s ease-in-out !important;
}

#searchbox::placeholder {
  color: rgba(255, 255, 255, 0.85) !important;
}

.search_div {
  background: rgba(0, 0, 0, 0.1) !important;
  backdrop-filter: blur(4px) !important;
  -webkit-backdrop-filter: blur(4px) !important;
}

#searchbox {
  pointer-events: none !important;
  color: transparent !important;
  -webkit-text-fill-color: transparent !important;
  caret-color: transparent !important;
  text-shadow: none !important;
}

#searchbox::placeholder,
#searchbox::-webkit-input-placeholder,
#searchbox::-moz-placeholder,
#searchbox:-ms-input-placeholder {
  color: transparent !important;
  opacity: 0 !important;
}

#searchbox:-webkit-autofill {
  -webkit-text-fill-color: transparent !important;
  caret-color: transparent !important;
}

.search_div input#searchbox::placeholder,
.search_div input#searchbox::-webkit-input-placeholder,
.search_div input#searchbox::-moz-placeholder,
.search_div input#searchbox:-ms-input-placeholder,
.search_div input#searchbox::-ms-input-placeholder,
#searchbox::placeholder,
#searchbox::-webkit-input-placeholder,
#searchbox::-moz-placeholder,
#searchbox:-ms-input-placeholder,
#searchbox::-ms-input-placeholder {
  color: transparent !important;
  opacity: 0 !important;
}

.search_div input#searchbox[placeholder],
#searchbox[placeholder] {
  color: transparent !important;
  opacity: 0 !important;
}

input:-webkit-autofill,
input:-internal-autofill-selected {
  transition: background-color 9999s ease-in-out 0s !important;
  -webkit-box-shadow: 0 0 0px 1000px rgba(0, 0, 0, 0.1) inset !important;
  box-shadow: 0 0 0px 1000px rgba(0, 0, 0, 0.1) inset !important;
}

#searchbox {
  background-color: rgba(0, 0, 0, 0.1) !important;
  background-image: none !important;
}

.list_block {
  background: rgba(0, 0, 0, 0.1) !important;
  color: #ffffff !important;
  border: 1px solid rgba(255, 255, 255, 0.1) !important;
  transition: background 0.2s ease-in-out !important;
}

.list_block:hover {
  background: rgba(255, 255, 255, 0.08) !important;
  color: #ffffff !important;
}

.list_address,
.list_name {
  color: #ffffff !important;
}

body .search_div input#searchbox,
html body .search_div input[type="search"]#searchbox,
html body .search_div input#searchbox:focus,
html body .search_div input#searchbox:active,
html body .search_div input#searchbox:hover {
  background: rgba(0, 0, 0, 0) !important;
  background-color: rgba(0, 0, 0, 0) !important;
  background-image: none !important;
  box-shadow: none !important;
  -webkit-box-shadow: none !important;
  border: none !important;
  outline: none !important;
  color: #fff !important;
  -webkit-text-fill-color: #fff !important;
  caret-color: #fff !important;
  transition: background 0.2s ease-in-out !important;
}

body .search_div input#searchbox[style],
body .search_div input#searchbox[style*="background"],
body .search_div input#searchbox[style*="rgb(255"],
body .search_div input#searchbox[style*="#fff"] {
  background: rgba(0, 0, 0, 0.1) !important;
  background-color: rgba(0, 0, 0, 0.1) !important;
  background-image: none !important;
  box-shadow: none !important;
  -webkit-box-shadow: none !important;
}

.ui-widget-content,
.ui-widget-content input,
.ui-widget-content .ui-input-text,
.ui-widget-content .ui-state-default,
.ui-widget,
.ui-widget input[type="text"],
.ui-widget input[type="search"],
#searchbox.ui-widget-content {
  background: rgba(0, 0, 0, 0.35) !important;
  background-color: rgba(0, 0, 0, 0.35) !important;
  border: none !important;
  color: #fff !important;
  -webkit-text-fill-color: #fff !important;
  caret-color: #fff !important;
  outline: none !important;
  box-shadow: none !important;
}

#search_radius_container {
  background: rgba(0, 0, 0, 0.35) !important;
  color: #ffffff !important;
  border-radius: 8px !important;
  padding: 10px !important;
  box-shadow: 0 4px 10px rgba(0,0,0,0.5) !important;
  z-index: 9999 !important;
}

#search_radius_slider {
  background: rgba(255, 255, 255, 0.1) !important;
  border-radius: 5px !important;
  width: 100% !important;
  height: 6px !important;
  -webkit-appearance: none !important;
  appearance: none !important;
  outline: none !important;
}

#search_radius_slider::-webkit-slider-runnable-track {
  background: rgba(255, 255, 255, 0.1) !important;
  border-radius: 5px !important;
  height: 6px !important;
}

#search_radius_slider::-webkit-slider-thumb {
  background: #ffffff !important;
  border-radius: 50% !important;
  width: 20px !important;
  height: 20px !important;
  cursor: pointer !important;
  -webkit-appearance: none !important;
  appearance: none !important;
}

#search_radius_slider::-moz-range-track {
  background: rgba(255, 255, 255, 0.1) !important;
  border-radius: 5px !important;
  height: 6px !important;
}

#search_radius_slider::-moz-range-thumb {
  background: #ffffff !important;
  border-radius: 50% !important;
  width: 20px !important;
  height: 20px !important;
  cursor: pointer !important;
}

#search_radius_slider::-ms-track {
  background: rgba(255, 255, 255, 0.1) !important;
  border-radius: 5px !important;
  height: 6px !important;
  border: none !important;
}

#search_radius_slider::-ms-thumb {
  background: #ffffff !important;
  border-radius: 50% !important;
  width: 20px !important;
  height: 20px !important;
  cursor: pointer !important;
}

#search_radius_slider::-webkit-slider-thumb:hover {
  background: #cccccc !important;
}

#search_radius_slider::-moz-range-thumb:hover {
  background: #cccccc !important;
}

#search_radius_slider::-ms-thumb:hover {
  background: #cccccc !important;
}

#button_actions {
  color: #ffffff !important;
  text-align: center !important;
  width: 100% !important;
  margin-bottom: 15px !important;
  font-weight: 500 !important;
  transition: color 0.25s ease-in-out !important;
  background: transparent !important;
}

#button_actions a,
#button_actions div,
#button_actions span {
  color: #ffffff !important;
  text-decoration: none !important;
  transition: color 0.25s ease-in-out !important;
}

#button_actions:hover,
#button_actions a:hover,
#button_actions div:hover,
#button_actions span:hover {
  color: #ffffff !important;
  filter: brightness(1.3) !important;
  cursor: pointer !important;
}

#button_actions i {
  font-size: 27px !important;
}

#button_actions:hover i {
  font-size: 28px !important;
}

#list_rating_210 span {
  color: #ffffff !important;
}

#list_rating_210 .category_icon img {
  width: 15px !important;
  height: auto !important;
  max-width: none !important;
  max-height: none !important;
  object-fit: contain !important;
}

.category_detail .category_icon {
  border: none !important;
  padding: 0 !important;
  margin: 0 !important;
}

.popup_rating span,
.list_rating span {
  color: #ffffff;
  font-size: 12px;
}

#category_header {
  position: relative !important;
}

#category_header .reset-filters,
.categories_div .reset-filters {
  position: absolute !important;
  left: 25% !important;
  top: -2px !important;
  right: auto !important;
  display: flex !important;
  justify-content: flex-start !important;
  gap: 12px !important;
}

#category_header .reset-filters .select_all_categories_btn,
#category_header .reset-filters .reset_categories_btn,
.categories_div .reset-filters .select_all_categories_btn,
.categories_div .reset-filters .reset_categories_btn {
  margin-left: 0 !important;
}

.reset-filters {
  display: flex !important;
  justify-content: flex-start !important;
  align-items: center !important;
  gap: 6px !important;
  margin-left: 6px !important;
  margin-top: 10px !important;
}

.select_all_categories_btn,
.reset_categories_btn {
  margin: 0 !important;
  padding: 4px 8px !important;
  border-radius: 6px !important;
  background: rgba(255, 255, 255, 0.0) !important;
  color: #fff !important;
  font-size: 13px !important;
  font-weight: 500 !important;
  border: none !important;
  box-shadow: none !important;
  text-transform: uppercase !important;
  transition: background 0.2s ease-in-out !important;
}

.select_all_categories_btn:hover,
.reset_categories_btn:hover {
  background: rgba(255, 255, 255, 0.1) !important;
}

@media (max-width: 768px) {
  .categories_div,
  #category_header,
  .reset-filters {
    width: auto !important;
    max-width: 99% !important;
    left: 0 !important;
    right: 0 !important;
    margin: 0 auto !important;
    padding: 6px 8px !important;
    box-sizing: border-box !important;
  }
  .reset-filters .select_all_categories_btn,
  .reset-filters .reset_categories_btn {
    flex: 1 1 auto !important;
    text-align: center !important;
    min-width: 33% !important;
  }
}

@media (min-width: 769px) {
  #category_header {
    position: relative !important;
  }
  #category_header .reset-filters,
  .categories_div .reset-filters {
    position: absolute !important;
    left: 25% !important;
    top: -11px !important;
    right: auto !important;
    display: flex !important;
    justify-content: flex-start !important;
    gap: 12px !important;
  }
  .reset-filters {
    display: flex !important;
    justify-content: flex-start !important;
    align-items: center !important;
    gap: 6px !important;
    margin-left: 6px !important;
    margin-top: 10px !important;
  }
  .reset-filters .select_all_categories_btn,
  .reset-filters .reset_categories_btn {
    margin: 0 !important;
    padding: 4px 8px !important;
    border-radius: 6px !important;
    background: rgba(255, 255, 255, 0.0) !important;
    color: #fff !important;
    font-size: 13px !important;
    font-weight: 500 !important;
    border: none !important;
    box-shadow: none !important;
    text-transform: uppercase !important;
    transition: background 0.2s ease-in-out !important;
  }
  .select_all_categories_btn:hover,
  .reset_categories_btn:hover {
    background: rgba(255, 255, 255, 0.1) !important;
  }
}

.list_block {
  background: rgba(0, 0, 0, 0.5) !important;
  color: #ffffff !important;
  border-radius: 12px !important;
  border: 1px solid rgba(255, 255, 255, 0.7) !important;
  transition: background 0.2s ease-in-out !important;
}

.search_div,
.search_div * {
  background: none !important;
  backdrop-filter: none !important;
  -webkit-backdrop-filter: none !important;
}

#searchbox,
.search_icon,
.search_icon *,
.search_div input,
.search_div input#searchbox {
  display: none !important;
  opacity: 0 !important;
  height: 0 !important;
  width: 0 !important;
  pointer-events: none !important;
}

.list_icon,
.filter_icon {
  position: absolute !important;
  width: 30px !important;
  height: 30px !important;
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  margin: 0 !important;
  padding: 0 !important;
  background: none !important;
  border: none !important;
  box-shadow: none !important;
  backdrop-filter: none !important;
  -webkit-backdrop-filter: none !important;
}

.list_icon i,
.list_icon svg,
.filter_icon i,
.filter_icon svg {
  display: none !important;
}

/*********************************************
 2) FILTER ICON — CLEAN WHITE SLIDERS SVG
*********************************************/
.filter_icon::before {
    content: "";
    width: 30px;     /* ← bigger filter icon */
    height: 30px;
    display: block;
    background-size: contain;
    background-repeat: no-repeat;
background-image: url("data:image/svg+xml;utf8,\
<svg xmlns='http://www.w3.org/2000/svg' fill='white' viewBox='0 0 24 24'>\
<path d='M4 6h14v2H4zm0 5h10v2H4zm0 5h18v2H4z'/>\
</svg>");
}

/*********************************************
 3) LIST ICON — 2PX BIGGER THAN FILTER
*********************************************/
.list_icon::before {
    content: "";
    width: 29px;     /* ← 2px bigger */
    height: 32px;
    display: block;
    background-size: contain;
    background-repeat: no-repeat;
    background-image: url("data:image/svg+xml;utf8,\
<svg xmlns='http://www.w3.org/2000/svg' fill='white' viewBox='0 0 24 24'>\
<path d='M3 6h18v2H3zm0 5h18v2H3zm0 5h18v2H3z'/>\
</svg>");
}

.list_icon::before {
  content: "";
  width: 29px;
  height: 32px;
  display: block;
  background-size: contain;
  background-repeat: no-repeat;
    background-image: url("data:image/svg+xml;utf8,\
<svg xmlns='http://www.w3.org/2000/svg' fill='white' viewBox='0 0 24 24'>\
<path d='M3 6h18v2H3zm0 5h18v2H3zm0 5h18v2H3z'/>\
</svg>");
}

@media (min-width: 769px) {
  .list_icon {
    position: absolute !important;
    left: 0px !important;
    top: -1px !important;
  }
  .filter_icon {
    position: absolute !important;
    left: 27px !important;
    top: -3px !important;
    transform: translateY(-3px) !important;
  }
}

@media (max-width: 768px) {
  .list_icon {
    left: 12px !important;
    top: 2px !important;
  }
  .filter_icon {
    left: 42px !important;
    top: 0px !important;
  }
}

#count_categories {
  display: none !important;
}



.list_rating .category_detail img
Specificity: (0,2,1)
 {
    width: 27px !important;
    height: auto !important;
    max-width: none !important;
    max-height: none !important;
    display: block !important;
    object-fit: contain !important;
    margin: 0 auto !important;
}







/* ============================================================
   MASTER CATEGORY ICON CONTROL
   Works for:
   - .category_detail img
   - .list_rating .category_detail img
   - .popup_rating .category_detail img
   - .category_icon img
============================================================ */

.category_detail img,
.list_rating .category_detail img,
.popup_rating .category_detail img,
.category_icon img {
    width: 27px !important;        /* ← icon size (change freely) */
    height: 27px !important;       /* ← icon size */
    object-fit: contain !important;

    position: relative !important; /* enables top/left movement */
    top: 0px !important;           /* ← move UP/DOWN */
    left: 0px !important;          /* ← move LEFT/RIGHT */

    margin-right: 6px !important;  /* ← GAP between icons */
    margin-left: 0 !important;
    margin-top: 0 !important;      /* fine-tune vertical spacing */
    margin-bottom: 0 !important;

    background: transparent !important; /* ← change to any color */
    padding: 0px !important;       /* ← inner spacing around icon */
    border-radius: 4px !important; /* ← rounded corners */
    border: none !important;       /* ← add border if desired */
    display: inline-block !important;
    vertical-align: middle !important;
}

/* ============================================================
   OPTIONAL: APPLY BACKGROUND BEHIND *EACH ICON*
============================================================ */

.category_detail img.bg,
.list_rating .category_detail img.bg,
.category_icon img.bg {
    background: rgba(255,255,255,0.15) !important; /* translucent box */
    padding: 4px !important;                       /* spacing inside */
    border-radius: 6px !important;                 /* rounded shape */
}