/* Kork-Paradies Sets – components rendered by the plugin's shortcodes.
   Tokens from build/DESIGN.md: ink #1B1F1C, muted #5B635D, line #E3E0D6,
   surface #F5F3EC, accent #4E7F5D, accent-wash #EAF2EC; radius 8px controls / 12px cards. */

.kp-subtitle { margin: 4px 0 0; color: #5B635D; font-size: 15px; line-height: 1.4; }

.kp-stock { margin: 12px 0 0; font-size: 14px; display: flex; align-items: center; gap: 8px; }
.kp-stock::before { content: ""; width: 8px; height: 8px; border-radius: 50%; background: #4E7F5D; }
.kp-stock--out::before { background: #5B635D; }
.kp-stock--in { color: #4E7F5D; }
.kp-stock--out { color: #5B635D; }

.kp-badge { display: inline-block; white-space: nowrap; margin: 8px 0 0; padding: 3px 10px; border-radius: 999px; background: #EAF2EC; color: #4E7F5D; font-size: 13px; font-weight: 700; }
.kp-price-compare { display: block; font-size: 13px; font-weight: 400; color: #5B635D; }

.kp-set { border-top: 1px solid #E3E0D6; padding-top: 16px; }
.kp-set__title { font-weight: 900; margin: 0 0 8px; }
.kp-set__list { list-style: none; margin: 0; padding: 0; }
.kp-set__item { display: flex; align-items: center; justify-content: space-between; gap: 12px; padding: 8px 0; border-bottom: 1px solid #E3E0D6; }
.kp-set__item a { display: flex; align-items: center; gap: 12px; color: #1B1F1C; text-decoration: none; }
.kp-set__item img { width: 56px; height: 56px; object-fit: cover; border-radius: 8px; background: #F5F3EC; }
.kp-set__price { white-space: nowrap; color: #5B635D; }
.kp-set__sum { display: flex; justify-content: space-between; margin: 12px 0 0; color: #5B635D; }

.kp-sets { display: grid; gap: 12px; }
.kp-sets__card { display: grid; grid-template-columns: 1fr; gap: 12px; padding: 16px; border: 1px solid #E3E0D6; border-radius: 12px; background: #FFFFFF; }
.kp-sets__thumbs { display: flex; }
.kp-sets__thumbs img { width: 56px; height: 56px; object-fit: cover; border-radius: 8px; border: 2px solid #FFFFFF; background: #F5F3EC; margin-left: -14px; }
.kp-sets__thumbs img:first-child { margin-left: 0; }
.kp-sets__name { font-weight: 900; color: #1B1F1C; text-decoration: none; }
.kp-sets__prices { margin: 4px 0 0; }
.kp-sets__price { font-weight: 700; color: #1B1F1C; }
.kp-sets__single { color: #5B635D; font-size: 14px; }
.kp-sets__button { display: block; text-align: center; padding: 12px 16px; border-radius: 8px; background: #1B1F1C; color: #FFFFFF; font-weight: 700; text-decoration: none; white-space: nowrap; }
.kp-sets__button:hover { background: #4E7F5D; color: #FFFFFF; }