/* global-S */
.btn-check:focus+.btn,
.btn:focus,
.form-control:focus {
  border-color: #ffffff00 !important;
  box-shadow: 0 0 0 0.25rem #e66f753d !important;
  outline: none !important;
}
.btn:hover {
  color: var(--bs-btn-hover-color);
  background-color: var(--bs-btn-hover-bg);
  border-color: var(--bs-btn-hover-border-color);
  transform: translateY(-2px);
}
/* global-E */
.search-desktop {
  display: none;
}
.category {
  width: 95%;
}
.store-list {
  width: 98%;
}
@media (min-width: 768px) {
  .search-desktop {
    display: block;
  }
  .category,
  .search-desktop,
  .store-list
   {
    width: 75%;
    max-width: 1000px;
  }
}
/* category-S */
.category {
  color: #fff;
  overflow-x: hidden;
}
.category-wrapper {
  display: flex;
  gap: 16px;
  overflow-x: auto;
  padding-bottom: 8px;
  scroll-behavior: smooth;
  -webkit-overflow-scrolling: touch;
}
.category-item {
  flex: 0 0 auto;
  display: flex;
  flex-direction: column;
  align-items: center;
  width: 60px;
  text-align: center;
  cursor: pointer;
}
.category-icon {
  width: 60px;
  height: 60px;
  margin-bottom: 8px;
  border-radius: 12px;
  background-color: #fbeade;
  padding: 10px;
}
.category-icon.is-active {
  background-color: #f5aeae;
}
.category-text {
  font-size: 14px;
  white-space: nowrap;
  color: black;
  font-weight: 500;
}
.category-wrapper {
  -ms-overflow-style: none;
  scrollbar-width: none;
  scrollbar-width: thin;
  scrollbar-color: #e66f75 #fbeade;
}
.category-wrapper::-webkit-scrollbar {
  height: 8px;
}
.category-wrapper::-webkit-scrollbar-track {
  background: #fbeade;
  border-radius: 4px;
}
.category-wrapper::-webkit-scrollbar-thumb {
  background-color: #e66f75;
  border-radius: 4px;
  border: 2px solid #fbeade;
}
.category-wrapper::-webkit-scrollbar-thumb:hover {
  background-color: #c2555e;
}
@media (min-width: 768px) {
  .category-wrapper {
    gap: 24px;
  }
  .category-item {
    width: 100px;
  }
  .category-icon {
    width: 80px;
    height: 80px;
  }
  .category-text {
    font-size: 16px;
  }
}
/* category-E */

.icon-favorite {
  width: 20px;
  cursor: pointer
}