/* lab-responsive.css — page-specific responsive rules
   Generated by _build/extract-css.cjs. Load AFTER kp-global.css. */

/* ── BASE (scoped na stránku — záměrně NEprosakuje do kp-global) ── */
#brxe-b0a1d5 { display: block !important; }
.kp-lab-list { display: flex; flex-wrap: wrap; justify-content: center; gap: 20px; align-items: stretch; }
.kp-lab-empty { color: #9A9AA0; font: 500 15px/1.6 'Montserrat', sans-serif; padding: 24px; }
.kp-lab-card { flex: 0 1 395px; max-width: 395px; min-width: 0; position: relative; background: #19191E; border: 1px solid #2C2C2C; border-radius: 10px; padding: 22px; color: #F5F5F5; font-family: 'Montserrat', sans-serif; overflow: hidden; }
.kp-lab-card::before { content: ""; position: absolute; top: 0; left: 0; right: 0; height: 3px; background: #C8FF00; border-radius: 10px 10px 0 0; }
.kp-lab-card-head { display: flex; align-items: center; justify-content: space-between; gap: 10px; margin-bottom: 14px; }
.kp-lab-typ { display: inline-flex; align-items: center; gap: 8px; padding: 5px 10px; background: rgba(255, 255, 255, 0.04); border: 1px solid #C8FF00; border-radius: 999px; color: #C8FF00; font: 800 10px/1 'Montserrat', sans-serif; letter-spacing: 1.2px; white-space: nowrap; }
.kp-lab-typ::before { content: ""; width: 7px; height: 7px; flex: 0 0 auto; border-radius: 999px; background: currentColor; }
.kp-lab-card[data-typ="zeleny"] .kp-lab-typ { color: #C8FF00; border-color: #C8FF00; }
.kp-lab-card[data-typ="bily"] .kp-lab-typ { color: #F5F5F5; border-color: #F5F5F5; }
.kp-lab-card[data-typ="zlaty"] .kp-lab-typ { color: #E0B83A; border-color: #E0B83A; }
.kp-lab-card[data-typ="cerveny"] .kp-lab-typ { color: #FF5A5A; border-color: #FF5A5A; }
.kp-lab-verdikt { display: inline-flex; align-items: center; gap: 6px; padding: 5px 10px; background: rgba(200, 255, 0, 0.12); border: 1px solid #C8FF00; border-radius: 4px; color: #C8FF00; font: 800 10px/1 'Montserrat', sans-serif; letter-spacing: 1px; white-space: nowrap; }
.kp-lab-verdikt::before { content: ""; width: 11px; height: 11px; flex: 0 0 auto; background: currentColor; -webkit-mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='3' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M20 6 9 17l-5-5'/%3E%3C/svg%3E") center / contain no-repeat; mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='3' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M20 6 9 17l-5-5'/%3E%3C/svg%3E") center / contain no-repeat; }
.kp-lab-sarze { color: #9A9AA0; font: 800 10px/1 ui-monospace, Menlo, monospace; letter-spacing: 0.16em; margin-bottom: 8px; }
.kp-lab-sarze::before { content: ""; display: inline-block; width: 0; height: 0; border-left: 4px solid transparent; border-right: 4px solid transparent; border-bottom: 6px solid #C8FF00; margin-right: 6px; vertical-align: middle; }
.kp-lab-title { color: #F5F5F5; font: 900 18px/1.2 'Montserrat', sans-serif; text-transform: uppercase; letter-spacing: -0.09px; margin: 0 0 10px; }
.kp-lab-date { font: 600 10px/1 'Montserrat', sans-serif; letter-spacing: 0.4px; margin-bottom: 6px; }
.kp-lab-date::before { content: ""; display: inline-block; width: 7px; height: 7px; border-radius: 999px; background: #C8FF00; margin-right: 8px; vertical-align: middle; }
.kp-lab-date-label { color: #9A9AA0; }
.kp-lab-date-val { color: #DCDCDC; }
.kp-lab-by { color: #9A9AA0; font: 600 11px/1.4 'Montserrat', sans-serif; margin-bottom: 16px; }
.kp-lab-by strong { color: #DCDCDC; font-weight: 700; }
.kp-lab-rows { list-style: none; margin: 0 0 16px; padding: 0; background: #0A0A0F; border: 1px solid #2C2C2C; border-radius: 8px; }
.kp-lab-row { display: flex; align-items: center; justify-content: space-between; gap: 12px; padding: 10px 14px; border-bottom: 1px solid #2C2C2C; }
.kp-lab-row:last-child { border-bottom: none; }
.kp-lab-param { color: #9A9AA0; font: 600 11px/1.3 'Montserrat', sans-serif; }
.kp-lab-val { display: inline-flex; align-items: center; gap: 8px; color: #F5F5F5; font: 800 12px/1 'Montserrat', sans-serif; }
.kp-lab-check { position: relative; width: 16px; height: 16px; flex: 0 0 auto; border-radius: 999px; background: rgba(200, 255, 0, 0.15); }
.kp-lab-check::before { content: ""; position: absolute; inset: 0; margin: auto; width: 10px; height: 10px; background: #C8FF00; -webkit-mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='3' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M20 6 9 17l-5-5'/%3E%3C/svg%3E") center / contain no-repeat; mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='3' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M20 6 9 17l-5-5'/%3E%3C/svg%3E") center / contain no-repeat; }
.kp-lab-cert { display: flex; align-items: center; justify-content: center; gap: 10px; background: #2C2C2C; border: 1px solid #2C2C2C; border-radius: 8px; padding: 12px 14px; color: #F5F5F5; font: 800 11px/1 'Montserrat', sans-serif; letter-spacing: 0.88px; text-transform: uppercase; text-decoration: none; transition: border-color .15s, color .15s; }
.kp-lab-cert:hover { border-color: #C8FF00; color: #C8FF00; }
.kp-lab-dl, .kp-lab-arrow { flex: 0 0 auto; background: currentColor; }
.kp-lab-dl { width: 14px; height: 14px; -webkit-mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M21 15v4a2 2 0 0 1-2 2H5a2 2 0 0 1-2-2v-4'/%3E%3Cpolyline points='7 10 12 15 17 10'/%3E%3Cline x1='12' y1='15' x2='12' y2='3'/%3E%3C/svg%3E") center / contain no-repeat; mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M21 15v4a2 2 0 0 1-2 2H5a2 2 0 0 1-2-2v-4'/%3E%3Cpolyline points='7 10 12 15 17 10'/%3E%3Cline x1='12' y1='15' x2='12' y2='3'/%3E%3C/svg%3E") center / contain no-repeat; }
.kp-lab-arrow { width: 12px; height: 12px; margin-left: auto; -webkit-mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='2.5' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='m9 18 6-6-6-6'/%3E%3C/svg%3E") center / contain no-repeat; mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='2.5' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='m9 18 6-6-6-6'/%3E%3C/svg%3E") center / contain no-repeat; }
.kp-chip { display: inline-flex !important; align-items: center; gap: 8px; padding: 10px 18px !important; background: transparent !important; border: 1px solid #2C2C2C !important; border-radius: 999px !important; color: #F5F5F5 !important; font: 800 11px/1 'Montserrat', sans-serif !important; letter-spacing: 0.06em; text-transform: uppercase; cursor: pointer; }
.kp-chip-dot { width: 8px !important; height: 8px !important; flex: 0 0 auto; border-radius: 999px !important; }
.kp-chip[data-typ="zeleny"] .kp-chip-dot { background: #4FB83A !important; }
.kp-chip[data-typ="bily"] .kp-chip-dot { background: #E8E8E8 !important; }
.kp-chip[data-typ="zlaty"] .kp-chip-dot { background: #E8A020 !important; }
.kp-chip[data-typ="cerveny"] .kp-chip-dot { background: #E8472A !important; }
.kp-chip--active { background: #C8FF00 !important; border-color: #C8FF00 !important; color: #0A0A0F !important; }
.kp-chip.kp-chip--active .kp-chip-dot { background: #0A0A0F !important; }
.kp-sort { background: transparent !important; border: 0 !important; border-radius: 0 !important; padding: 8px 16px !important; color: #9A9AA0 !important; font: 700 11px/1 'Montserrat', sans-serif !important; letter-spacing: 0.06em; text-transform: uppercase; cursor: pointer; }
.kp-sort--active { border: 1px solid #2C2C2C !important; border-radius: 999px !important; color: #F5F5F5 !important; font-weight: 800 !important; }

@media (max-width: 950px) {
  .kp-lab-card { flex-basis: 100%; max-width: 460px; }
}