/* Reset completo de clases del tema que interfieren */
.pcat-search-wrap,
.pcat-search-row,
.pcat-chips,
.pcat-input,
.pcat-btn,
.pcat-chip {
    all: revert;
    box-sizing: border-box;
}

/* Contenedor general */
.pcat-search-wrap {
    display: block !important;
    padding: 24px 28px !important;
    background: #fff5f3 !important;
    border: 1.5px solid #f73312 !important;
    border-radius: 8px !important;
    width: 100% !important;
}

/* Fila del input + botón */
.pcat-search-row {
    display: flex !important;
    align-items: center !important;
    width: 100% !important;
    height: 56px !important;
    background: #ffffff !important;
    border: 1.5px solid #d0d0d0 !important;
    border-radius: 6px !important;
    overflow: hidden !important;
    transition: border-color 0.25s, box-shadow 0.25s !important;
    padding: 0 !important;
    margin: 0 !important;
}

.pcat-search-row:focus-within {
    border-color: #f73312 !important;
    box-shadow: 0 0 0 3px rgba(247,51,18,0.12) !important;
}

/* Icono lupa izquierda */
.pcat-ico {
    flex: 0 0 auto !important;
    width: 20px !important;
    height: 20px !important;
    margin: 0 12px 0 18px !important;
    color: #aaa !important;
    stroke: #aaa !important;
    transition: stroke 0.25s !important;
    display: block !important;
}

.pcat-search-row:focus-within .pcat-ico {
    stroke: #f73312 !important;
}

/* Input */
.pcat-input {
    flex: 1 1 auto !important;
    min-width: 0 !important;
    width: auto !important;
    height: 100% !important;
    border: none !important;
    outline: none !important;
    background: transparent !important;
    font-size: 15px !important;
    font-family: var(--content-font, sans-serif) !important;
    color: #222 !important;
    padding: 0 !important;
    margin: 0 !important;
    box-shadow: none !important;
    -webkit-box-shadow: none !important;
    border-radius: 0 !important;
    line-height: 56px !important;
}

.pcat-input::placeholder {
    color: #bbb !important;
}

.pcat-input:-webkit-autofill {
    -webkit-box-shadow: 0 0 0 1000px #fff inset !important;
}

/* Botón buscar */
.pcat-btn {
    flex: 0 0 auto !important;
    display: flex !important;
    align-items: center !important;
    gap: 8px !important;
    height: 56px !important;
    padding: 0 26px !important;
    background: #f73312 !important;
    color: #fff !important;
    border: none !important;
    border-radius: 0 !important;
    font-size: 15px !important;
    font-weight: 700 !important;
    font-family: var(--title-font, sans-serif) !important;
    cursor: pointer !important;
    white-space: nowrap !important;
    margin: 0 !important;
    transition: background 0.2s !important;
    line-height: 1 !important;
}

.pcat-btn:hover {
    background: #000 !important;
}

.pcat-btn svg {
    width: 16px !important;
    height: 16px !important;
    stroke: #fff !important;
    flex-shrink: 0 !important;
}

/* Chips */
.pcat-chips {
    display: flex !important;
    align-items: center !important;
    flex-wrap: wrap !important;
    gap: 8px !important;
    margin-top: 14px !important;
    padding: 0 !important;
}

.pcat-chips-label {
    font-size: 13px !important;
    color: #999 !important;
    font-weight: 600 !important;
    white-space: nowrap !important;
    font-family: var(--content-font, sans-serif) !important;
}

.pcat-chip {
    font-size: 13px !important;
    color: #444 !important;
    background: #fff !important;
    border: 1px solid #ddd !important;
    border-radius: 20px !important;
    padding: 5px 14px !important;
    cursor: pointer !important;
    transition: all 0.2s !important;
    font-family: var(--content-font, sans-serif) !important;
    font-weight: 500 !important;
    height: auto !important;
    line-height: 1.5 !important;
    margin: 0 !important;
    display: inline-block !important;
}

.pcat-chip:hover {
    background: #f73312 !important;
    border-color: #f73312 !important;
    color: #fff !important;
}

/* Responsive mobile */
@media (max-width: 576px) {
    .pcat-search-wrap { padding: 16px !important; }
    .pcat-btn span { display: none !important; }
    .pcat-btn { padding: 0 18px !important; }
    .pcat-btn svg { width: 18px !important; height: 18px !important; }
}