      .hover-effect:hover {
          color: #f1416c !important;
          /* background-color: #007bff !important; */
          transition: color 0.3s ease, background-color 0.3s ease !important;
      }

      .scrolltop {
          background-color: #f1416c !important;
      }

      .symbol-icon {
          width: 24px;
          /* Adjust the size as needed */
          height: 24px;
          /* Adjust the size as needed */
          display: flex;
          align-items: center;
          justify-content: center;
      }

      .sale-card img {
          width: 100%;
          height: 200px;
          object-fit: cover;
      }

      .discount-text {
          text-decoration: line-through;
          color: #d9534f;
          font-size: 0.9rem;
      }

      .rating {
          /* color: #f8d210; */
          font-size: 1rem;
      }

      /* Text shadow untuk teks di mobile */
      .text-shadow-mobile {
          text-shadow: 1px 1px 3px rgba(0, 0, 0, 0.3);
      }

      /* Shadow lebih tebal untuk tombol di mobile */
      .shadow-mobile {
          box-shadow: 0 4px 8px rgba(0, 0, 0, 0.2);
      }

      /* Overlay dengan opacity rendah di mobile */
      .bg-image-mobile-opacity {
          opacity: 0.4;
          /* Sesuaikan nilai (0.1 - 0.5) */
      }

      .card-body::-webkit-scrollbar {
          height: 6px;
      }

      .card-body::-webkit-scrollbar-track {
          background: #f1f1f1;
      }

      .card-body::-webkit-scrollbar-thumb {
          background: #888;
          border-radius: 10px;
      }

      .form-check-input:checked {
        background-color: #f1416c!important;
        border-color: #f1416c!important;
      }

       .aside.aside-light {
            background-color: #ffffff;
            border-top-right-radius: 20px !important;
            border-bottom-right-radius: 20px !important;
            box-shadow: 0 0 20px rgba(0, 0, 0, 0.08);
        }

            .menu-state-title-primary .menu-item.hover:not(.here)>.menu-link:not(.disabled):not(.active):not(.here) .menu-title, .menu-state-title-primary .menu-item:not(.here) .menu-link:hover:not(.disabled):not(.active):not(.here) .menu-title {
                color: #1c1c1c;
            }

            .menu-state-icon-primary .menu-item.hover:not(.here)>.menu-link:not(.disabled):not(.active):not(.here) .menu-icon, .menu-state-icon-primary .menu-item.hover:not(.here)>.menu-link:not(.disabled):not(.active):not(.here) .menu-icon .svg-icon, .menu-state-icon-primary .menu-item.hover:not(.here)>.menu-link:not(.disabled):not(.active):not(.here) .menu-icon i, .menu-state-icon-primary .menu-item:not(.here) .menu-link:hover:not(.disabled):not(.active):not(.here) .menu-icon, .menu-state-icon-primary .menu-item:not(.here) .menu-link:hover:not(.disabled):not(.active):not(.here) .menu-icon .svg-icon, .menu-state-icon-primary .menu-item:not(.here) .menu-link:hover:not(.disabled):not(.active):not(.here) .menu-icon i {
            color: #1c1c1c;
        }

        .btn-check:active+.btn.btn-active-color-primary, .btn-check:checked+.btn.btn-active-color-primary, .btn.btn-active-color-primary.active, .btn.btn-active-color-primary.show, .btn.btn-active-color-primary:active:not(.btn-active), .btn.btn-active-color-primary:focus:not(.btn-active), .btn.btn-active-color-primary:hover:not(.btn-active), .show>.btn.btn-active-color-primary {
        color: #1c1c1c;
        }

        .menu-state-title-primary .menu-item.show>.menu-link .menu-title {
            color: #1c1c1c!important;
        }

        .menu-state-icon-primary .menu-item.show>.menu-link .menu-icon, .menu-state-icon-primary .menu-item.show>.menu-link .menu-icon .svg-icon, .menu-state-icon-primary .menu-item.show>.menu-link .menu-icon i {
            color: #1c1c1c;
        }

      /* Hanya aktif di layar kecil (mobile) */
      @media (min-width: 992px) {
          .text-shadow-mobile {
              text-shadow: none;
          }

          .shadow-mobile {
              box-shadow: none;
          }

          .bg-image-mobile-opacity {
              opacity: 1 !important;
          }
      }
