/* =========================================================
   PIÓCA JELVÉNY — „Orvosi pióca hatóanyaggal” (pioca-jelveny.php)
   ========================================================= */

.kv-pioca-badge {
    display: inline-flex;
    align-items: center;
    gap: 6px;
    padding: 7px 12px 7px 9px;
    border-radius: 999px;
    background: #2b3a25;
    color: #f5efe0;
    font: 700 12px/1.2 "Plus Jakarta Sans", system-ui, sans-serif;
    letter-spacing: .02em;
    white-space: nowrap;
    box-shadow: 0 4px 12px rgba(43, 58, 37, .25);
}

.kv-pioca-badge svg {
    flex: none;
    color: #e2c878;
}

/* Kártyakép bal alsó sarka — a felső sarkokban az akció- és csomagjelölés van. */
.kv-pioca-badge--overlay {
    position: absolute;
    left: 14px;
    bottom: 14px;
    z-index: 2;
    pointer-events: none;
}

/* Termékoldal: akciós badge + pióca jelvény egymás mellett. */
.kv-badge-stack {
    display: inline-flex;
    flex-wrap: wrap;
    align-items: center;
    gap: 8px;
}

.kv-badge-stack .kv-pioca-badge {
    padding: 9px 16px 9px 12px;
    font-size: 13px;
}

@media (max-width: 480px) {
    .kv-pioca-badge--overlay {
        left: 10px;
        bottom: 10px;
        padding: 6px 10px 6px 8px;
        font-size: 11px;
    }
}

/* Kapcsolódó termékek kártyája: a kép a jelvény pozicionálási kerete. */
.modulwoo-kapcsolodo-termekek__image {
    position: relative;
}

/* Webshop kategória-szakasz címe alatt. */
.kv-pioca-line {
    display: inline-flex;
    align-items: center;
    gap: 7px;
    margin: 10px 0 0;
    padding: 6px 13px 6px 10px;
    border-radius: 999px;
    background: #2b3a25;
    color: #f5efe0;
    font: 700 13px/1.3 "Plus Jakarta Sans", system-ui, sans-serif;
}

.kv-pioca-line svg {
    flex: none;
    color: #e2c878;
}