

/* Start:/local/components/weone/showcase.filter/templates/.default/style.css?17942414813312*/
/* Фильтр витрины «Авто под заказ» и вкладки «Наличие». Подключается Битриксом автоматически. */
.wz-filter{background:#f5f6f8;border-radius:10px;padding:22px 22px 18px;margin-bottom:22px}
.wz-filter__grid{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:14px 16px}
@media(max-width:1199px){.wz-filter__grid{grid-template-columns:repeat(3,minmax(0,1fr))}}
@media(max-width:767px){.wz-filter__grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
.wz-filter__f{min-width:0}
.wz-filter__l{display:block;font-size:12px;color:#8b9099;margin-bottom:5px;line-height:1.2}
.wz-filter__s{width:100%;height:46px;padding:0 12px;border:1px solid #e2e5ea;border-radius:8px;
 background:#fff;font-size:14px;color:#1f2937;appearance:none;
 background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='10' height='6'%3E%3Cpath d='M0 0h10L5 6z' fill='%238b9099'/%3E%3C/svg%3E");
 background-repeat:no-repeat;background-position:right 13px center;padding-right:32px}
.wz-filter__pair{display:flex;border:1px solid #e2e5ea;border-radius:8px;background:#fff;overflow:hidden}
.wz-filter__pair input{width:50%;height:44px;padding:0 12px;border:0;font-size:14px;color:#1f2937;
 background:transparent;min-width:0}
.wz-filter__pair input:first-child{border-right:1px solid #e2e5ea}
.wz-filter__s:focus{outline:0;border-color:#e60a42}
.wz-filter__pair:focus-within{border-color:#e60a42}
.wz-filter__pair input:focus{outline:0}
.wz-filter__b{display:flex;align-items:center;gap:12px;flex-wrap:wrap;margin-top:18px}
.wz-filter__go{height:46px;padding:0 26px;border:0;border-radius:8px;background:#e60a42;color:#fff;
 font-size:14px;font-weight:700;cursor:pointer}
.wz-filter__go:hover{background:#c80939}
.wz-filter__re{height:46px;padding:0 22px;display:inline-flex;align-items:center;border:1px solid #e2e5ea;
 border-radius:8px;background:#fff;color:#4b5563;font-size:14px;text-decoration:none}
.wz-filter__re:hover{border-color:#c3c7cd;color:#111;text-decoration:none}
.wz-filter__n{font-size:14px;color:#6b7280;margin-left:4px}
.wz-filter__n b{color:#111}
.wz-empty{padding:46px 0;text-align:center;color:#6b7280;font-size:15px}
.wz-tabs{display:flex;flex-wrap:wrap;gap:10px;margin:0 0 22px}
.wz-tab{display:inline-flex;align-items:center;gap:8px;height:42px;padding:0 18px;
 border:1px solid #e2e5ea;border-radius:21px;background:#fff;color:#1f2937;font-size:14px;
 text-decoration:none;transition:border-color .15s,background .15s}
.wz-tab:hover{border-color:#c3c7cd;color:#111;text-decoration:none}
.wz-tab__n{display:inline-flex;align-items:center;justify-content:center;min-width:24px;height:20px;
 padding:0 6px;border-radius:10px;background:#f0f2f5;color:#6b7280;font-size:12px;line-height:1}
.wz-tab.is-active{background:#e60a42;border-color:#e60a42;color:#fff}
.wz-tab.is-active .wz-tab__n{background:rgba(255,255,255,.25);color:#fff}
.wz-tab.is-empty{opacity:.45;pointer-events:none}
@media(max-width:575px){
 .wz-tabs{gap:8px}
 .wz-tab{height:38px;padding:0 14px;font-size:13px;gap:6px}
}
@media(max-width:575px){
 .wz-filter{padding:16px 14px 14px}
 .wz-filter__grid{grid-template-columns:1fr 1fr;gap:12px}
 .wz-filter__go,.wz-filter__re{width:100%;justify-content:center}
}
.wz-empty a{color:#e60a42}

/* End */
/* /local/components/weone/showcase.filter/templates/.default/style.css?17942414813312 */
