/* =============================================================================
   Schägner Produktkatalog – eigene Anpassungen
   Ablage: /wp-content/themes/flatsome-child/assets/produkt-custom.css

   Diese Datei gehört DIR. Das Plugin fasst sie nie an und lädt sie nach
   seinem eigenen Stylesheet – deine Regeln gewinnen also weiterhin.

   Die Variablen aus dem Plugin (--pk-akzent, --pk-bildformat, --pk-schrift …)
   lassen sich hier überschreiben, indem du sie in einem :root-Block neu
   setzt.
   ============================================================================= */


/*------------ EIGENES CSS ------------*/
/*-------------------------------------*/
/*-------------------------------------*/
:root {
    --pk-bildformat: 7 / 9;
}
.produkt-beschreibung {
	padding: 0;
}
.produkt-eichungen__liste li:first-child {
	margin-left: 0;
}

/* Produktbild auf der Karte.
   Das Seitenverhältnis kommt aus --pk-bildformat ganz oben – eine Änderung
   dort wirkt gleichzeitig hier und auf der Detailseite.
   object-fit: cover beschneidet das Bild auf das Format. Falls dabei
   Becherränder abgeschnitten werden, auf contain wechseln; dann bleibt
   oben und unten etwas Luft. */
.produkt-karte .produkt-hauptbild img {
	aspect-ratio: var(--pk-bildformat);
    object-fit: cover;
}
.produkt-karte .produkt-kopf__titel {
	font-size: 1.25rem;
    line-height: 1.5rem;
}
.single-produkt .produkt-hauptbild {
	padding: 0;
}
.single-produkt .produkt-hauptbild img {
	margin: 0;
    width: 100%;
    height: auto;
	aspect-ratio: var(--pk-bildformat);
    object-fit: cover;
}
.single-produkt table.produkt-specs {
	font-size: var(--pk-schrift)
} 
.produkt-daten__titel {
	font-size: 1.25rem;
}

.produkt-karte__titel, .produkt-karte .produkt-kopf__titel {
	min-height: 0 !important;
}