/**
 * Dofinder Styles
 *
 * Provides layout and visual styling for the dofinder
 * product search modal component used in mcashop.mx.
 *
 * Features:
 * - Modal layout and positioning
 * - Responsive adjustments
 * - Scrollable content handling
 * - Sticky footer behavior
 *
 * Created by: @gabinosarmiento
 * Last Updated: March 07, 2026
 * Version: 2.0
 */
#dofinder-form{position:relative;z-index:1052}.dofinder-open{overflow:hidden}.dofinder-overlay{position:fixed;inset:0;opacity:0;pointer-events:none;transition:opacity .4s;background:rgba(0,0,0,.35);z-index:1050}.dofinder-container,.dofinder-progress{position:absolute;width:100%;overflow:hidden;opacity:0}.dofinder-open .dofinder-overlay{opacity:1;pointer-events:auto}.dofinder-container{top:calc(100% - 8px);left:50%;max-width:1140px;max-height:750px;background-color:#fff;border-radius:10px;box-shadow:0 4px 8px rgba(0,0,0,.1);display:flex;flex-direction:column;z-index:1054;transform:translateX(-50%) translateY(-10px);transition:opacity .4s,transform .4s}.dofinder-container.dofinder-shown{opacity:1;transform:translateX(-50%) translateY(0)}.dofinder-progress{top:0;left:0;height:2px;z-index:20;transition:opacity .2s}.dofinder-progress-bar{width:0;height:100%;background:#e23621}.dofinder-header{display:flex;padding:10px 30px;align-items:center;justify-content:flex-end}.dofinder-title{color:#054f9d;padding:.5rem;font-size:.875rem;text-align:right}.dofinder-close{padding:0;border:none;color:#5a5a5a;font-size:24px;font-weight:300;background:0 0;line-height:1;cursor:pointer}.dofinder-body{flex:1;min-height:0;padding-inline:15px;display:flex;flex-direction:column}.dofinder-inner{overflow-y:auto;padding-inline:15px}.dofinder-footer{z-index:10;display:flex;align-items:center;justify-content:space-between;padding:10px 30px;font-size:14px;min-height:42px;color:#054f9d;background-color:#f9f9f9}#layout-dofinder{display:grid;grid-template-columns:20% 80%}#dofinder-content{padding-left:30px}