/* FF Produto Filtro - Estilos (v1.3.2) */
@import url('https://fonts.googleapis.com/css2?family=Montserrat:ital,wght@0,100..900;1,100..900&family=Roboto:ital,wght@0,100..900;1,100..900&display=swap');
:root{
  --ffpf-bg: #ffffff;
  --ffpf-border: #e5e7eb;
  --ffpf-text: #111827;
  --ffpf-muted: #6b7280;
  --ffpf-accent: #111827;
  --ffpf-radius: 0;
  --ffpf-shadow: 0 6px 24px rgba(0,0,0,.08);
}

.ffpf-wrap { font-family: system-ui, -apple-system, Segoe UI, Roboto, Ubuntu, Cantarell, Noto Sans, sans-serif; color: var(--ffpf-text); }

.ffpf-form{
  display:flex;
  gap:12px;
  flex-wrap:wrap;
  align-items:flex-end;
  background:var(--ffpf-bg);
  border:1px solid var(--ffpf-border);
  box-shadow:var(--ffpf-shadow);
  border-radius: var(--ffpf-radius);
  padding:14px;
  margin-bottom: 56px;
}

.ffpf-field { display:flex; flex-direction:column; min-width: 180px; }
.ffpf-field.ffpf-grow { flex:1 1 260px; min-width:260px; }

.ffpf-label{
  font-size:12px; letter-spacing:.02em; color:var(--ffpf-muted);
  margin: 0 0 6px 6px;
}

.ffpf-input, .ffpf-select{
  border:1px solid var(--ffpf-border);
  border-radius:12px;
  padding:10px 12px;
  font-size:14px;
  outline:none;
  background:#fff;
  transition: border-color .2s, box-shadow .2s;
}
.ffpf-input:focus, .ffpf-select:focus{
  border-color:#c7d2fe;
  box-shadow:0 0 0 4px rgba(59,130,246,.15);
}

.ffpf-actions{ margin-left:auto; display:flex; gap:10px; }
.ffpf-btn{
  border-radius: 999px;
  padding: 10px 14px;
  border: 1px solid var(--ffpf-border);
  background:#111827;
  color:#fff;
  font-weight:600;
  cursor:pointer;
}
.ffpf-btn:hover{ opacity:.92; }
.ffpf-btn-ghost{
  background:#fff; color:#111827;
}
.ffpf-btn-ghost:hover{ background:#f9fafb; }

.ffpf-grid{
  display:grid;
  grid-template-columns: repeat(auto-fill, minmax(250px, 1fr));
  gap: 16px;
}
.ffpf-card{
 /* border:1px solid var(--ffpf-border); */
  border: 1px solid #cecece!important;
  background-color: #ffffff!important;
  border-radius: 8px!important;
  box-shadow: 0px 0px 7px 0px rgba(0, 0, 0, 0.2)!important;
  position: relative;
  overflow:hidden;
  display:flex; flex-direction:column;
  margin-bottom: 20px;
}
.ffpf-codigo {
  position: absolute;
    background-color: #0f0f0f;
    z-index: 999;
    color: #ffffff;
    padding-left: 10px;
    padding-right: 10px;
    padding-bottom: 5px;
    padding-top: 5px;
    right: 0px;
    top: 0px;
    font-size: 14px;
}
.ffpf-disponivel {
  font-family: 'Roboto';
  font-weight: 400;
  background-color: #36aa08;
  color: #ffffff;
  padding-left: 8px;
  padding-right: 8px;
  padding-top: 5px;
  padding-bottom: 5px;
  font-size: 12px;
  position: absolute;
  top: 0px;
  left: 0px;
}
.ffpf-vendido{
  font-family: 'Roboto';
    font-weight: 400;
    background-color: #d62004;
    color: #ffffff;
    padding-left: 8px;
    padding-right: 8px;
    padding-top: 5px;
    padding-bottom: 5px;
    font-size: 12px;
    position: absolute;
    top: 0px;
    left: 0px;
}
.coluna-marca-modelo {
    width: 100%;
    font-family: 'Roboto';
    font-size: 14px;
    text-align: left;
    flex-direction: row;
    display: flex;
    padding-left: 0px;
    padding-right: 0px;
    margin-bottom: 15px;
    margin-top: 20px;
}
.ffpf-coluna-50-left  {
    width: 50%;
    border-bottom-color: #adadad;
    border-bottom-width: 1px;
    border-bottom-style: solid;
    padding-bottom: 9px;
    text-align: left;
    align-items: flex-start;
  }
  .ffpf-coluna-50-right  {
    width: 50%;
    border-bottom-color: #adadad;
    border-bottom-width: 1px;
    border-bottom-style: solid;
    padding-bottom: 9px;
    text-align: right;
    align-items: flex-end;
  }
  #ffpf-coluna-40-left{
    width: 40%;
    align-items: flex-start;
    text-align: left;
  }
  #ffpf-coluna-60-right{
    width: 60%;
    flex-direction: row;
    display: flex;
    gap: 8px;
    justify-content: flex-end;
    text-align: justify;
  }
  .ffpf-block {
    display: flex;
    flex-wrap: nowrap;
    flex-direction: column;
    align-items: flex-start;
  }
  .ffpf-coluna-
.text-marca-modelo {
    font-weight: 400;
    font-family: 'Roboto';
    color: #000000;
    font-size: 14px;
    margin-top:10px;
}
.ffpf-ano-detalhe {
    width: 100%;
    flex-direction: row;
    display: flex;
    padding-left: 0;
    padding-right: 0;
    margin-top: 10px;
}
.ffpf-text-ano {
    font-weight: 500;
    font-family: 'Roboto';
    background-color: #2d2d2d;
    padding-left: 10px;
    padding-right: 10px;
    padding-top: 5px;
    padding-bottom: 5px;
    border-radius: 8px;
    font-size: 12px;
    color: #ffffff;
}
.ffpf-link-verdetalhes a {
  font-family: 'Roboto';
    font-size: 18px;
    color: #000000!important;
    margin-top: 3px;
}
.ffp-link-div {
  display: flex;
    gap: 5px;
}

.ffpf-thumb{
  display:block;
  background:#f3f4f6;
  background-size:cover;
  background-position:center;
  aspect-ratio: 1 / 1;
}
.ffpf-card-body{ padding:12px 14px; }
.ffpf-title{
  margin:0 0 8px 0;
  font-family: 'Inter';
  font-size:20px;
  line-height:1.2;
  text-align: left;
  margin-bottom: 7px;
}
.ffpf-title a{ color:inherit; text-decoration:none; }
.ffpf-title a:hover{ text-decoration:underline; }
.ffpf-meta{
  list-style:none; padding:0; margin:0; color:var(--ffpf-muted);
  display:flex; flex-direction:column; gap:4px;
}
.ffpf-empty{ color:var(--ffpf-muted); text-align:center; padding:20px 0; }

.ffpf-pagination{ display:flex; justify-content:center; margin-top:18px; }
.ffpf-pagination .page-numbers{ 
  display:inline-flex; align-items:center; justify-content:center;
  min-width:36px; height:36px; border-radius:12px; border:1px solid var(--ffpf-border); margin:0 4px; padding:0 10px; text-decoration:none; color:var(--ffpf-text); 
}
.ffpf-pagination .page-numbers.current{ background:#111827; color:#fff; border-color:#111827; }
.ffpf-pagination .page-numbers:hover{ background:#f9fafb; }

.ffpf-warning{ font-size:14px; }