:root{--ouf-red:#e3202a;--ouf-ink:#101828;--ouf-line:rgba(255,255,255,.14)} .ocp-home-search,.ocm-classified-search{width:100%;max-width:1180px;margin-top:24px}
.ocp-home-search-fields,.ocm-classified-fields{display:grid!important;grid-template-columns:repeat(4,minmax(0,1fr))!important;gap:10px!important;align-items:end!important;padding:12px!important;background:rgba(255,255,255,.10)!important;border:1px solid var(--ouf-line)!important;border-radius:18px!important;backdrop-filter:blur(8px);box-shadow:none!important;overflow:visible!important}
.ocp-home-search-fields label,.ocm-classified-fields label{display:block!important;min-width:0!important;padding:0!important;margin:0!important;border:0!important;background:transparent!important}
.ocp-home-search-fields label>span,.ocm-classified-fields label>span{display:block!important;font-size:11px!important;font-weight:800!important;letter-spacing:0!important;color:#fff!important;text-transform:none!important;margin:0 0 7px 2px!important}
.ocp-home-search-fields input,.ocp-home-search-fields select,.ocm-classified-fields input,.ocm-classified-fields select{display:block!important;width:100%!important;box-sizing:border-box!important;height:48px!important;min-height:48px!important;max-height:48px!important;padding:0 13px!important;border:0!important;border-radius:11px!important;background:#fff!important;color:var(--ouf-ink)!important;box-shadow:none!important;font-size:14px!important;line-height:normal!important;outline-offset:2px}
.ocp-home-search-fields input::placeholder,.ocm-classified-fields input::placeholder{color:#8b95a5!important}
.ocp-home-search-fields button,.ocm-classified-fields button{display:flex!important;align-items:center!important;justify-content:center!important;flex-direction:column!important;gap:2px!important;width:100%!important;height:48px!important;min-height:48px!important;padding:0 12px!important;margin:0!important;border:0!important;border-radius:11px!important;background:var(--ouf-red)!important;color:#fff!important;font-size:13px!important;font-weight:900!important;line-height:1.1!important;cursor:pointer!important;white-space:nowrap!important}
.ocp-home-search-fields button:hover,.ocm-classified-fields button:hover{background:#bf1922!important}
.ocp-home-search-fields button span,.ocm-classified-fields button strong{font-size:14px!important;line-height:1.1!important;color:#fff!important}
.ocp-home-search-fields button small,.ocm-classified-fields button span{font-size:10px!important;color:#fff!important;opacity:.9}
.ocp-home-search .ocp-purpose-tabs,.ocm-classified-search .ocm-condition-tabs{display:flex;gap:8px;flex-wrap:wrap;margin:0 0 10px}
.ocp-home-search .ocp-purpose-tabs a,.ocm-classified-search .ocm-condition-tabs a{border-radius:9px!important;padding:9px 13px!important;font-size:12px!important}
.ocm-classified-fields .ocm-classified-keyword{grid-column:1/-1!important}
.ocm-classified-hero .ocm-classified-search{max-width:none}
[dir=rtl] .ocp-home-search-fields label>span,[dir=rtl] .ocm-classified-fields label>span{text-align:right;margin:0 2px 7px 0!important}
@media(max-width:1000px){.ocp-home-search-fields,.ocm-classified-fields{grid-template-columns:repeat(2,minmax(0,1fr))!important}}
@media(max-width:620px){.ocp-home-search-fields,.ocm-classified-fields{grid-template-columns:minmax(0,1fr)!important;padding:10px!important}.ocp-home-search-fields button,.ocm-classified-fields button{width:100%!important}.ocp-home-search,.ocm-classified-search{margin-top:20px}}@media (max-width: 1024px) {
.ao-header-search .ao-header-field {
position: relative !important;
} .ao-header-search .ao-header-mic,
.ao-header-search .ao-header-mic:hover,
.ao-header-search .ao-header-mic:focus,
.ao-header-search .ao-header-mic:focus-visible,
.ao-header-search .ao-header-mic:active {
position: absolute !important;
top: 50% !important;
right: 3px !important;
left: auto !important;
bottom: auto !important;
margin: 0 !important;
padding: 0 !important;
float: none !important;
clear: none !important;
transform: translateY(-50%) !important;
translate: none !important;
align-self: auto !important;
flex: none !important;
} html[dir="rtl"] .ao-header-search .ao-header-mic,
html[lang^="ar"] .ao-header-search .ao-header-mic,
body.rtl .ao-header-search .ao-header-mic {
left: 3px !important;
right: auto !important;
} .ao-header-search .ao-header-mic.is-listening {
background: #e31b23 !important;
color: #fff !important;
box-shadow: none !important;
transform: translateY(-50%) !important;
}
.ao-header-search .ao-header-mic.is-listening svg {
fill: #fff !important;
} html:not([dir="rtl"]) .ao-header-search .ao-header-field input {
padding-right: 42px !important;
} html[dir="rtl"] .ao-header-search .ao-header-field input,
html[lang^="ar"] .ao-header-search .ao-header-field input,
body.rtl .ao-header-search .ao-header-field input {
padding-left: 42px !important;
padding-right: 8px !important;
text-align: right !important;
direction: rtl !important;
}
} @media (max-width: 600px) {
.ao-header-search .ao-header-mic,
.ao-header-search .ao-header-mic:hover,
.ao-header-search .ao-header-mic:focus,
.ao-header-search .ao-header-mic:focus-visible,
.ao-header-search .ao-header-mic:active {
width: 32px !important;
min-width: 32px !important;
max-width: 32px !important;
height: 32px !important;
min-height: 32px !important;
max-height: 32px !important;
}
html:not([dir="rtl"]) .ao-header-search .ao-header-field input {
padding-right: 38px !important;
}
html[dir="rtl"] .ao-header-search .ao-header-field input,
html[lang^="ar"] .ao-header-search .ao-header-field input,
body.rtl .ao-header-search .ao-header-field input {
padding-left: 38px !important;
padding-right: 5px !important;
}
} @media (min-width: 601px) and (max-width: 1024px) {
.ao-header-search .ao-header-mic,
.ao-header-search .ao-header-mic:hover,
.ao-header-search .ao-header-mic:focus,
.ao-header-search .ao-header-mic:focus-visible,
.ao-header-search .ao-header-mic:active {
width: 34px !important;
min-width: 34px !important;
max-width: 34px !important;
height: 34px !important;
min-height: 34px !important;
max-height: 34px !important;
}
} @media (max-width: 768px) {
.ordonna-ai-mic {
display: inline-flex !important;
align-items: center !important;
justify-content: center !important;
}
.ordonna-ai-mic.is-listening {
background: #e31b23 !important;
color: #fff !important;
}
}