/* FPA Widgets – Produkt-Karussell für das WooCommerce-Widget „Produkte“ (Seitenleiste) */
.fpa-pk{--fpa-pk-akzent:#f65002;--fpa-pk-gap:12px;position:relative;max-width:100%;min-width:0;container-type:inline-size;font-size:14px;line-height:1.35}
.fpa-pk-widget{min-width:0;max-width:100%}
.fpa-pk .fpa-pk__spur{display:flex;gap:var(--fpa-pk-gap);margin:0 !important;padding:2px 2px 6px !important;list-style:none !important;overflow-x:auto;overflow-y:hidden;scroll-snap-type:x mandatory;scroll-behavior:smooth;overscroll-behavior-x:contain;-webkit-overflow-scrolling:touch;scrollbar-width:none;scroll-padding-inline:2px}
.fpa-pk .fpa-pk__spur::-webkit-scrollbar{display:none}
/* Theme setzt auf alle Sidebar-/Footer-li Pfeil-Icon, Einzug, Trennlinie und Übergang – hier aus */
.fpa-pk li.fpa-pk__item{flex:0 0 78%;max-width:78%;min-width:0;margin:0 !important;padding:0 !important;border:0 !important;list-style:none !important;position:relative;line-height:inherit;transition:none;scroll-snap-align:start;scroll-snap-stop:normal;clear:none}
.fpa-pk li.fpa-pk__item::before,.fpa-pk li.fpa-pk__item:before,.fpa-pk li.fpa-pk__item::after,.fpa-pk li.fpa-pk__item:after{content:none !important;display:none !important}
@container (min-width:320px){.fpa-pk li.fpa-pk__item{flex-basis:calc((100% - var(--fpa-pk-gap)) / 1.55);max-width:calc((100% - var(--fpa-pk-gap)) / 1.55)}}
@container (min-width:500px){.fpa-pk li.fpa-pk__item{flex-basis:calc((100% - 2 * var(--fpa-pk-gap)) / 2.4);max-width:calc((100% - 2 * var(--fpa-pk-gap)) / 2.4)}}
@container (min-width:720px){.fpa-pk li.fpa-pk__item{flex-basis:calc((100% - 3 * var(--fpa-pk-gap)) / 3.4);max-width:calc((100% - 3 * var(--fpa-pk-gap)) / 3.4)}}
.fpa-pk a.fpa-pk__karte{display:flex;flex-direction:column;height:100%;background:#fff;border:1px solid #ececec;border-radius:12px;overflow:hidden;color:#222;text-decoration:none !important;font-weight:400;box-shadow:0 1px 3px rgba(0,0,0,.05);transition:box-shadow .2s,border-color .2s}
.fpa-pk a.fpa-pk__karte:hover{border-color:#ddd;box-shadow:0 4px 14px rgba(0,0,0,.09)}
.fpa-pk a.fpa-pk__karte:focus-visible{outline:2px solid var(--fpa-pk-akzent);outline-offset:-2px}
.fpa-pk .fpa-pk__bild{position:relative;display:block;aspect-ratio:1/1;background:#f4f4f5;overflow:hidden}
.fpa-pk .fpa-pk__bild img,.fpa-pk img.fpa-pk__img{display:block;width:100% !important;height:100% !important;max-width:none;margin:0 !important;float:none !important;object-fit:contain;object-position:center;border-radius:0}
.fpa-pk .fpa-pk__badge{position:absolute;top:8px;left:8px;background:var(--fpa-pk-akzent);color:#fff;font-size:11px;font-weight:700;line-height:1;padding:5px 7px;border-radius:999px;letter-spacing:.02em}
.fpa-pk .fpa-pk__text{display:flex;flex-direction:column;gap:6px;padding:10px 12px 12px;flex:1 1 auto;min-width:0}
.fpa-pk .fpa-pk__name{font-weight:600;font-size:14px;line-height:1.3;color:#222;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden;overflow-wrap:anywhere;transition:color .15s}
.fpa-pk a.fpa-pk__karte:hover .fpa-pk__name,.fpa-pk a.fpa-pk__karte:focus-visible .fpa-pk__name{color:var(--fpa-pk-akzent)}
.fpa-pk .fpa-pk__preis{margin-top:auto;font-weight:700;font-size:15px;color:var(--fpa-pk-akzent)}
.fpa-pk .fpa-pk__preis del{color:#8a8d93;font-weight:400;font-size:13px;margin-right:4px;opacity:1}
.fpa-pk .fpa-pk__preis ins{text-decoration:none;background:none}
.fpa-pk .fpa-pk__preis .woocommerce-price-suffix{font-size:11px;color:#6b6f76;font-weight:400}
/* Nur ein Produkt: kompakte Karte über die volle Breite (Bild links) */
.fpa-pk--einzeln li.fpa-pk__item{flex:1 1 100%;max-width:100%}
@container (min-width:320px){.fpa-pk--einzeln li.fpa-pk__item{flex-basis:100%;max-width:100%}}
.fpa-pk--einzeln a.fpa-pk__karte{flex-direction:row;align-items:stretch}
.fpa-pk--einzeln .fpa-pk__bild{flex:0 0 38%;max-width:150px;aspect-ratio:1/1}
.fpa-pk--einzeln .fpa-pk__text{justify-content:center}
.fpa-pk--einzeln .fpa-pk__preis{margin-top:4px}
/* Navigation (per JS sichtbar, sobald es etwas zu blättern gibt) */
.fpa-pk .fpa-pk__nav{display:flex;align-items:center;justify-content:center;gap:8px;margin-top:6px}
.fpa-pk .fpa-pk__nav[hidden]{display:none}
.fpa-pk .fpa-pk__punkte{display:flex;flex-wrap:wrap;justify-content:center;gap:2px;min-width:0}
.fpa-pk button.fpa-pk__punkt{width:24px;height:24px;padding:0;margin:0;border:0;background:none;cursor:pointer;display:grid;place-items:center;box-shadow:none;min-height:0;line-height:1}
.fpa-pk button.fpa-pk__punkt::after{content:"";width:7px;height:7px;border-radius:999px;background:#cfd1d5;transition:width .25s,background-color .25s}
.fpa-pk button.fpa-pk__punkt[aria-current="true"]::after{width:18px;background:var(--fpa-pk-akzent)}
.fpa-pk button.fpa-pk__pfeil,.fpa-pk button.fpa-pk__pause{flex:0 0 auto;display:inline-grid;place-items:center;width:34px;height:34px;min-height:0;padding:0;margin:0;border:1px solid #e1e2e5;border-radius:999px;background:#fff;color:#333;cursor:pointer;box-shadow:0 1px 2px rgba(0,0,0,.06);line-height:1;transition:background-color .15s,color .15s,border-color .15s,opacity .15s}
.fpa-pk button.fpa-pk__pause{width:28px;height:28px;border-color:transparent;box-shadow:none;color:#6b6f76;background:transparent}
.fpa-pk button.fpa-pk__pause[hidden]{display:none}
.fpa-pk button.fpa-pk__pfeil:hover:not(:disabled),.fpa-pk button.fpa-pk__pfeil:focus-visible{background:var(--fpa-pk-akzent);border-color:var(--fpa-pk-akzent);color:#fff}
.fpa-pk button.fpa-pk__pause:hover,.fpa-pk button.fpa-pk__pause:focus-visible{color:var(--fpa-pk-akzent)}
.fpa-pk button.fpa-pk__pfeil:disabled{opacity:.35;cursor:default}
.fpa-pk button:focus-visible{outline:2px solid var(--fpa-pk-akzent);outline-offset:2px}
.fpa-pk .fpa-pk__i-play{display:none}
.fpa-pk .fpa-pk__pause[aria-pressed="true"] .fpa-pk__i-play{display:inline}
.fpa-pk .fpa-pk__pause[aria-pressed="true"] .fpa-pk__i-pause{display:none}
/* Touch-Geräte: wischen statt Pfeile */
@media (hover:none) and (pointer:coarse){.fpa-pk button.fpa-pk__pfeil{display:none}}
@media (prefers-reduced-motion:reduce){.fpa-pk .fpa-pk__spur{scroll-behavior:auto}.fpa-pk a.fpa-pk__karte,.fpa-pk button.fpa-pk__punkt::after{transition:none}}


/* Seitenleiste: eine volle Karte, kein abgeschnittenes Peek – gegen Overflow am weißen Content-Rand */
#secondary .fpa-pk-widget,
#secondary .fpa-pk{max-width:100%;min-width:0;overflow:visible}
#secondary .fpa-pk .fpa-pk__spur{
	padding:4px 4px 8px !important;
	scroll-padding-inline:4px;
	gap:10px;
}
#secondary .fpa-pk li.fpa-pk__item{
	flex:0 0 100%;
	max-width:100%;
	scroll-snap-align:start;
}
@container (min-width:320px){
	#secondary .fpa-pk li.fpa-pk__item{flex-basis:100%;max-width:100%}
}
@container (min-width:500px){
	#secondary .fpa-pk li.fpa-pk__item{flex-basis:100%;max-width:100%}
}
@container (min-width:720px){
	#secondary .fpa-pk li.fpa-pk__item{flex-basis:100%;max-width:100%}
}
.bcf-sidebar,
#secondary.widget-area.sidebar{overflow-x:visible;min-width:0}
#secondary .fpa-pk a.fpa-pk__karte{max-width:100%}