/* === ESTILOS DEL PANEL DE BÚSQUEDA === */
  .search-panel {
    position: absolute; top: 100%; left: 0; width: 100%; background: #fff;
    border-bottom: 1px solid var(--border); box-shadow: 0 10px 30px rgba(0,0,0,0.05);
    z-index: 100; max-height: 0; overflow: hidden; opacity: 0;
    transition: max-height 0.4s var(--ease), opacity 0.3s var(--ease);
  }
  .search-panel.open { max-height: 100vh; height: 100vh; opacity: 1; overflow-y: auto; }
  
  .search-panel-content { padding: 40px 24px; max-width: 1200px; margin: 0 auto; }
  
  .search-input-row { position: relative; border-bottom: 1px solid var(--border2); margin-bottom: 40px; padding-bottom: 10px; }
  .search-input-row input { width: 100%; border: none; border-radius: 0; background: transparent; font-size: 16px; font-weight: 400; letter-spacing: .01em; outline: none; padding: 0 40px 0 0; color: var(--black); font-family: var(--font-texto); }
  .search-input-row input::placeholder { color: #8a8a8f; font-weight: 400; }
  .search-submit { position: absolute; right: 0; bottom: 10px; color: var(--muted2); }

  .search-layout { display: flex; gap: 60px; }
  .search-layout h4 { font-size: var(--fs-etiqueta); letter-spacing: .02em; text-transform: uppercase; color: var(--black); margin-bottom: 24px; font-weight: 600; }
  
  .search-suggestions { width: 250px; flex-shrink: 0; display: flex; flex-direction: column; gap: 18px; }
  .search-suggestions a { text-decoration: none; color: var(--black); font-size: 14px; font-weight: 400; transition: color var(--fast) var(--ease); }
  .search-suggestions a:hover { color: var(--black); }

  .search-bestsellers { flex: 1; min-width: 0; }
  .bs-cabeza { display: flex; align-items: baseline; justify-content: space-between; gap: 16px; margin-bottom: 24px; }
  .bs-cabeza h4 { margin-bottom: 0; }
  .bs-vacio { grid-column: 1 / -1; font-size: var(--fs-texto); line-height: 21px; color: var(--gris-texto); max-width: 52ch; }
  .bs-sinfoto { width: 110px; height: 110px; flex: none; background: #f5f6f8; }
  .bs-eti { font-size: 10px; font-weight: 600; letter-spacing: .04em; text-transform: uppercase; margin-bottom: 6px; color: var(--estado-disponible); }
  .bs-eti.transito { color: var(--estado-transito); }
  .bs-eti.pedido { color: var(--estado-pedido); }
  .bs-eti.agotado { color: var(--muted); }
  .bestsellers-grid { display: grid; grid-template-columns: repeat(auto-fill, minmax(280px, 1fr)); gap: 30px; }
  
  /* Tarjeta Bestseller (Estilo horizontal de Omega) */
  .bs-card { display: flex; align-items: center; gap: 20px; cursor: pointer; text-decoration: none; }
  .bs-card img { width: 110px; height: 110px; flex: none; object-fit: contain; padding: 6px; background: #f5f6f8; mix-blend-mode: multiply; }
  .bs-card:hover .bs-link { color: var(--gris-texto); }
  .bs-info { min-width: 0; }
  .bs-info { display: flex; flex-direction: column; }
  .bs-badge { font-size: 9px; font-weight: 600; letter-spacing: 1px; color: #555; background: var(--bg); padding: 4px 8px; border-radius: 4px; width: max-content; margin-bottom: 8px; }
  .bs-name { font-size: var(--fs-etiqueta); font-weight: 500; color: var(--black); letter-spacing: .02em; text-transform: uppercase; margin-bottom: 4px; }
  .bs-desc { font-size: var(--fs-etiqueta); color: var(--gris-texto); margin-bottom: 6px; }
  .bs-price { font-size: var(--fs-etiqueta); font-weight: 400; color: var(--black); margin-bottom: 12px; }
  .bs-link { font-size: 12px; text-decoration: underline; color: #333; font-weight: 500;}

  /* Ajustes para celular */
  @media (max-width: 820px) {
    .search-panel-content { padding: 24px 16px; }
    .search-layout { flex-direction: column; gap: 40px; }
    .search-suggestions { width: 100%; border-bottom: 1px solid var(--border); padding-bottom: 30px; }
    .bestsellers-grid { grid-template-columns: 1fr; }
  }