/* Ausgelagert aus template-parts/blocks/pakete.php – Reihenfolge der Blöcke wie in der Vorlage. */
/* Pakete — Desktop unverändert; die Chips und der „weitere"-Knopf gibt es nur mobil. */
.pk-chips, .pk-mehr, .pk__kurz { display: none; }
@media (max-width: 640px) {
	/* Reihenfolge: Kopf → Preise → Buttons → Bewertungen */
	.pk__grid { display: flex !important; flex-direction: column; gap: 0 !important; }
	.pk__links { display: contents; }
	.pk__kopf { order: 0; }
	.pk__rechts { order: 1; margin-top: 22px; }
	.pk__cta { order: 2; margin-top: 26px !important; }
	.pk__proof { order: 3; margin-top: 22px !important; }
	.pk__lang { display: none; }
	.pk__kurz { display: block; margin-top: 14px; font-size: 15.5px; line-height: 1.6; color: var(--muted); }

	/* Preis-Chips */
	.pk-chips { display: grid; grid-template-columns: minmax(0, 1fr) minmax(0, 1.32fr) minmax(0, .92fr); gap: 4px; padding: 5px; margin-bottom: 14px; border-radius: 18px; background: var(--paper); }
	.pk-chip { display: flex; flex-direction: column; align-items: flex-start; gap: 2px; min-width: 0; padding: 9px 8px; border: 0; border-radius: 13px; background: none; font: inherit; color: var(--ink); text-align: left; cursor: pointer; transition: background-color .2s var(--se-ease), box-shadow .2s var(--se-ease); }
	.pk-chip__l { max-width: 100%; font-size: 11.5px; font-weight: 600; color: var(--muted); white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
	.pk-chip__p { font-size: 15px; font-weight: 800; letter-spacing: -.02em; white-space: nowrap; }
	.pk-chip.is-active { background: #fff; box-shadow: 0 6px 16px -10px rgba(9, 32, 84, .45), 0 0 0 1px rgba(13, 13, 13, .06); }
	.pk-chip.is-active .pk-chip__l { color: var(--se-accent); }
	.pk-chip:focus-visible { outline: 2px solid var(--se-accent); outline-offset: 2px; }

	/* Bild + Karte als eine Einheit: schmaler Bildstreifen oben */
	.pk-slide { gap: 0 !important; }
	.pk-bild { min-height: 0 !important; height: 112px; border-radius: 22px 22px 0 0 !important; }
	.pk-bild__name { display: none !important; }
	.pk-karte { padding: 22px !important; border-radius: 0 0 22px 22px !important; border-top: 0 !important; }
	.pk-karte > h3 { font-size: 16px !important; }
	.pk-karte > div:nth-of-type(1) > span:first-child { font-size: 38px !important; }
	.pk-karte__desc { margin-top: 10px !important; }
	.pk-karte > div:nth-of-type(2) { margin-top: 18px !important; padding-top: 16px !important; margin-bottom: 12px !important; }
	.pk-karte > div:nth-of-type(3) { gap: 11px !important; }
	.pk-karte > a { margin-top: 20px !important; padding: 7px 7px 7px 20px !important; }

	/* Liste: 3 Punkte sichtbar, Rest auf Tipp */
	.pk-x { display: none !important; }
	.pk-karte.is-mehr .pk-x { display: flex !important; }
	.pk-mehr { display: inline-flex; align-self: flex-start; margin-top: 2px; padding: 4px 0; border: 0; background: none; font: inherit; font-size: 14px; font-weight: 700; cursor: pointer; }
	.pk-karte.is-mehr .pk-mehr { display: none; }

	/* Chips ersetzen Pfeile + Punkte */
	.pk-nav { display: none !important; }
}
@media (prefers-reduced-motion: reduce) { .pk-chip { transition: none; } }

/* Mobil: „Mehr zu …" als Textlink – sonst stünden unter der Karte zwei
   Buttons übereinander (Feedback 15.10.2026). */
@media (max-width: 640px) {
	.pk-karte > a.pk-info { background: none !important; padding: 4px 0 !important; gap: 8px !important; color: var(--accent) !important; box-shadow: none !important; transform: none !important; }
	.pk-karte[style*="se-blue"] > a.pk-info { color: var(--se-sun) !important; }
	.pk-info .se-arr { display: none !important; }
	.pk-karte > a.pk-info::after { content: "→"; transition: transform .25s var(--se-ease); }
}

@media (max-width: 640px) { .pk-karte > div:nth-of-type(1) > span.pk-preis--text { font-size: 28px !important; } }