/* Inserat-Produktseite (eBay-Artikel) — Ergaenzungen zu den Bausteinen der
   Felgen-Produktseite (product.css, seite-produkt.css). Aufbau:
   woocommerce/single-product-inserat.php */

.ff-inserat-seite .ff-verz-krumen { margin: 0 0 16px; }

/* Echte Fotos statt Freisteller: Bild fuellt die Flaeche */
.ff-inserat-zoom {
  position: relative; aspect-ratio: 1 / 1; overflow: hidden;
  border-radius: var(--r, 14px); background: var(--bg);
  display: flex; align-items: center; justify-content: center;
}
.ff-inserat-zoom img { width: 100%; height: 100%; object-fit: cover; transition: transform .3s; }
.ff-inserat-zoom.zoom-active img { cursor: zoom-in; }
.ff-inserat-zoom__btn {
  position: absolute; right: 12px; bottom: 12px; z-index: 2;
  width: 36px; height: 36px; border-radius: 50%;
  display: flex; align-items: center; justify-content: center;
  background: rgba(255, 255, 255, .92); border: 1.5px solid var(--border);
  box-shadow: 0 2px 8px rgba(0, 0, 0, .12); cursor: pointer; color: var(--text);
}
.ff-inserat-zoom__btn .material-symbols-rounded { font-size: 18px; }
.ff-inserat-zoom__btn.zoom-active { background: var(--text); color: var(--bg); }

.ff-inserat-daumen { display: flex; gap: 8px; margin-top: 12px; overflow-x: auto; }
.ff-inserat-daumen .ff-thumb {
  flex: 0 0 64px; width: 64px; height: 64px; padding: 0; overflow: hidden; cursor: pointer;
  border-radius: var(--r-sm, 10px); border: 2px solid transparent; background: var(--bg);
}
.ff-inserat-daumen .ff-thumb.is-active { border-color: var(--accent); }
.ff-inserat-daumen .ff-thumb img { width: 100%; height: 100%; object-fit: cover; display: block; }

/* Preis aus WooCommerce (mit evtl. Streichpreis) in der Groesse des Preisblocks */
.ff-inserat-seite .ff-preisblock__preis del { font-size: .55em; font-weight: 500; color: var(--text3); margin-right: 6px; }
.ff-inserat-seite .ff-preisblock__preis ins { text-decoration: none; }

/* Passform zum gewaehlten Fahrzeug */
.ff-inserat-passform {
  display: flex; align-items: center; gap: 8px; margin: 0 0 18px;
  padding: 10px 12px; border-radius: 10px; font-size: 13px; font-weight: 600;
}
.ff-inserat-passform .material-symbols-rounded { font-size: 18px; }
.ff-inserat-passform.is-passt { background: rgba(27, 138, 58, .08); color: #1b8a3a; }
.ff-inserat-passform.is-nein  { background: rgba(245, 158, 11, .1); color: #a16207; }

/* Vertrauenszeile wie auf der Felgenseite */
.ff-inserat-vertrauen {
  display: flex; flex-wrap: wrap; gap: 6px 18px; padding-top: 6px;
  font-size: 12px; font-weight: 500; color: var(--text3);
}
.ff-inserat-vertrauen > * { display: inline-flex; align-items: center; gap: 4px; color: inherit; text-decoration: none; }
.ff-inserat-vertrauen a:hover { color: var(--text); }
.ff-inserat-vertrauen .material-symbols-rounded { font-size: 15px; color: var(--accent); }

.ff-inserat-seite .ff-sec-head { display: flex; align-items: flex-end; justify-content: space-between; gap: 16px; flex-wrap: wrap; }

@media (max-width: 900px) {
  .ff-inserat-seite .ff-prod-grid { grid-template-columns: 1fr !important; }
  .ff-inserat-seite .ff-specs-grid { grid-template-columns: 1fr !important; }
}
.ff-inserat-alle {
  display: inline-flex; align-items: center; padding: 9px 16px; border-radius: 10px;
  border: 1px solid var(--border); font-size: 13px; font-weight: 600; color: var(--text); text-decoration: none;
}
.ff-inserat-alle:hover { border-color: var(--text); }
.ff-inserat-seite .ff-alt .t-caps { font-size: 11px; font-weight: 700; letter-spacing: .08em; text-transform: uppercase; }

/* "Neue Felgen": Serienkarten (ff-pcard) mit der Preiszeile der /felgen-Karten —
   "ab 629,00 € für 4 Felgen" in einer Zeile, Pflichtangabe einmal darunter. */
.ff-inserat-seite .ff-pcard-grid .ff-pcard__price { font-size: 13px; line-height: 1.35; }
.ff-inserat-seite .ff-pcard-grid .ff-pcard__price strong { font-size: 14px; letter-spacing: -0.01em; line-height: 1.35; }
.ff-inserat-seite .ff-pcard-grid .ff-pcard__price .kfg__pcard-unit { flex-basis: auto; font-weight: 500; }
.ff-inserat-seite .ff-pcard-grid .ff-pcard__tax { display: none; }
.ff-inserat-seite .ff-grid-preishinweis { margin: 1.25rem 0 0; font-size: 12px; color: var(--text3); text-align: center; }
.ff-inserat-seite .ff-grid-preishinweis a { color: inherit; }