/* OZ Product Live Search v2 - Responsive: siempre 100% del contenedor padre, se ajusta a cualquier resolución */
.ozpls-figma{width:100%!important;max-width:100%!important;min-width:0;position:relative;font-family:inherit;box-sizing:border-box}
.ozpls-figma{flex:1 1 100%}

/* Barra en fila (input + botón); el tema no debe cambiar a columna ni dar width 100% al botón */
.ozpls-figma__bar{display:flex!important;flex-direction:row!important;flex-wrap:nowrap;align-items:stretch;width:100%;min-width:0;height:var(--ozpls-figma-height);border-radius:var(--ozpls-figma-radius);overflow:hidden;background:var(--ozpls-figma-input-bg);border:var(--ozpls-figma-input-border-size) solid var(--ozpls-figma-input-border);box-sizing:border-box}

.ozpls-figma__catWrap{display:flex;align-items:center;border-right:var(--ozpls-figma-input-border-size) solid var(--ozpls-figma-input-border);padding:0 10px;box-sizing:border-box;flex-shrink:0}
.ozpls-figma__catSelect{border:0;background:transparent;outline:0;color:var(--ozpls-figma-input-text)!important}
.ozpls-figma__catIcon{margin-left:6px;color:var(--ozpls-figma-input-text)}

/* Área input: siempre visible; min-width para que no desaparezca en móvil por conflicto con el tema */
.ozpls-figma__inputWrap{display:flex!important;visibility:visible!important;opacity:1!important;align-items:center;flex:1 1 auto;min-width:80px;padding:0 14px;gap:8px;border:none!important;background:transparent!important;box-shadow:none!important;outline:none!important;overflow:visible!important}
.ozpls-figma__inputIcon{display:inline-flex;align-items:center;justify-content:center;flex-shrink:0;border:none!important;background:transparent!important;color:var(--ozpls-figma-icon-color)!important;box-shadow:none!important}
.ozpls-figma__icon{width:var(--ozpls-figma-icon-size);height:var(--ozpls-figma-icon-size);fill:var(--ozpls-figma-icon-color)!important}

/* Caja de texto siempre visible; min-width para que no colapse a 0 en móvil */
.ozpls-figma__input{flex:1;min-width:60px;border:none!important;outline:none!important;background:transparent!important;font-size:inherit;color:var(--ozpls-figma-input-text)!important;-webkit-appearance:none;appearance:none;box-shadow:none!important;visibility:visible!important;opacity:1!important;display:block!important}
.ozpls-figma__input{padding-left:4px;} /* Ajuste general de texto interno */
.ozpls-figma__input::placeholder{color:var(--ozpls-figma-input-placeholder)!important;opacity:1;text-indent:0px;}
.ozpls-figma__input:-ms-input-placeholder{color:var(--ozpls-figma-input-placeholder)!important;opacity:1;text-indent:0px;}
.ozpls-figma__input::-ms-input-placeholder{color:var(--ozpls-figma-input-placeholder)!important;opacity:1;text-indent:0px;}
.ozpls-figma__input::placeholder{color:var(--ozpls-figma-input-placeholder)!important;opacity:1;}
.ozpls-figma__input:hover,
.ozpls-figma__input:focus,
.ozpls-figma__input:active{color:var(--ozpls-figma-input-text)!important;-webkit-text-fill-color:var(--ozpls-figma-input-text)!important;background:transparent!important;border:none!important;outline:none!important;box-shadow:none!important}
.ozpls-figma__input:hover::placeholder,
.ozpls-figma__input:focus::placeholder{color:var(--ozpls-figma-input-placeholder)!important;opacity:1}

/* Botón Buscar: mismo aspecto que en PC; no crece (flex 0 0 auto), ancho solo al texto; escala con el contenedor */
.ozpls-figma__btn{display:inline-flex!important;align-items:center;justify-content:center;flex:0 0 auto!important;width:auto!important;max-width:none!important;height:100%;min-height:var(--ozpls-figma-height);cursor:pointer;border:1px solid var(--ozpls-figma-btn-border)!important;background:var(--ozpls-figma-btn-bg)!important;color:var(--ozpls-figma-btn-text)!important;padding:0 20px;font-weight:600;white-space:nowrap;box-shadow:none!important;outline:none!important;box-sizing:border-box}
.ozpls-figma__btn:hover,
.ozpls-figma__btn:focus{border-color:var(--ozpls-figma-btn-border)!important;box-shadow:none!important;outline:none!important}
.ozpls-figma__btnText{color:var(--ozpls-figma-btn-text)!important}
.ozpls-figma__btnIcon{width:18px;height:18px;object-fit:contain;display:inline-block}
.ozpls-figma__btnIcon + .ozpls-figma__btnText{margin-left:8px}

/* Resultados al 100% del ancho del buscador */
.ozpls-figma__results{position:absolute;top:calc(var(--ozpls-figma-height) + 8px);left:0;right:0;width:100%;max-width:100%;box-sizing:border-box;background:var(--ozpls-figma-results-bg);border:1px solid var(--ozpls-figma-results-border);border-radius:8px;box-shadow:0 10px 24px rgba(0,0,0,.15);z-index:9999;overflow:hidden;max-height:520px;overflow-y:auto}
.ozpls-figma__empty{padding:12px 14px;color:var(--ozpls-figma-results-empty);font-size:13px}

.ozpls-figma__item{display:flex;gap:12px;align-items:flex-start;padding:12px 14px;text-decoration:none;color:var(--ozpls-figma-results-title);border-bottom:1px solid var(--ozpls-figma-results-border);background:var(--ozpls-figma-results-bg)}
.ozpls-figma__item:last-child{border-bottom:0}
.ozpls-figma__item:hover{background:var(--ozpls-figma-results-hover-bg)}

.ozpls-figma__thumb{width:42px;height:42px;object-fit:contain;flex:0 0 42px;border:1px solid var(--ozpls-figma-results-thumb-border);border-radius:4px;background:var(--ozpls-figma-results-bg)}
.ozpls-figma__meta{display:flex;flex-direction:column;min-width:0}
.ozpls-figma__title{font-size:14px;line-height:1.3;font-weight:600;color:var(--ozpls-figma-results-title);margin:0 0 4px}
.ozpls-figma__excerpt{font-size:12px;line-height:1.35;color:var(--ozpls-figma-results-excerpt);margin:0 0 4px}
.ozpls-figma__price{font-size:12px;color:var(--ozpls-figma-results-price)}

/* Móvil: evitar que el tema oculte la caja de texto; forzar visibilidad y ancho mínimo */
@media (max-width:768px){
  .ozpls-figma{width:100%!important;max-width:100%!important}
  .ozpls-figma__bar{width:100%;display:flex!important;flex-direction:row!important;flex-wrap:nowrap!important;align-items:stretch!important;background:var(--ozpls-figma-input-bg)!important;border-color:var(--ozpls-figma-input-border)!important}
  .ozpls-figma__inputWrap{display:flex!important;visibility:visible!important;opacity:1!important;flex:1 1 auto!important;min-width:80px!important;max-width:100%!important;overflow:visible!important}
  .ozpls-figma__inputWrap,
  .ozpls-figma__input{border:none!important;background:transparent!important;box-shadow:none!important;-webkit-appearance:none!important;appearance:none!important}
  .ozpls-figma__input{visibility:visible!important;opacity:1!important;display:block!important;min-width:60px!important;font-size:16px!important}
  .ozpls-figma__inputIcon,
  .ozpls-figma__icon{visibility:visible!important;opacity:1!important;color:var(--ozpls-figma-icon-color)!important;fill:var(--ozpls-figma-icon-color)!important}
  .ozpls-figma__input{color:var(--ozpls-figma-input-text)!important;-webkit-text-fill-color:var(--ozpls-figma-input-text)!important}
  .ozpls-figma__input::placeholder{color:var(--ozpls-figma-input-placeholder)!important;-webkit-text-fill-color:var(--ozpls-figma-input-placeholder)!important}
  .ozpls-figma__btn{display:inline-flex!important;flex:0 0 auto!important;width:auto!important;max-width:none!important;height:100%!important;min-height:var(--ozpls-figma-height)!important;background:var(--ozpls-figma-btn-bg)!important;border:1px solid var(--ozpls-figma-btn-border)!important;color:var(--ozpls-figma-btn-text)!important}
}
@media (max-width:600px){
  .ozpls-figma__results{top:calc(var(--ozpls-figma-height) + 6px);max-height:60vh}
  .ozpls-figma__item{gap:10px;padding:10px 12px}
  .ozpls-figma__thumb{width:38px;height:38px;flex-basis:38px}
  .ozpls-figma__btn{padding:0 12px!important;font-size:14px}
  .ozpls-figma__btnIcon{width:18px;height:18px}
}

/* Cuando el buscador "baja" (header móvil, .search-head): mantener siempre la misma forma que en PC */
#header-mobile .ozpls-figma,
#header-mobile .ozpls-figma__bar,
.search-head .ozpls-figma,
.search-head .ozpls-figma__bar{display:flex!important;flex-direction:row!important;flex-wrap:nowrap!important}
#header-mobile .ozpls-figma__bar,
.search-head .ozpls-figma__bar{align-items:stretch!important;width:100%!important}
#header-mobile .ozpls-figma__inputWrap,
.search-head .ozpls-figma__inputWrap{display:flex!important;flex:1 1 auto!important;min-width:80px!important}
#header-mobile .ozpls-figma__btn,
.search-head .ozpls-figma__btn{display:inline-flex!important;flex:0 0 auto!important;width:auto!important;max-width:none!important}