/**
 * Dofinder Styles – mcashop.mx
 *
 * Description: Custom styles for the dofinder product search modal component. Includes layout,
 * responsive positioning, scroll handling, and sticky footer behavior.
 *
 * Developed by: @gabinosarmiento
 * Property of: mcashop.mx
 * Last updated: June 18, 2025
 */
.dofinder-container {
   position: absolute;
   top: calc(100% - 8px);
   left: 50%;
   right: 0;
   transform: translateX(-50%);
   width: 100%;
   max-width: 1140px;
   z-index: 1051;
   max-height: 650px;
   background-color: #fff;
   border-radius: 10px;
   overflow-y: auto;
   display: flex;
   flex-direction: column;
   box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1);
}
.dofinder-header {
   display: flex;
   padding: 12px 30px;
   align-items: center;
   justify-content: flex-end;
}
.dofinder-title {
   font-size: 18px;
}
.dofinder-close {
   padding: 0;
   border: none;
   color: #5a5a5a;
   font-size: 24px;
   font-weight: 300;
   background: none;
   line-height: 1;
}
.dofinder-body {
   flex: 1;
   overflow-y: auto;
   padding: 12px 30px;
   display: flex;
   flex-direction: column;
}
.dofinder-body a {
   color: #333;
   font-size: 14px;
   text-decoration: none;
   transition: background 0.2s;
}
.dofinder-footer {
  position: sticky;
  bottom: 0;
  z-index: 10;
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: 12px 30px;
  font-size: 14px;
  color: #054f9d;
  background-color: #f9f9f9;
}