:root {
--mk-green:   #2c7a4b;
--mk-green-l: #e8f5ee;
--mk-gold:    #c07b10;
--mk-gold-l:  #fff8e6;
--mk-red:     #c0392b;
--mk-bg:      #f7f9f8;
--mk-border:  #dce8e2;
--mk-text:    #222;
--mk-muted:   #666;
--mk-radius:  10px;
--mk-shadow:  0 2px 12px rgba(44,122,75,.10);
} .mkalk-wrap {
max-width: 720px;
margin: 0 auto;
font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', sans-serif;
color: var(--mk-text);
} .mkalk-progress-outer {
height: 6px;
background: var(--mk-border);
border-radius: 3px;
margin-bottom: 6px;
overflow: hidden;
}
.mkalk-progress-bar {
height: 100%;
background: var(--mk-green);
transition: width .4s ease;
} .mkalk-steps-nav {
display: flex;
gap: 4px;
margin-bottom: 28px;
flex-wrap: wrap;
}
.mkalk-snav {
font-size: 12px;
color: var(--mk-muted);
padding: 3px 8px;
border-radius: 20px;
cursor: default;
}
.mkalk-snav.active {
background: var(--mk-green-l);
color: var(--mk-green);
font-weight: 700;
} .mkalk-step-title {
font-size: 22px;
font-weight: 800;
margin: 0 0 6px;
color: var(--mk-green);
}
.mkalk-step-desc {
color: var(--mk-muted);
margin: 0 0 24px;
font-size: 14px;
line-height: 1.5;
} .mkalk-field {
margin-bottom: 20px;
}
.mkalk-field--mt {
margin-top: 28px;
}
.mkalk-field label {
display: block;
font-weight: 600;
font-size: 14px;
margin-bottom: 6px;
}
.mkalk-field input[type="text"],
.mkalk-field input[type="email"],
.mkalk-field input[type="number"] {
width: 100%;
padding: 10px 14px;
border: 1.5px solid var(--mk-border);
border-radius: var(--mk-radius);
font-size: 15px;
box-sizing: border-box;
transition: border-color .2s;
}
.mkalk-field input:focus {
outline: none;
border-color: var(--mk-green);
box-shadow: 0 0 0 3px rgba(44,122,75,.12);
}
.mkalk-input-wrap {
position: relative;
display: flex;
align-items: center;
}
.mkalk-input-wrap input {
flex: 1;
padding-right: 70px !important;
}
.mkalk-unit {
position: absolute;
right: 12px;
font-size: 12px;
color: var(--mk-muted);
white-space: nowrap;
}
.mkalk-hint {
display: block;
font-size: 12px;
color: var(--mk-muted);
margin-top: 5px;
line-height: 1.4;
} .mkalk-radio-group {
display: flex;
gap: 10px;
flex-wrap: wrap;
}
.mkalk-radio-card {
flex: 1;
min-width: 140px;
cursor: pointer;
}
.mkalk-radio-card input[type="radio"] {
display: none;
}
.mkalk-radio-inner {
display: block;
border: 2px solid var(--mk-border);
border-radius: var(--mk-radius);
padding: 10px 14px;
transition: border-color .2s, background .2s;
}
.mkalk-radio-inner strong {
display: block;
font-size: 13px;
}
.mkalk-radio-inner small {
display: block;
font-size: 11px;
color: var(--mk-muted);
margin-top: 2px;
}
.mkalk-radio-card input:checked + .mkalk-radio-inner {
border-color: var(--mk-green);
background: var(--mk-green-l);
}
.mkalk-radio-group--sm .mkalk-radio-card {
min-width: 100px;
} .mkalk-slider-wrap {
display: flex;
align-items: center;
gap: 12px;
}
.mkalk-slider-wrap input[type="range"] {
flex: 1;
accent-color: var(--mk-green);
height: 4px;
cursor: pointer;
}
.mkalk-slider-out {
min-width: 60px;
text-align: right;
font-weight: 700;
font-size: 15px;
color: var(--mk-green);
} .mkalk-cost-list {
display: flex;
flex-direction: column;
gap: 8px;
margin-bottom: 10px;
}
.mkalk-cost-row {
display: flex;
align-items: center;
gap: 8px;
}
.mkalk-cost-row input[type="text"] {
flex: 2;
padding: 8px 12px;
border: 1.5px solid var(--mk-border);
border-radius: 8px;
font-size: 14px;
box-sizing: border-box;
}
.mkalk-cost-row input[type="number"] {
flex: 1;
padding: 8px 12px;
border: 1.5px solid var(--mk-border);
border-radius: 8px;
font-size: 14px;
box-sizing: border-box;
text-align: right;
}
.mkalk-cost-row input:focus {
outline: none;
border-color: var(--mk-green);
}
.mkalk-cost-row .mkalk-remove {
background: none;
border: none;
color: #c00;
cursor: pointer;
font-size: 18px;
line-height: 1;
padding: 4px 6px;
border-radius: 4px;
flex-shrink: 0;
}
.mkalk-cost-row .mkalk-remove:hover { background: #fde; }
.mkalk-total-bar {
background: var(--mk-green-l);
border: 1.5px solid var(--mk-border);
border-radius: 8px;
padding: 10px 16px;
font-size: 14px;
margin: 10px 0 4px;
}
.mkalk-total-bar strong {
color: var(--mk-green);
font-size: 16px;
} .mkalk-preview {
background: var(--mk-bg);
border: 1.5px solid var(--mk-border);
border-radius: var(--mk-radius);
padding: 14px 18px;
margin: 18px 0;
}
.mkalk-preview-row {
display: flex;
justify-content: space-between;
font-size: 14px;
padding: 4px 0;
border-bottom: 1px solid var(--mk-border);
}
.mkalk-preview-row:last-child { border-bottom: none; }
.mkalk-preview-row--highlight strong {
color: var(--mk-green);
font-size: 16px;
} .mkalk-divider {
border-top: 1.5px solid var(--mk-border);
margin: 24px 0;
} .mkalk-nav {
display: flex;
justify-content: flex-end;
gap: 10px;
margin-top: 28px;
}
.mkalk-btn {
padding: 11px 24px;
border: none;
border-radius: var(--mk-radius);
font-size: 15px;
font-weight: 700;
cursor: pointer;
transition: opacity .2s, transform .15s;
}
.mkalk-btn--submit {
padding: 9px 15px;
border: none;
border-radius: unset;
font-size: 12px;
font-weight: 700;
cursor: pointer;
transition: opacity .2s, transform .15s;
}
.mkalk-btn:hover { opacity: .88; }
.mkalk-btn:active { transform: scale(.97); }
.mkalk-btn--next,
.mkalk-btn--submit {
background: var(--mk-green);
color: #fff;
}
.mkalk-btn--back {
background: var(--mk-border);
color: var(--mk-text);
}
.mkalk-btn--add {
background: none;
border: 1.5px dashed var(--mk-green);
color: var(--mk-green);
font-size: 13px;
padding: 7px 14px;
}
.mkalk-btn--reset {
background: var(--mk-border);
color: var(--mk-text);
margin-top: 20px;
} .mkalk-checkbox-label {
display: flex;
gap: 10px;
align-items: flex-start;
font-size: 13px;
line-height: 1.5;
cursor: pointer;
}
.mkalk-checkbox-label input { flex-shrink: 0; margin-top: 2px; }
.mkalk-checkbox-label a { color: var(--mk-green); } .mkalk-error {
background: #fde;
border: 1.5px solid #c00;
border-radius: 8px;
padding: 10px 14px;
color: var(--mk-red);
font-size: 14px;
margin-bottom: 12px;
} .mkalk-result-hero {
text-align: center;
padding: 20px 0 10px;
}
.mkalk-checkmark {
width: 56px;
height: 56px;
background: var(--mk-green);
color: #fff;
font-size: 28px;
border-radius: 50%;
display: flex;
align-items: center;
justify-content: center;
margin: 0 auto 12px;
}
.mkalk-result-hero h2 {
margin: 0;
font-size: 22px;
color: var(--mk-green);
} .mkalk-result-cards {
display: flex;
gap: 14px;
margin: 22px 0;
flex-wrap: wrap;
}
.mkalk-card {
flex: 1;
min-width: 180px;
border-radius: var(--mk-radius);
padding: 20px;
text-align: center;
}
.mkalk-card--green {
background: var(--mk-green-l);
border: 2px solid var(--mk-green);
}
.mkalk-card--gold {
background: var(--mk-gold-l);
border: 2px solid var(--mk-gold);
}
.mkalk-card-label {
font-size: 11px;
text-transform: uppercase;
letter-spacing: 1px;
font-weight: 700;
color: var(--mk-muted);
margin: 0 0 6px;
}
.mkalk-card-value {
font-size: 38px;
font-weight: 900;
margin: 0;
line-height: 1;
color: var(--mk-green);
}
.mkalk-card--gold .mkalk-card-value { color: var(--mk-gold); }
.mkalk-card-sub {
font-size: 12px;
color: var(--mk-muted);
margin: 6px 0 0;
} .mkalk-bz-section {
background: var(--mk-bg);
border: 1.5px solid var(--mk-border);
border-radius: var(--mk-radius);
padding: 18px 20px;
margin: 0 0 20px;
}
.mkalk-bz-section h3 { margin: 0 0 14px; font-size: 16px; }
.mkalk-bz-bar-wrap { margin-bottom: 12px; }
.mkalk-bz-bar {
height: 22px;
background: #eee;
border-radius: 11px;
overflow: hidden;
display: flex;
}
.mkalk-bz-fill {
height: 100%;
transition: width .6s ease;
}
.mkalk-bz-fill--fn   { background: #e07b3b; }
.mkalk-bz-fill--mzda { background: var(--mk-green); }
.mkalk-bz-fill--zisk { background: #a0c8b0; }
.mkalk-bz-legend {
font-size: 12px;
color: var(--mk-muted);
margin-top: 8px;
display: flex;
align-items: center;
flex-wrap: wrap;
gap: 4px;
}
.mkalk-bz-dot {
display: inline-block;
width: 10px;
height: 10px;
border-radius: 50%;
vertical-align: middle;
}
.mkalk-bz-dot--fn   { background: #e07b3b; }
.mkalk-bz-dot--mzda { background: var(--mk-green); }
.mkalk-bz-dot--zisk { background: #a0c8b0; }
.mkalk-bz-labels {
font-size: 13px;
display: flex;
flex-direction: column;
gap: 4px;
} .mkalk-result-detail {
border: 1.5px solid var(--mk-border);
border-radius: var(--mk-radius);
padding: 16px 20px;
margin-bottom: 20px;
}
.mkalk-result-detail h3 { margin: 0 0 14px; font-size: 16px; }
.mkalk-detail-row {
display: flex;
justify-content: space-between;
font-size: 14px;
padding: 6px 0;
border-bottom: 1px solid var(--mk-border);
}
.mkalk-detail-row:last-child { border-bottom: none; }
.mkalk-detail-row strong { color: var(--mk-green); } .mkalk-positioning-tip {
background: #fffbf0;
border-left: 4px solid var(--mk-gold);
border-radius: 0 var(--mk-radius) var(--mk-radius) 0;
padding: 16px 20px;
margin-bottom: 20px;
font-size: 14px;
line-height: 1.6;
}
.mkalk-positioning-tip h3 { margin: 0 0 10px; font-size: 15px; }
.mkalk-positioning-tip p { margin: 0 0 8px; }
.mkalk-positioning-tip p:last-child { margin-bottom: 0; } .mkalk-disclaimer {
font-size: 12px;
color: var(--mk-muted);
background: #fffde7;
border: 1px solid #ffe082;
border-radius: 6px;
padding: 10px 14px;
margin-bottom: 16px;
} @media (max-width: 520px) {
.mkalk-result-cards { flex-direction: column; }
.mkalk-radio-group  { flex-direction: column; }
.mkalk-cost-row input[type="text"] { font-size: 13px; }
.mkalk-card-value { font-size: 30px; }
}  .mkalk-section-title {
font-size: 16px;
font-weight: 800;
color: var(--mk-green);
margin: 0 0 14px;
} .mkalk-diagnostika {
background: var(--mk-bg);
border: 1.5px solid var(--mk-border);
border-radius: var(--mk-radius);
padding: 20px 24px;
margin-bottom: 20px;
}
.mkalk-diag-header {
display: flex;
justify-content: space-between;
align-items: flex-start;
margin-bottom: 12px;
}
.mkalk-diag-title {
font-size: 18px;
font-weight: 800;
margin: 0 0 4px;
color: var(--mk-text);
}
.mkalk-diag-subtitle {
font-size: 13px;
color: var(--mk-muted);
margin: 0;
}
.mkalk-diag-score-wrap {
display: flex;
align-items: baseline;
gap: 2px;
flex-shrink: 0;
}
.mkalk-diag-score {
font-size: 42px;
font-weight: 900;
color: var(--mk-green);
line-height: 1;
}
.mkalk-diag-score-wrap.score--low .mkalk-diag-score { color: var(--mk-red); }
.mkalk-diag-score-wrap.score--mid .mkalk-diag-score { color: var(--mk-gold); }
.mkalk-diag-score-label { font-size: 14px; color: var(--mk-muted); }
.mkalk-diag-bar-outer {
height: 8px;
background: #e0e0e0;
border-radius: 4px;
overflow: hidden;
margin-bottom: 16px;
}
.mkalk-diag-bar-inner {
height: 100%;
background: var(--mk-green);
border-radius: 4px;
transition: width .8s ease;
}
.mkalk-diag-body {
display: flex;
gap: 20px;
}
.mkalk-diag-col { flex: 1; }
.mkalk-diag-col-title {
font-size: 13px;
font-weight: 700;
margin: 0 0 8px;
}
.mkalk-diag-col ul {
margin: 0;
padding: 0 0 0 16px;
font-size: 13px;
line-height: 1.7;
color: var(--mk-text);
} .mkalk-ceny-wrap { margin-bottom: 20px; }
.mkalk-ceny-grid {
display: flex;
gap: 12px;
flex-wrap: wrap;
}
.mkalk-cena-card {
flex: 1;
min-width: 160px;
border: 2px solid var(--mk-border);
border-radius: var(--mk-radius);
padding: 16px;
text-align: center;
position: relative;
}
.mkalk-cena--dop {
border-color: var(--mk-green);
background: var(--mk-green-l);
}
.mkalk-cena--prem {
border-color: #9c6fd6;
background: #f5f0ff;
}
.mkalk-cena-badge {
position: absolute;
top: -11px;
left: 50%;
transform: translateX(-50%);
background: var(--mk-green);
color: #fff;
font-size: 10px;
font-weight: 700;
padding: 2px 10px;
border-radius: 20px;
white-space: nowrap;
text-transform: uppercase;
letter-spacing: .5px;
}
.mkalk-cena-label {
font-size: 11px;
text-transform: uppercase;
letter-spacing: 1px;
color: var(--mk-muted);
font-weight: 700;
margin: 0 0 6px;
}
.mkalk-cena--dop .mkalk-cena-label { display: none; }
.mkalk-cena-value {
font-size: 34px;
font-weight: 900;
color: var(--mk-text);
margin: 0;
line-height: 1;
}
.mkalk-cena--dop .mkalk-cena-value { color: var(--mk-green); }
.mkalk-cena--prem .mkalk-cena-value { color: #7c4dcc; }
.mkalk-cena-unit {
font-size: 12px;
color: var(--mk-muted);
margin: 4px 0 8px;
}
.mkalk-cena-desc {
font-size: 12px;
color: var(--mk-muted);
line-height: 1.4;
margin: 0;
} .mkalk-trh-wrap {
background: var(--mk-bg);
border: 1.5px solid var(--mk-border);
border-radius: var(--mk-radius);
padding: 18px 20px;
margin-bottom: 20px;
}
.mkalk-trh-grid {
display: flex;
gap: 0;
margin-bottom: 12px;
}
.mkalk-trh-item {
flex: 1;
text-align: center;
padding: 0 8px;
border-right: 1px solid var(--mk-border);
}
.mkalk-trh-item:last-child { border-right: none; }
.mkalk-trh-label { font-size: 11px; color: var(--mk-muted); margin: 0 0 4px; }
.mkalk-trh-value {
font-size: 22px;
font-weight: 900;
color: var(--mk-text);
margin: 0;
}
.mkalk-trh-value--vas { color: var(--mk-green); }
.mkalk-trh-note { font-size: 12px; color: var(--mk-muted); margin: 0; font-style: italic; } .mkalk-bz-stats {
display: flex;
flex-direction: column;
gap: 6px;
margin-top: 12px;
font-size: 13px;
}
.mkalk-bz-stat {
display: flex;
align-items: center;
gap: 6px;
}
.mkalk-bz-stat strong { color: var(--mk-green); font-size: 15px; } .mkalk-leadmagnet {
background: linear-gradient(135deg, #1a5c38, #2c7a4b);
border-radius: var(--mk-radius);
padding: 24px;
margin-bottom: 20px;
color: #fff;
}
.mkalk-lm-header h3 {
margin: 0 0 6px;
font-size: 18px;
color: #fff;
}
.mkalk-lm-header p {
margin: 0 0 14px;
font-size: 13px;
color: rgba(255,255,255,.8);
line-height: 1.5;
}
.mkalk-lm-benefits {
display: flex;
flex-wrap: wrap;
gap: 8px;
margin-bottom: 18px;
}
.mkalk-lm-benefits span {
background: rgba(255,255,255,.15);
border-radius: 20px;
padding: 4px 12px;
font-size: 12px;
color: #fff;
}
.mkalk-lm-form {
display: flex;
flex-direction: column;
gap: 10px;
}
.mkalk-lm-form input[type="email"] {
padding: 11px 14px;
border: none;
border-radius: 8px;
font-size: 15px;
width: 100%;
box-sizing: border-box;
}
.mkalk-lm-gdpr { color: rgba(255,255,255,.85) !important; font-size: 12px !important; }
.mkalk-lm-gdpr a { color: #fff; }
.mkalk-leadmagnet .mkalk-btn--submit {
background: #fff;
color: var(--mk-green);
font-size: 15px;
align-self: flex-start;
}
.mkalk-leadmagnet .mkalk-error {
background: rgba(255,255,255,.15);
border-color: rgba(255,255,255,.4);
color: #fff;
}
.mkalk-lm-sent {
display: flex;
align-items: center;
gap: 12px;
}
.mkalk-lm-sent p { margin: 0; color: #fff; }
.mkalk-checkmark--sm {
width: 36px;
height: 36px;
font-size: 18px;
flex-shrink: 0;
}
@media (max-width: 520px) {
.mkalk-ceny-grid    { flex-direction: column; }
.mkalk-trh-grid     { flex-direction: column; }
.mkalk-trh-item     { border-right: none; border-bottom: 1px solid var(--mk-border); padding: 8px 0; }
.mkalk-trh-item:last-child { border-bottom: none; }
.mkalk-diag-body    { flex-direction: column; }
.mkalk-lm-benefits  { flex-direction: column; }
}  .mkalk-interpretace {
background: #f0faf4;
border: 1.5px solid var(--mk-border);
border-left: 4px solid var(--mk-green);
border-radius: var(--mk-radius);
padding: 18px 20px;
margin-bottom: 20px;
}
.mkalk-interpretace-item {
display: flex;
align-items: flex-start;
gap: 10px;
padding: 8px 0;
border-bottom: 1px solid var(--mk-border);
font-size: 14px;
line-height: 1.5;
}
.mkalk-interpretace-item:last-child { border-bottom: none; }
.mkalk-interp-icon { font-size: 18px; flex-shrink: 0; margin-top: 1px; }
.mkalk-interp-text strong { display: block; margin-bottom: 2px; } .mkalk-segment {
display: flex;
align-items: center;
gap: 16px;
background: var(--mk-bg);
border: 1.5px solid var(--mk-border);
border-radius: var(--mk-radius);
padding: 16px 20px;
margin-bottom: 20px;
}
.mkalk-segment-badge {
flex-shrink: 0;
font-size: 13px;
font-weight: 800;
padding: 6px 14px;
border-radius: 20px;
white-space: nowrap;
text-align: center;
}
.seg--zacatecnik  { background: #e3f2fd; color: #1565c0; }
.seg--podhodnocen { background: #fff3e0; color: #e65100; }
.seg--stabilni    { background: var(--mk-green-l); color: var(--mk-green); }
.seg--premium     { background: #f5f0ff; color: #6a1b9a; }
.mkalk-segment-title {
font-weight: 700;
font-size: 15px;
margin: 0 0 4px;
}
.mkalk-segment-desc {
font-size: 13px;
color: var(--mk-muted);
margin: 0;
line-height: 1.4;
} .mkalk-simulace {
background: var(--mk-bg);
border: 1.5px solid var(--mk-border);
border-radius: var(--mk-radius);
padding: 18px 20px;
margin-bottom: 20px;
}
.mkalk-sim-table-wrap { overflow-x: auto; }
.mkalk-sim-table {
width: 100%;
border-collapse: collapse;
font-size: 14px;
}
.mkalk-sim-table th {
text-align: left;
padding: 8px 12px;
background: var(--mk-border);
font-size: 12px;
color: var(--mk-muted);
font-weight: 700;
text-transform: uppercase;
letter-spacing: .5px;
}
.mkalk-sim-table td {
padding: 10px 12px;
border-bottom: 1px solid var(--mk-border);
}
.mkalk-sim-table tr:last-child td { border-bottom: none; }
.mkalk-sim-table tr.sim-row--highlight td {
background: var(--mk-green-l);
font-weight: 700;
}
.mkalk-sim-table tr.sim-row--highlight td:first-child {
border-left: 3px solid var(--mk-green);
}
.mkalk-sim-positive { color: var(--mk-green); font-weight: 700; }
.mkalk-sim-negative { color: var(--mk-red); }
.mkalk-sim-zero     { color: var(--mk-muted); } .mkalk-trh-interpretace {
margin-top: 10px;
padding: 10px 14px;
background: var(--mk-gold-l);
border-left: 3px solid var(--mk-gold);
border-radius: 0 6px 6px 0;
font-size: 13px;
line-height: 1.5;
color: #555;
}  .mkalk-diag-faktory {
margin-bottom: 14px;
padding-bottom: 12px;
border-bottom: 1px solid var(--mk-border);
}
.mkalk-diag-faktory-title {
font-size: 12px;
font-weight: 700;
text-transform: uppercase;
letter-spacing: .5px;
color: var(--mk-muted);
margin: 0 0 8px;
}
.mkalk-faktor-row {
display: flex;
align-items: center;
gap: 8px;
font-size: 13px;
padding: 3px 0;
}
.mkalk-faktor-icon { flex-shrink: 0; font-size: 14px; }
.mkalk-faktor-text { flex: 1; }
.mkalk-faktor-body {
font-weight: 700;
font-size: 13px;
min-width: 36px;
text-align: right;
}
.mkalk-faktor--plus .mkalk-faktor-body { color: var(--mk-green); }
.mkalk-faktor--minus .mkalk-faktor-body { color: var(--mk-red); } .mkalk-segment-doporuceni {
background: #fff;
border: 1.5px solid var(--mk-border);
border-top: 3px solid var(--mk-green);
border-radius: 0 0 var(--mk-radius) var(--mk-radius);
padding: 14px 20px;
margin-top: -6px;
margin-bottom: 20px;
font-size: 14px;
line-height: 1.5;
}
.mkalk-dopor-title {
font-weight: 700;
margin: 0 0 6px;
color: var(--mk-text);
}
.mkalk-dopor-body {
margin: 0;
color: var(--mk-muted);
} .mkalk-sim-dopad {
margin: 14px 0 0;
padding: 12px 16px;
background: var(--mk-green-l);
border-left: 4px solid var(--mk-green);
border-radius: 0 6px 6px 0;
font-size: 14px;
line-height: 1.5;
}  .mkalk-massages-grid {
display: block;
margin-bottom: 8px;
border: 1.5px solid var(--mk-border);
border-radius: var(--mk-radius);
overflow: hidden;
} .mkalk-massage-header,
.mkalk-massage-row {
display: grid;
grid-template-columns: 140px 1fr 1fr 1fr;
align-items: center;
gap: 8px;
padding: 8px 12px;
} .mkalk-massage-header {
background: var(--mk-border);
font-size: 11px;
font-weight: 700;
text-transform: uppercase;
letter-spacing: .5px;
color: var(--mk-muted);
}
.mkalk-mh-label  { }
.mkalk-mh-pocet,
.mkalk-mh-delka,
.mkalk-mh-cena   { text-align: center; } .mkalk-massage-row {
border-bottom: 1px solid var(--mk-border);
background: #fff;
}
.mkalk-massage-row:last-child { border-bottom: none; }
.mkalk-massage-row:nth-child(even) { background: #fafafa; }
.mkalk-massage-row > label {
font-weight: 600;
font-size: 13px;
margin: 0;
line-height: 1.3;
}
.mkalk-massage-row > label small {
display: block;
font-weight: 400;
color: var(--mk-muted);
font-size: 11px;
} .mkalk-massage-inputs { display: contents; }
.mkalk-iw--pocet,
.mkalk-iw--delka,
.mkalk-iw--cena { width: 100%; }
.mkalk-iw--pocet input,
.mkalk-iw--delka input,
.mkalk-iw--cena  input {
width: 100%;
padding: 8px 28px 8px 8px !important;
border: 1.5px solid var(--mk-border);
border-radius: 6px;
font-size: 14px;
text-align: right;
box-sizing: border-box;
background: #fff;
}
.mkalk-iw--pocet input:focus,
.mkalk-iw--delka input:focus,
.mkalk-iw--cena  input:focus {
outline: none;
border-color: var(--mk-green);
} .mkalk-massage-x { display: none; }
.mkalk-massage-fixed {
width: 100%;
font-size: 13px;
text-align: right;
padding-right: 4px;
color: var(--mk-text);
} .mkalk-massage-fixed-input {
width: 100%;
padding: 8px 28px 8px 8px !important;
border: 1.5px solid var(--mk-border);
border-radius: 6px;
font-size: 14px;
text-align: right;
box-sizing: border-box;
background: #fff;
}
.mkalk-massage-summary {
background: var(--mk-green-l);
border: 1.5px solid var(--mk-border);
border-radius: 8px;
padding: 10px 16px;
font-size: 14px;
margin: 8px 0 20px;
}
.mkalk-massage-summary strong { color: var(--mk-green); }
@media (max-width: 580px) {
.mkalk-massage-header { display: none; }
.mkalk-massage-row    { flex-wrap: wrap; padding: 12px; gap: 6px; }
.mkalk-massage-row label { flex: 0 0 100%; margin-bottom: 4px; }
.mkalk-massage-inputs { flex-wrap: wrap; }
.mkalk-iw--pocet,
.mkalk-iw--delka,
.mkalk-iw--cena  { flex: 0 0 80px; margin-left: 0; }
}  .mkalk-sazba-choices {
display: flex;
flex-wrap: wrap;
gap: 8px;
margin-bottom: 4px;
}
.mkalk-sazba-pill {
cursor: pointer;
}
.mkalk-sazba-pill input[type="radio"] { display: none; }
.mkalk-sazba-pill span,
.mkalk-sazba-pill {
display: inline-block;
padding: 7px 16px;
border: 2px solid var(--mk-border);
border-radius: 20px;
font-size: 14px;
font-weight: 600;
color: var(--mk-text);
transition: border-color .2s, background .2s;
user-select: none;
}
.mkalk-sazba-pill input:checked + span,
.mkalk-sazba-pill:has(input:checked) {
border-color: var(--mk-green);
background: var(--mk-green-l);
color: var(--mk-green);
}
.mkalk-sazba-pill--vlastni {
border-style: dashed;
} .mkalk-prehled-nakladu {
background: var(--mk-bg);
border: 1.5px solid var(--mk-border);
border-radius: var(--mk-radius);
padding: 18px 20px;
margin-bottom: 20px;
}
.mkalk-prehled-row {
display: flex;
justify-content: space-between;
align-items: center;
padding: 8px 0;
border-bottom: 1px solid var(--mk-border);
font-size: 14px;
}
.mkalk-prehled-row:last-child { border-bottom: none; }
.mkalk-prehled-row--total {
font-weight: 800;
font-size: 15px;
border-top: 2px solid var(--mk-border);
margin-top: 4px;
padding-top: 10px;
}
.mkalk-prehled-row--total strong { color: var(--mk-green); }
.mkalk-prehled-note {
margin: 12px 0 0;
font-size: 13px;
color: var(--mk-muted);
font-style: italic;
line-height: 1.5;
} .mkalk-srovnani {
background: #fff;
border: 2px solid var(--mk-green);
border-radius: var(--mk-radius);
padding: 20px;
margin-bottom: 20px;
}
.mkalk-srovnani-grid {
display: flex;
align-items: center;
gap: 12px;
margin-bottom: 16px;
flex-wrap: wrap;
}
.mkalk-srov-item {
flex: 1;
min-width: 100px;
text-align: center;
padding: 12px 8px;
background: var(--mk-bg);
border-radius: 8px;
}
.mkalk-srov-item--rozdil {
background: var(--mk-green-l);
}
.mkalk-srov-arrow {
font-size: 22px;
color: var(--mk-muted);
flex-shrink: 0;
}
.mkalk-srov-label {
font-size: 11px;
color: var(--mk-muted);
text-transform: uppercase;
letter-spacing: .5px;
margin: 0 0 4px;
font-weight: 700;
}
.mkalk-srov-value {
font-size: 28px;
font-weight: 900;
margin: 0;
line-height: 1;
}
.mkalk-srov-value--current { color: var(--mk-muted); }
.mkalk-srov-value--dop     { color: var(--mk-green); }
.mkalk-srov-sub { font-size: 12px; color: var(--mk-muted); margin: 4px 0 0; } .mkalk-killer-veta {
background: linear-gradient(135deg, #1a5c38, #2c7a4b);
color: #fff;
border-radius: 8px;
padding: 14px 18px;
font-size: 15px;
line-height: 1.6;
font-weight: 600;
}
.mkalk-killer-veta strong { color: #ffd54f; }
@media (max-width: 520px) {
.mkalk-srovnani-grid { flex-direction: column; }
.mkalk-srov-arrow    { transform: rotate(90deg); }
} .mkalk-var-detail {
margin-top: 14px;
padding-top: 12px;
border-top: 1.5px dashed var(--mk-border);
}
.mkalk-var-detail-title {
font-size: 12px;
font-weight: 700;
text-transform: uppercase;
letter-spacing: .5px;
color: var(--mk-muted);
margin: 0 0 8px;
}
.mkalk-var-detail-row {
display: flex;
justify-content: space-between;
font-size: 13px;
padding: 4px 0;
border-bottom: 1px solid var(--mk-border);
}
.mkalk-var-detail-row:last-child { border-bottom: none; }
.mkalk-var-detail-row--accent strong { color: var(--mk-green); font-size: 14px; }  .mkalk-blok {
background: #fff;
border: 1.5px solid var(--mk-border);
border-radius: var(--mk-radius);
padding: 20px 24px;
margin-bottom: 16px;
}
.mkalk-blok-title {
font-size: 17px;
font-weight: 800;
color: var(--mk-text);
margin: 0 0 14px;
}
.mkalk-blok-desc {
font-size: 13px;
color: var(--mk-muted);
margin: -8px 0 16px;
line-height: 1.5;
} .mkalk-blok--situace { border-left: 4px solid var(--mk-green); }
.mkalk-situace-hero {
display: flex;
align-items: center;
gap: 20px;
margin-bottom: 14px;
}
.mkalk-sit-main { flex: 1; }
.mkalk-sit-label {
font-size: 12px;
color: var(--mk-muted);
text-transform: uppercase;
letter-spacing: .5px;
font-weight: 700;
margin: 0 0 4px;
}
.mkalk-sit-value {
font-size: 42px;
font-weight: 900;
color: var(--mk-green);
margin: 0;
line-height: 1;
}
.mkalk-sit-sub {
font-size: 12px;
color: var(--mk-muted);
margin: 4px 0 0;
} .mkalk-sit-sluzby {
background: var(--mk-bg);
border-radius: 8px;
padding: 10px 14px;
margin-bottom: 14px;
font-size: 13px;
}
.mkalk-sit-sluzba-row {
display: flex;
justify-content: space-between;
padding: 4px 0;
border-bottom: 1px solid var(--mk-border);
color: var(--mk-muted);
}
.mkalk-sit-sluzba-row:last-child { border-bottom: none; }
.mkalk-sit-sluzba-row strong { color: var(--mk-text); } .mkalk-sit-metriky {
display: flex;
gap: 0;
border: 1.5px solid var(--mk-border);
border-radius: 8px;
overflow: hidden;
}
.mkalk-sit-metrika {
flex: 1;
text-align: center;
padding: 10px 8px;
border-right: 1px solid var(--mk-border);
}
.mkalk-sit-metrika:last-child { border-right: none; }
.mkalk-sit-metrika--accent { background: var(--mk-green-l); }
.mkalk-sit-m-label {
font-size: 10px;
text-transform: uppercase;
letter-spacing: .5px;
color: var(--mk-muted);
font-weight: 700;
display: block;
margin-bottom: 4px;
}
.mkalk-sit-m-val {
font-size: 17px;
font-weight: 800;
color: var(--mk-text);
display: block;
}
.mkalk-sit-metrika--accent .mkalk-sit-m-val { color: var(--mk-green); }
.mkalk-sit-no-price {
font-size: 13px;
color: var(--mk-muted);
margin: 10px 0 0;
font-style: italic;
} .mkalk-blok--porovnani { border-left: 4px solid #e6a020; } .mkalk-vyhodnoceni {
border-radius: 8px;
padding: 12px 16px;
margin-bottom: 12px;
font-size: 15px;
font-weight: 600;
line-height: 1.5;
}
.mkalk-vyhodnoceni--zelene { background: #e8f5ee; color: #1b5e20; border-left: 4px solid var(--mk-green); }
.mkalk-vyhodnoceni--zlute  { background: #fff8e6; color: #7d5800; border-left: 4px solid var(--mk-gold); }
.mkalk-vyhodnoceni--cervene { background: #fde8e8; color: #7f1515; border-left: 4px solid var(--mk-red); } .mkalk-srov-arrow {
font-size: 14px;
font-weight: 700;
color: var(--mk-muted);
flex-shrink: 0;
}
@media (max-width: 520px) {
.mkalk-sit-metriky { flex-wrap: wrap; }
.mkalk-sit-metrika { flex: 0 0 50%; border-bottom: 1px solid var(--mk-border); }
.mkalk-sit-metrika:nth-child(even) { border-right: none; }
} .mkalk-select {
width: 100%;
padding: 10px 14px;
border: 1.5px solid var(--mk-border);
border-radius: var(--mk-radius);
font-size: 15px;
background: #fff;
cursor: pointer;
appearance: none;
background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='8' viewBox='0 0 12 8'%3E%3Cpath d='M1 1l5 5 5-5' stroke='%23666' stroke-width='1.5' fill='none' stroke-linecap='round'/%3E%3C/svg%3E");
background-repeat: no-repeat;
background-position: right 14px center;
padding-right: 36px;
}
.mkalk-select:focus {
outline: none;
border-color: var(--mk-green);
box-shadow: 0 0 0 3px rgba(44,122,75,.12);
} .mkalk-zaver {
border: none !important;
padding: 0 !important;
overflow: hidden;
border-radius: var(--mk-radius) !important;
}
.mkalk-zaver-indicator {
height: 6px;
}
.mkalk-zaver--zelena .mkalk-zaver-indicator { background: var(--mk-green); }
.mkalk-zaver--zluta  .mkalk-zaver-indicator { background: var(--mk-gold); }
.mkalk-zaver--cervena .mkalk-zaver-indicator { background: var(--mk-red); }
.mkalk-zaver-body {
padding: 20px 24px 16px;
border: 1.5px solid var(--mk-border);
border-top: none;
border-radius: 0 0 var(--mk-radius) var(--mk-radius);
}
.mkalk-zaver-titulek {
font-size: 20px;
font-weight: 800;
margin: 0 0 8px;
}
.mkalk-zaver--zelena .mkalk-zaver-titulek { color: var(--mk-green); }
.mkalk-zaver--zluta  .mkalk-zaver-titulek { color: #8a6000; }
.mkalk-zaver--cervena .mkalk-zaver-titulek { color: var(--mk-red); }
.mkalk-zaver-text {
font-size: 15px;
color: var(--mk-text);
line-height: 1.6;
margin: 0 0 10px;
}
.mkalk-zaver-tipy {
margin: 8px 0 0;
padding: 0 0 0 20px;
font-size: 14px;
color: var(--mk-muted);
line-height: 1.7;
} .mkalk-zaver-srovnani {
display: flex;
align-items: center;
gap: 10px;
padding: 14px 24px 20px;
border: 1.5px solid var(--mk-border);
border-top: 1px solid var(--mk-border);
background: var(--mk-bg);
flex-wrap: wrap;
border-radius: 0 0 var(--mk-radius) var(--mk-radius);
margin-top: -1px;
}
.mkalk-zsrov-item { flex: 1; min-width: 80px; text-align: center; }
.mkalk-zsrov-label { font-size: 11px; color: var(--mk-muted); text-transform: uppercase; letter-spacing: .5px; display: block; margin-bottom: 3px; font-weight: 700; }
.mkalk-zsrov-val { font-size: 22px; font-weight: 900; color: var(--mk-text); display: block; }
.mkalk-zsrov-val--dop { color: var(--mk-green); }
.mkalk-zsrov-item--rozdil .mkalk-zsrov-val { font-size: 18px; }
.mkalk-zsrov-arrow { font-size: 18px; color: var(--mk-muted); flex-shrink: 0; } .mkalk-bz-stat--hlavni {
background: var(--mk-green-l);
border-radius: 6px;
padding: 8px 12px;
font-weight: 700;
}
.mkalk-bz-stat--hlavni strong { font-size: 18px; }
@media (max-width: 520px) {
.mkalk-zaver-srovnani { flex-direction: column; }
.mkalk-zsrov-arrow { transform: rotate(90deg); }
}  .mkalk-rozcestnik { padding: 8px 0 24px; }
.mkalk-rc-title {
font-size: 24px;
font-weight: 800;
text-align: center;
margin: 0 0 6px;
color: var(--mk-text);
}
.mkalk-rc-desc {
text-align: center;
color: var(--mk-muted);
margin: 0 0 24px;
font-size: 15px;
}
.mkalk-rc-grid {
display: flex;
gap: 16px;
flex-wrap: wrap;
}
.mkalk-rc-card {
flex: 1;
min-width: 220px;
background: #fff;
border: 2px solid var(--mk-border);
border-radius: var(--mk-radius);
padding: 24px 20px;
text-align: center;
cursor: pointer;
transition: border-color .2s, box-shadow .2s, transform .15s;
display: flex;
flex-direction: column;
align-items: center;
gap: 8px;
}
.mkalk-rc-card:hover {
border-color: var(--mk-green);
box-shadow: var(--mk-shadow);
transform: translateY(-2px);
}
.mkalk-rc-icon { font-size: 36px; }
.mkalk-rc-card strong { font-size: 18px; font-weight: 800; display: block; }
.mkalk-rc-card p { font-size: 13px; color: var(--mk-muted); line-height: 1.5; margin: 0; }
.mkalk-rc-btn {
display: inline-block;
margin-top: 8px;
background: var(--mk-green);
color: #fff;
padding: 8px 20px;
border-radius: 20px;
font-size: 13px;
font-weight: 700;
} .mkalk-rezim-header {
display: flex;
align-items: center;
gap: 12px;
margin-bottom: 20px;
font-size: 14px;
font-weight: 600;
color: var(--mk-muted);
}
.mkalk-back-rc {
background: none;
border: 1.5px solid var(--mk-border);
border-radius: 6px;
padding: 5px 12px;
font-size: 13px;
cursor: pointer;
color: var(--mk-muted);
}
.mkalk-back-rc:hover { border-color: var(--mk-green); color: var(--mk-green); } .mkalk-pills-grid {
display: flex;
flex-wrap: wrap;
gap: 10px;
}
.mkalk-pills-grid--sm { gap: 8px; }
.mkalk-pill {
cursor: pointer;
display: flex;
flex-direction: column;
align-items: center;
}
.mkalk-pill input[type="radio"] { display: none; }
.mkalk-pill {
padding: 10px 20px;
border: 2px solid var(--mk-border);
border-radius: 24px;
font-size: 15px;
font-weight: 600;
color: var(--mk-text);
transition: border-color .15s, background .15s;
background: #fff;
text-align: center;
min-width: 80px;
}
.mkalk-pill small { display: block; font-size: 11px; font-weight: 400; color: var(--mk-muted); margin-top: 2px; }
.mkalk-pill:has(input:checked) {
border-color: var(--mk-green);
background: var(--mk-green-l);
color: var(--mk-green);
}
.mkalk-pill--vlastni { border-style: dashed; } .mkalk-a-sazba-hero {
display: flex;
align-items: baseline;
gap: 8px;
margin: 10px 0;
}
.mkalk-a-sazba-hero span {
font-size: 52px;
font-weight: 900;
color: var(--mk-green);
line-height: 1;
}
.mkalk-a-sazba-hero small { font-size: 15px; color: var(--mk-muted); } .mkalk-dane-grid { display: flex; flex-direction: column; gap: 10px; margin-top: 4px; }
.mkalk-dane-row {
display: flex;
justify-content: space-between;
align-items: center;
padding: 12px 16px;
border: 1.5px solid var(--mk-border);
border-radius: 8px;
font-size: 14px;
}
.mkalk-dane-row--dop { border-color: var(--mk-green); background: var(--mk-green-l); }
.mkalk-dane-row strong { font-size: 13px; }
.mkalk-dane-badge {
font-size: 11px;
font-weight: 700;
padding: 3px 10px;
border-radius: 20px;
background: var(--mk-green);
color: #fff;
}
@media (max-width: 520px) {
.mkalk-rc-grid { flex-direction: column; }
.mkalk-pills-grid { gap: 8px; }
.mkalk-pill { font-size: 14px; padding: 8px 14px; }
}  .mkalk-hero-blok {
background: linear-gradient(135deg, #1a5c38, #2c7a4b);
border-radius: var(--mk-radius);
padding: 28px 28px 22px;
margin-bottom: 16px;
text-align: center;
color: #fff;
}
.mkalk-hero-label {
font-size: 13px;
text-transform: uppercase;
letter-spacing: 1px;
font-weight: 700;
color: rgba(255,255,255,.75);
margin: 0 0 8px;
}
.mkalk-hero-cena {
display: flex;
align-items: baseline;
justify-content: center;
gap: 8px;
margin-bottom: 10px;
}
.mkalk-hero-cena span {
font-size: 58px;
font-weight: 900;
color: #fff;
line-height: 1;
}
.mkalk-hero-cena small { font-size: 16px; color: rgba(255,255,255,.75); }
.mkalk-hero-cil {
display: inline-block;
background: rgba(255,255,255,.15);
border-radius: 6px;
padding: 6px 14px;
font-size: 14px;
color: #fff;
margin-bottom: 14px;
}
.mkalk-hero-parametry {
font-size: 12px;
color: rgba(255,255,255,.65);
line-height: 1.8;
} .mkalk-blok--realismus { padding-bottom: 0 !important; }
.mkalk-realismus-body {
padding: 16px 20px 12px;
font-size: 15px;
font-weight: 600;
line-height: 1.5;
}
.mkalk-realismus--zelena { border-left: 4px solid var(--mk-green); }
.mkalk-realismus--zluta  { border-left: 4px solid var(--mk-gold); }
.mkalk-realismus--cervena { border-left: 4px solid var(--mk-red); } .mkalk-trh-inline {
border-top: 1px solid var(--mk-border);
padding: 14px 20px 16px;
background: var(--mk-bg);
border-radius: 0 0 var(--mk-radius) var(--mk-radius);
}
.mkalk-trh-inline-grid {
display: flex;
gap: 0;
margin-bottom: 10px;
}
.mkalk-tri-item {
flex: 1;
text-align: center;
padding: 8px;
border-right: 1px solid var(--mk-border);
}
.mkalk-tri-item:last-child { border-right: none; }
.mkalk-tri-item--dop { background: var(--mk-green-l); }
.mkalk-tri-label { font-size: 11px; color: var(--mk-muted); display: block; margin-bottom: 3px; text-transform: uppercase; letter-spacing: .5px; font-weight: 700; }
.mkalk-tri-val { font-size: 20px; font-weight: 800; color: var(--mk-text); display: block; }
.mkalk-tri-val--dop { color: var(--mk-green); }
.mkalk-tri-interp { font-size: 13px; color: var(--mk-muted); margin: 0; line-height: 1.5; } .mkalk-blok--obsazenost .mkalk-sim-table tr.obs-row--highlight td {
background: var(--mk-green-l);
font-weight: 700;
}
.mkalk-blok--obsazenost .mkalk-sim-table tr.obs-row--highlight td:first-child {
border-left: 3px solid var(--mk-green);
} .mkalk-detail-toggle {
text-align: center;
margin: 8px 0;
}
.mkalk-detail-btn {
background: none;
border: 1.5px solid var(--mk-border);
border-radius: 20px;
padding: 8px 20px;
font-size: 13px;
color: var(--mk-muted);
cursor: pointer;
transition: border-color .2s, color .2s;
}
.mkalk-detail-btn:hover { border-color: var(--mk-green); color: var(--mk-green); }
.mkalk-detail-btn.open .mkalk-detail-btn-text::before { content: '▲ '; }
@media (max-width: 520px) {
.mkalk-hero-cena span { font-size: 44px; }
.mkalk-trh-inline-grid { flex-wrap: wrap; }
.mkalk-tri-item { flex: 0 0 50%; border-bottom: 1px solid var(--mk-border); }
} .mkalk-odvozeni {
padding: 0 !important;
overflow: hidden;
}
.mkalk-odvozeni-toggle {
width: 100%;
display: flex;
justify-content: space-between;
align-items: center;
padding: 14px 20px;
background: none;
border: none;
cursor: pointer;
font-size: 15px;
font-weight: 700;
color: var(--mk-green);
text-align: left;
}
.mkalk-odvozeni-toggle:hover { background: var(--mk-green-l); }
.mkalk-odvozeni-arrow { font-size: 12px; color: var(--mk-muted); }
.mkalk-odvozeni-body {
border-top: 1px solid var(--mk-border);
padding: 16px 20px 18px;
}
.mkalk-odvozeni-kroky {
display: flex;
flex-direction: column;
gap: 0;
margin-bottom: 14px;
}
.mkalk-odv-row {
display: flex;
justify-content: space-between;
align-items: center;
padding: 8px 12px;
border-bottom: 1px solid var(--mk-border);
font-size: 14px;
}
.mkalk-odv-row:last-child { border-bottom: none; }
.mkalk-odv-row--highlight {
background: var(--mk-green-l);
font-weight: 700;
border-radius: 6px;
margin-top: 4px;
border-bottom: none;
}
.mkalk-odv-label { color: var(--mk-muted); }
.mkalk-odv-row--highlight .mkalk-odv-label { color: var(--mk-green); font-weight: 700; }
.mkalk-odv-value {
font-weight: 700;
color: var(--mk-text);
white-space: nowrap;
}
.mkalk-odv-value small { font-weight: 400; color: var(--mk-muted); font-size: 12px; margin-left: 2px; }
.mkalk-odv-row--highlight .mkalk-odv-value { color: var(--mk-green); font-size: 16px; }
.mkalk-odv-vzorec {
background: #f9f9f9;
border-radius: 6px;
padding: 10px 14px;
font-size: 13px;
color: var(--mk-muted);
margin: 0;
line-height: 1.6;
border-left: 3px solid var(--mk-green);
}
.mkalk-odv-vzorec strong { color: var(--mk-green); font-size: 15px; } .mkalk-odv-sub {
background: #f9f9f9;
border-left: 3px solid var(--mk-border);
margin: 0 0 2px 12px;
border-radius: 0 0 4px 4px;
}
.mkalk-odv-sub-row {
display: flex;
justify-content: space-between;
padding: 5px 12px;
font-size: 12px;
color: var(--mk-muted);
border-bottom: 1px solid #eee;
}
.mkalk-odv-sub-row:last-child { border-bottom: none; }
.mkalk-odv-sub-row span:last-child {
font-weight: 600;
color: var(--mk-text);
white-space: nowrap;
} .mkalk-danove-karty {
display: flex;
flex-direction: column;
gap: 10px;
}
.mkalk-danove-karta {
border: 2px solid var(--mk-border);
border-radius: var(--mk-radius);
padding: 14px 16px;
cursor: pointer;
transition: border-color .2s, background .2s;
position: relative;
}
.mkalk-danove-karta:hover { border-color: var(--mk-green); }
.mkalk-danove-karta--vybrana {
border-color: var(--mk-green);
background: var(--mk-green-l);
}
.mkalk-danove-karta--dop {
border-color: var(--mk-green);
}
.mkalk-dk-badge {
display: inline-block;
background: var(--mk-green);
color: #fff;
font-size: 11px;
font-weight: 700;
padding: 2px 10px;
border-radius: 20px;
margin-bottom: 8px;
}
.mkalk-dk-header {
display: flex;
justify-content: space-between;
align-items: center;
margin-bottom: 4px;
}
.mkalk-dk-header strong { font-size: 15px; }
.mkalk-dk-odvody {
font-size: 20px;
font-weight: 900;
color: var(--mk-green);
}
.mkalk-dk-odvody small { font-size: 12px; font-weight: 400; color: var(--mk-muted); margin-left: 2px; }
.mkalk-dk-popis {
font-size: 13px;
color: var(--mk-muted);
margin: 0 0 4px;
}
.mkalk-dk-detail {
font-size: 12px;
color: #888;
margin: 0 0 6px;
font-style: italic;
}
.mkalk-dk-usp {
font-size: 12px;
color: var(--mk-red);
margin: 0 0 6px;
font-weight: 600;
}
.mkalk-dk-pros, .mkalk-dk-cons {
margin: 4px 0;
padding: 0 0 0 14px;
font-size: 12px;
line-height: 1.7;
}
.mkalk-dk-pros { color: #2c7a4b; }
.mkalk-dk-cons { color: #888; } .mkalk-a-zustane {
background: var(--mk-bg);
border: 1.5px solid var(--mk-border);
border-radius: var(--mk-radius);
padding: 16px 18px;
margin-top: 14px;
}
.mkalk-a-zustane-title {
font-size: 16px;
font-weight: 800;
margin: 0 0 6px;
}
.mkalk-a-zustane-desc {
font-size: 13px;
color: var(--mk-muted);
margin: 0 0 12px;
line-height: 1.5;
}
.mkalk-a-zustane-grid {
display: flex;
gap: 10px;
flex-wrap: wrap;
margin-bottom: 10px;
}
.mkalk-a-zustane-item {
flex: 1;
min-width: 130px;
background: #fff;
border: 1.5px solid var(--mk-border);
border-radius: 8px;
padding: 10px 12px;
display: flex;
flex-direction: column;
gap: 4px;
position: relative;
}
.mkalk-a-zustane-item--best {
border-color: var(--mk-green);
background: var(--mk-green-l);
}
.mkalk-a-zustane-forma {
font-size: 11px;
color: var(--mk-muted);
font-weight: 600;
text-transform: uppercase;
letter-spacing: .4px;
}
.mkalk-a-zustane-castka {
font-size: 22px;
font-weight: 900;
line-height: 1;
}
.mkalk-a-zustane-best {
font-size: 10px;
font-weight: 700;
color: var(--mk-green);
text-transform: uppercase;
letter-spacing: .5px;
}
.mkalk-a-zustane-cil {
font-size: 13px;
color: var(--mk-muted);
margin: 0;
}
.mkalk-a-zustane-cil strong { color: var(--mk-text); } .mkalk-dk-main {
display: flex;
align-items: center;
gap: 10px;
flex-wrap: wrap;
}
.mkalk-dk-left {
flex: 1;
min-width: 160px;
font-size: 14px;
}
.mkalk-dk-popis-inline {
font-size: 12px;
color: var(--mk-muted);
font-weight: 400;
}
.mkalk-dk-right {
display: flex;
flex-direction: column;
align-items: flex-end;
flex-shrink: 0;
}
.mkalk-dk-odvody-label {
font-size: 10px;
text-transform: uppercase;
letter-spacing: .5px;
color: var(--mk-muted);
font-weight: 700;
}
.mkalk-dk-usp-inline {
font-size: 11px;
color: var(--mk-red);
font-weight: 600;
}
.mkalk-dk-toggle {
background: none;
border: 1px solid var(--mk-border);
border-radius: 4px;
padding: 2px 8px;
font-size: 11px;
cursor: pointer;
color: var(--mk-muted);
flex-shrink: 0;
transition: background .15s;
}
.mkalk-dk-toggle:hover { background: var(--mk-bg); }
.mkalk-dk-detail-panel {
padding: 10px 0 2px;
border-top: 1px solid var(--mk-border);
margin-top: 8px;
}
.mkalk-dk-odvody-rozpis {
font-size: 12px;
color: #555;
margin: 0 0 6px;
}
.mkalk-dk-vysvetleni {
font-size: 12px;
color: #555;
background: #fffbe6;
border-left: 3px solid var(--mk-gold);
padding: 6px 10px;
border-radius: 0 4px 4px 0;
margin: 0 0 8px;
line-height: 1.4;
}  .mkalk-a-hero {
background: linear-gradient(135deg, #1a5c38, #2c7a4b);
border-radius: var(--mk-radius);
padding: 22px 24px 18px;
margin-bottom: 12px;
color: #fff;
}
.mkalk-a-hero-label {
font-size: 13px;
color: rgba(255,255,255,.75);
margin: 0 0 6px;
font-weight: 600;
}
.mkalk-a-hero-cena {
display: flex;
align-items: baseline;
gap: 8px;
}
.mkalk-a-hero-cena span {
font-size: 54px;
font-weight: 900;
color: #fff;
line-height: 1;
}
.mkalk-a-hero-cena small { font-size: 15px; color: rgba(255,255,255,.7); } .mkalk-a-metriky {
display: flex;
border: 1.5px solid var(--mk-border);
border-radius: var(--mk-radius);
overflow: hidden;
margin-bottom: 12px;
}
.mkalk-a-metrika {
flex: 1;
padding: 12px 10px;
text-align: center;
border-right: 1px solid var(--mk-border);
}
.mkalk-a-metrika:last-child { border-right: none; }
.mkalk-a-metrika--accent { background: var(--mk-green-l); }
.mkalk-a-m-label {
display: block;
font-size: 10px;
text-transform: uppercase;
letter-spacing: .5px;
color: var(--mk-muted);
font-weight: 700;
margin-bottom: 4px;
}
.mkalk-a-m-val {
display: block;
font-size: 16px;
font-weight: 800;
color: var(--mk-text);
}
.mkalk-a-metrika--accent .mkalk-a-m-val { color: var(--mk-green); } .mkalk-a-listy {
display: flex;
flex-direction: column;
gap: 6px;
margin-bottom: 12px;
}
.mkalk-a-lista {
border: 1.5px solid var(--mk-border);
border-radius: var(--mk-radius);
overflow: hidden;
background: #fff;
}
.mkalk-a-lista-header {
width: 100%;
display: flex;
align-items: center;
gap: 8px;
padding: 12px 16px;
background: none;
border: none;
cursor: pointer;
text-align: left;
font-size: 14px;
font-weight: 600;
transition: background .15s;
}
.mkalk-a-lista-header:hover { background: var(--mk-bg); }
.mkalk-a-lista-icon { font-size: 16px; flex-shrink: 0; }
.mkalk-a-lista-nazev { flex: 1; }
.mkalk-a-lista-castka {
font-size: 13px;
font-weight: 700;
color: var(--mk-green);
white-space: nowrap;
}
.mkalk-a-lista-arrow { font-size: 11px; color: var(--mk-muted); flex-shrink: 0; }
.mkalk-a-lista-body { border-top: 1px solid var(--mk-border); } .mkalk-a-lista-tabulka { padding: 4px 0; }
.mkalk-a-lt-row {
display: flex;
justify-content: space-between;
align-items: center;
padding: 7px 16px;
font-size: 13px;
gap: 8px;
}
.mkalk-a-lt-row--alt { background: #fafafa; }
.mkalk-a-lt-row--header {
background: var(--mk-border);
font-size: 11px;
font-weight: 700;
text-transform: uppercase;
letter-spacing: .4px;
color: var(--mk-muted);
}
.mkalk-a-lt-row--total {
background: var(--mk-green-l);
font-weight: 800;
border-top: 1px solid var(--mk-border);
}
.mkalk-a-lt-row--total strong { color: var(--mk-green); font-size: 14px; }
.mkalk-a-lt-note {
padding: 8px 16px;
font-size: 12px;
color: var(--mk-muted);
border-top: 1px solid var(--mk-border);
margin: 0;
}
@media (max-width: 520px) {
.mkalk-a-metriky { flex-wrap: wrap; }
.mkalk-a-metrika { flex: 0 0 50%; border-bottom: 1px solid var(--mk-border); }
.mkalk-a-hero-cena span { font-size: 40px; }
} .mkalk-a-trzni {
border: 1.5px solid var(--mk-border);
border-radius: var(--mk-radius);
padding: 16px 18px;
margin: 12px 0;
}
.mkalk-trzni--nad  { border-left: 4px solid var(--mk-green); }
.mkalk-trzni--okej { border-left: 4px solid var(--mk-green); }
.mkalk-trzni--pod  { border-left: 4px solid #e67e00; }
.mkalk-a-trzni-title {
font-size: 15px;
font-weight: 800;
margin: 0 0 12px;
}
.mkalk-a-trzni-srov {
display: flex;
gap: 0;
border: 1.5px solid var(--mk-border);
border-radius: 8px;
overflow: hidden;
margin-bottom: 12px;
}
.mkalk-a-trzni-item {
flex: 1;
text-align: center;
padding: 10px 8px;
border-right: 1px solid var(--mk-border);
font-size: 13px;
}
.mkalk-a-trzni-item:last-child { border-right: none; }
.mkalk-a-trzni-item--vas { background: var(--mk-green-l); }
.mkalk-a-trzni-item span { display: block; font-size: 11px; color: var(--mk-muted); margin-bottom: 3px; font-weight: 700; text-transform: uppercase; letter-spacing: .4px; }
.mkalk-a-trzni-item strong { font-size: 18px; font-weight: 900; }
.mkalk-a-trzni-hlavni {
font-size: 14px;
font-weight: 600;
margin: 0 0 10px;
line-height: 1.5;
}
.mkalk-a-trzni-tipy {
margin: 0 0 10px;
padding: 0 0 0 18px;
font-size: 13px;
color: #555;
line-height: 1.7;
}
.mkalk-a-trzni-zdroj {
font-size: 11px;
color: #aaa;
margin: 0;
}  .mkalk-step-subtitle {
font-size: 17px;
font-weight: 700;
color: var(--mk-text);
margin: 0 0 8px;
} .mkalk-rc-card--light strong,
.mkalk-rc-card--light p,
.mkalk-rc-card strong,
.mkalk-rc-card p { color: var(--mk-text) !important; }
.mkalk-rc-card:has(#rc-zacatecnik),
button#rc-zacatecnik strong,
button#rc-zacatecnik p { color: #fff !important; } .mkalk-a-cenik-intro {
font-size: 14px;
font-weight: 600;
color: rgba(255,255,255,.85);
margin: 0 0 14px;
}
.mkalk-a-cenik-table {
width: 100%;
border-collapse: collapse;
margin-bottom: 12px;
border-radius: 8px;
overflow: hidden;
}
.mkalk-a-cenik-table th {
background: rgba(255,255,255,.15);
color: rgba(255,255,255,.7);
font-size: 11px;
text-transform: uppercase;
letter-spacing: .5px;
padding: 8px 14px;
text-align: left;
font-weight: 700;
}
.mkalk-a-cenik-table td {
padding: 10px 14px;
font-size: 15px;
color: rgba(255,255,255,.9);
border-bottom: 1px solid rgba(255,255,255,.1);
}
.mkalk-a-cenik-table strong { color: #fff; font-size: 18px; }
.mkalk-a-cenik-hlavni td { background: rgba(255,255,255,.12); }
.mkalk-a-cenik-hlavni strong { font-size: 22px !important; }
.mkalk-a-cenik-note {
font-size: 12px;
color: rgba(255,255,255,.6);
margin: 0;
line-height: 1.5;
} .mkalk-a-lista-nazev { color: var(--mk-text) !important; }
.mkalk-a-lista-castka { color: var(--mk-green) !important; font-weight: 700; } button#rc-zacatecnik { background: var(--mk-green); }
button#rc-zacatecnik strong,
button#rc-zacatecnik p,
button#rc-zacatecnik .mkalk-rc-btn { color: #fff !important; }
button#rc-zacatecnik .mkalk-rc-btn { background: rgba(255,255,255,.2); } .mkalk-a-cenik-hero {
background: linear-gradient(135deg, #1a5c38, #2c7a4b);
border-radius: var(--mk-radius);
padding: 22px 22px 18px;
margin-bottom: 12px;
color: #fff;
}
.mkalk-a-cenik-intro {
font-size: 14px;
font-weight: 600;
color: rgba(255,255,255,.8);
margin: 0 0 14px;
}
.mkalk-a-cenik-tbl {
width: 100%;
border-collapse: collapse;
margin-bottom: 12px;
}
.mkalk-a-cenik-tbl th {
background: rgba(255,255,255,.15);
color: rgba(255,255,255,.7);
font-size: 11px;
text-transform: uppercase;
letter-spacing: .5px;
padding: 7px 12px;
text-align: left;
font-weight: 700;
}
.mkalk-a-cenik-tbl td {
padding: 9px 12px;
font-size: 14px;
color: rgba(255,255,255,.85);
border-bottom: 1px solid rgba(255,255,255,.1);
}
.mkalk-a-cenik-tbl strong { color: #fff; font-size: 17px; }
.mkalk-a-cenik-hlavni td { background: rgba(255,255,255,.12); }
.mkalk-a-cenik-hlavni strong { font-size: 22px !important; }
.mkalk-a-cenik-note {
font-size: 12px;
color: rgba(255,255,255,.6);
margin: 0;
line-height: 1.5;
} .mkalk-a-metriky {
display: flex;
border: 1.5px solid var(--mk-border);
border-radius: var(--mk-radius);
overflow: hidden;
margin-bottom: 10px;
}
.mkalk-a-metrika {
flex: 1;
padding: 12px 10px;
text-align: center;
border-right: 1px solid var(--mk-border);
}
.mkalk-a-metrika:last-child { border-right: none; }
.mkalk-a-metrika--accent { background: var(--mk-green-l); }
.mkalk-a-m-label {
display: block;
font-size: 10px;
text-transform: uppercase;
letter-spacing: .5px;
color: var(--mk-muted);
font-weight: 700;
margin-bottom: 4px;
}
.mkalk-a-m-val {
display: block;
font-size: 15px;
font-weight: 800;
color: var(--mk-text);
}
.mkalk-a-metrika--accent .mkalk-a-m-val { color: var(--mk-green); } .mkalk-a-listy { display: flex; flex-direction: column; gap: 6px; margin-bottom: 10px; }
.mkalk-a-lista { border: 1.5px solid var(--mk-border); border-radius: var(--mk-radius); overflow: hidden; background: #fff; }
.mkalk-a-lista-header {
width: 100%; display: flex; align-items: center; gap: 8px;
padding: 12px 16px; background: none; border: none; cursor: pointer;
text-align: left; font-size: 14px; font-weight: 600;
transition: background .15s;
}
.mkalk-a-lista-header:hover { background: var(--mk-bg); }
.mkalk-a-lista-icon { font-size: 16px; flex-shrink: 0; }
.mkalk-a-lista-nazev { flex: 1; color: var(--mk-text); }
.mkalk-a-lista-castka { font-size: 13px; font-weight: 700; color: var(--mk-green); white-space: nowrap; }
.mkalk-a-lista-arrow { font-size: 11px; color: var(--mk-muted); flex-shrink: 0; }
.mkalk-a-lista-body { border-top: 1px solid var(--mk-border); } .mkalk-a-lista-tabulka { padding: 4px 0; }
.mkalk-a-lt-row { display: flex; justify-content: space-between; align-items: center; padding: 7px 16px; font-size: 13px; gap: 8px; }
.mkalk-a-lt-row--alt { background: #fafafa; }
.mkalk-a-lt-row--header { background: #f0f0f0; font-size: 11px; font-weight: 700; text-transform: uppercase; letter-spacing: .4px; color: var(--mk-muted); }
.mkalk-a-lt-row--total { background: var(--mk-green-l); font-weight: 800; border-top: 1px solid var(--mk-border); }
.mkalk-a-lt-row--total strong { color: var(--mk-green); font-size: 14px; } .mkalk-a-zustane { border: 1.5px solid var(--mk-border); border-radius: var(--mk-radius); padding: 16px 18px; margin: 10px 0; }
.mkalk-a-zustane-title { font-size: 15px; font-weight: 800; margin: 0 0 6px; }
.mkalk-a-zustane-desc { font-size: 13px; color: var(--mk-muted); margin: 0 0 12px; line-height: 1.5; }
.mkalk-a-zustane-grid { display: flex; gap: 10px; flex-wrap: wrap; margin-bottom: 10px; }
.mkalk-a-zustane-item { flex: 1; min-width: 110px; background: #fff; border: 1.5px solid var(--mk-border); border-radius: 8px; padding: 10px 12px; display: flex; flex-direction: column; gap: 4px; }
.mkalk-a-zustane-item--best { border-color: var(--mk-green); background: var(--mk-green-l); }
.mkalk-a-zustane-forma { font-size: 11px; color: var(--mk-muted); font-weight: 600; text-transform: uppercase; letter-spacing: .4px; }
.mkalk-a-zustane-castka { font-size: 20px; font-weight: 900; line-height: 1; }
.mkalk-a-zustane-best { font-size: 10px; font-weight: 700; color: var(--mk-green); text-transform: uppercase; }
.mkalk-a-zustane-cil { font-size: 13px; color: var(--mk-muted); margin: 0; } .mkalk-rc-card--green { background: var(--mk-green); }
.mkalk-rc-card--green strong,
.mkalk-rc-card--green p { color: #fff !important; }
.mkalk-rc-card--green .mkalk-rc-btn { background: rgba(255,255,255,.2); color: #fff; }
.mkalk-rc-card--white strong,
.mkalk-rc-card--white p { color: var(--mk-text) !important; } .mkalk-step-subtitle { font-size: 17px; font-weight: 700; color: var(--mk-text); margin: 16px 0 8px; }
@media (max-width: 520px) {
.mkalk-a-metriky { flex-wrap: wrap; }
.mkalk-a-metrika { flex: 0 0 50%; border-bottom: 1px solid var(--mk-border); }
.mkalk-a-cenik-hlavni strong { font-size: 18px !important; }
} .mkalk-a-cenik-nadpis {
font-size: 20px;
font-weight: 900;
color: #fff;
margin: 0 0 4px;
letter-spacing: -.3px;
} .mkalk-a-trzni { border: 1.5px solid var(--mk-border); border-radius: var(--mk-radius); padding: 16px 18px; margin: 10px 0; }
.mkalk-trzni--nad  { border-left: 4px solid var(--mk-green); }
.mkalk-trzni--okej { border-left: 4px solid var(--mk-green); }
.mkalk-trzni--pod  { border-left: 4px solid #e67e00; }
.mkalk-a-trzni-title { font-size: 15px; font-weight: 800; margin: 0 0 12px; }
.mkalk-a-trzni-srov { display: flex; border: 1.5px solid var(--mk-border); border-radius: 8px; overflow: hidden; margin-bottom: 12px; }
.mkalk-a-trzni-item { flex: 1; text-align: center; padding: 10px 8px; border-right: 1px solid var(--mk-border); font-size: 13px; }
.mkalk-a-trzni-item:last-child { border-right: none; }
.mkalk-a-trzni-item--vas { background: var(--mk-green-l); }
.mkalk-a-trzni-item span { display: block; font-size: 11px; color: var(--mk-muted); margin-bottom: 3px; font-weight: 700; text-transform: uppercase; letter-spacing: .4px; }
.mkalk-a-trzni-item strong { font-size: 18px; font-weight: 900; }
.mkalk-a-trzni-hlavni { font-size: 14px; font-weight: 600; margin: 0 0 10px; line-height: 1.5; }
.mkalk-a-trzni-tipy { margin: 0 0 10px; padding: 0 0 0 18px; font-size: 13px; color: #555; line-height: 1.7; }
.mkalk-a-trzni-zdroj { font-size: 11px; color: #aaa; margin: 0; } .mkalk-a-odeslat {
border: 1.5px solid var(--mk-border);
border-radius: var(--mk-radius);
padding: 18px 20px;
margin: 12px 0;
background: var(--mk-bg);
}
.mkalk-a-odeslat-title { font-size: 16px; font-weight: 800; margin: 0 0 6px; }
.mkalk-a-odeslat-sub   { font-size: 13px; font-style: italic; color: var(--mk-muted); margin: 0 0 6px; }
.mkalk-a-odeslat-desc  { font-size: 13px; color: var(--mk-muted); margin: 0 0 14px; }
.mkalk-a-odeslat-benefits {
margin: 0 0 16px;
padding-left: 20px;
font-size: 13px;
color: #444;
}
.mkalk-a-odeslat-benefits li {
margin-bottom: 6px;
line-height: 1.5;
}
.mkalk-a-odeslat-benefits li:last-child {
margin-bottom: 0;
}
.mkalk-a-odeslat-ctanote {
font-size: 11px;
color: var(--mk-muted);
padding-top: 10px;
margin: 8px 0 0;
text-align: center;
}
.mkalk-a-odeslat-tabs  { display: flex; gap: 8px; margin-bottom: 12px; }
.mkalk-a-tab {
flex: 1; padding: 8px; border: 1.5px solid var(--mk-border); border-radius: 8px;
background: #fff; cursor: pointer; font-size: 13px; font-weight: 600;
color: var(--mk-muted); transition: all .15s;
}
.mkalk-a-tab.active { border-color: var(--mk-green); background: var(--mk-green-l); color: var(--mk-green); }
.mkalk-input {
width: 50%; padding: 10px 14px; border: 1.5px solid var(--mk-border); border-radius: 8px;
font-size: 15px; margin-bottom: 10px; box-sizing: border-box;
}
.mkalk-input:focus { outline: none; border-color: var(--mk-green); box-shadow: 0 0 0 3px rgba(44,122,75,.1); }
.mkalk-a-odeslat-sent { color: var(--mk-green); font-weight: 700; font-size: 15px; text-align: center; padding: 10px 0; } .mkalk-a-sekce-nadpis {
font-size: 20px;
font-weight: 900;
color: var(--mk-text);
margin: 20px 0 10px;
letter-spacing: -.3px;
border-bottom: 2px solid var(--mk-border);
padding-bottom: 6px;
}
.mkalk-a-sekce-nadpis--dark { border-bottom: none;
padding-bottom: 0;
margin: 0 0 12px;
} .mkalk-a-cenik-hero .mkalk-a-cenik-nadpis { display: none; } .mkalk-b-sekce { margin-bottom: 20px; }
.mkalk-b-nadpis {
font-size: 20px;
font-weight: 900;
color: var(--mk-text);
margin: 0 0 12px;
padding-bottom: 6px;
border-bottom: 2px solid var(--mk-border);
} .mkalk-b-sazba-hero {
background: linear-gradient(135deg, #1a5c38, #2c7a4b);
border-radius: var(--mk-radius);
padding: 20px 22px 16px;
margin-bottom: 12px;
color: #fff;
}
.mkalk-b-sazba-cislo {
font-size: 42px;
font-weight: 900;
color: #fff;
line-height: 1.1;
margin-bottom: 4px;
}
.mkalk-b-sazba-sub { font-size: 14px; color: rgba(255,255,255,.8); } .mkalk-b-metriky {
display: flex;
border: 1.5px solid var(--mk-border);
border-radius: var(--mk-radius);
overflow: hidden;
margin-bottom: 10px;
}
.mkalk-b-metrika {
flex: 1;
padding: 12px 10px;
text-align: center;
border-right: 1px solid var(--mk-border);
}
.mkalk-b-metrika:last-child { border-right: none; }
.mkalk-b-metrika--accent { background: var(--mk-green-l); }
.mkalk-b-m-label {
display: block;
font-size: 10px;
text-transform: uppercase;
letter-spacing: .5px;
color: var(--mk-muted);
font-weight: 700;
margin-bottom: 4px;
}
.mkalk-b-m-val {
display: block;
font-size: 16px;
font-weight: 800;
color: var(--mk-text);
}
.mkalk-b-metrika--accent .mkalk-b-m-val { color: var(--mk-green); } .mkalk-b-cenik-tbl {
width: 100%;
border-collapse: collapse;
margin-bottom: 8px;
font-size: 14px;
}
.mkalk-b-cenik-tbl th {
background: var(--mk-bg);
padding: 8px 12px;
text-align: left;
font-size: 11px;
text-transform: uppercase;
letter-spacing: .4px;
color: var(--mk-muted);
border-bottom: 2px solid var(--mk-border);
font-weight: 700;
}
.mkalk-b-cenik-tbl td {
padding: 9px 12px;
border-bottom: 1px solid var(--mk-border);
}
.mkalk-b-cenik-tbl tr:hover td { background: #fafafa; }
.b-cenik-doplnena td { color: var(--mk-muted); background: #fafafa; }
.mkalk-b-cenik-note {
font-size: 12px;
color: var(--mk-muted);
margin: 4px 0 0;
}
@media (max-width:520px) {
.mkalk-b-metriky { flex-wrap: wrap; }
.mkalk-b-metrika { flex: 0 0 50%; border-bottom: 1px solid var(--mk-border); }
.mkalk-b-sazba-cislo { font-size: 32px; }
}  .mkalk-b-hero-blok {
background: linear-gradient(135deg, #1a5c38, #2c7a4b);
border-radius: var(--mk-radius);
padding: 24px 24px 18px;
margin-bottom: 16px;
color: #fff;
}
.mkalk-b-hero-hlavni {
display: flex;
align-items: flex-end;
gap: 16px;
flex-wrap: wrap;
margin-bottom: 16px;
}
.mkalk-b-hero-aktualni,
.mkalk-b-hero-doporucena { flex: 1; min-width: 140px; }
.mkalk-b-hero-sep {
font-size: 28px;
color: rgba(255,255,255,.5);
padding-bottom: 8px;
flex-shrink: 0;
}
.mkalk-b-hero-label {
font-size: 11px;
text-transform: uppercase;
letter-spacing: .5px;
color: rgba(255,255,255,.65);
font-weight: 700;
margin-bottom: 4px;
}
.mkalk-b-hero-cislo {
font-size: 42px;
font-weight: 900;
color: rgba(255,255,255,.7);
line-height: 1;
}
.mkalk-b-hero-cislo--dop { color: #fff; }
.mkalk-b-hero-unit { font-size: 13px; color: rgba(255,255,255,.6); margin-top: 2px; }
.mkalk-b-hero-potencial {
display: flex;
gap: 12px;
flex-wrap: wrap;
background: rgba(255,255,255,.1);
border-radius: 8px;
padding: 12px 14px;
margin-bottom: 16px;
}
.mkalk-b-hero-pot-item { flex: 1; }
.mkalk-b-hero-pot-label { font-size: 11px; color: rgba(255,255,255,.65); display: block; margin-bottom: 2px; }
.mkalk-b-hero-pot-item strong { font-size: 15px; font-weight: 800; }
.mkalk-b-hero-pot-item--accent strong { font-size: 18px; } .mkalk-b-zhodnoceni {
border-top: 1px solid rgba(255,255,255,.15);
padding-top: 14px;
}
.mkalk-b-zh-ikona-text {
display: flex;
align-items: center;
gap: 8px;
margin-bottom: 6px;
font-size: 15px;
}
.mkalk-b-zh-ikona-text strong { color: #fff; font-size: 15px; }
.mkalk-b-zhodnoceni p { font-size: 13px; color: rgba(255,255,255,.8); margin: 0; line-height: 1.6; } .mkalk-b-pasmo {
border: 2px solid var(--mk-border);
border-radius: var(--mk-radius);
padding: 16px 18px;
}
.mkalk-b-pasmo--red    { border-color: #e74c3c; background: #fdf2f2; }
.mkalk-b-pasmo--yellow { border-color: #f39c12; background: #fefdf0; }
.mkalk-b-pasmo--green  { border-color: var(--mk-green); background: var(--mk-green-l); }
.mkalk-b-pasmo--gold   { border-color: #f1c40f; background: #fefdf0; }
.mkalk-b-pasmo-header  { display: flex; align-items: center; gap: 8px; font-size: 17px; font-weight: 800; margin-bottom: 8px; }
.mkalk-b-pasmo p       { font-size: 13px; color: #555; margin: 0 0 12px; }
.mkalk-b-pasmo-metriky { display: flex; border: 1px solid var(--mk-border); border-radius: 8px; overflow: hidden; background: #fff; }
.mkalk-b-pasmo-metrika { flex: 1; padding: 10px 8px; text-align: center; border-right: 1px solid var(--mk-border); font-size: 13px; }
.mkalk-b-pasmo-metrika:last-child { border-right: none; }
.mkalk-b-pasmo-metrika--accent { background: var(--mk-green-l); }
.mkalk-b-pasmo-metrika span { display: block; font-size: 10px; text-transform: uppercase; letter-spacing: .4px; color: var(--mk-muted); margin-bottom: 3px; font-weight: 700; }
.mkalk-b-pasmo-metrika strong { font-size: 15px; font-weight: 800; } .mkalk-b-dop-karta {
border: 1.5px solid var(--mk-border);
border-radius: var(--mk-radius);
padding: 14px 16px;
margin-bottom: 10px;
background: #fff;
}
.mkalk-b-dop-karta--hlavni { border-color: var(--mk-green); background: var(--mk-green-l); }
.mkalk-b-dop-karta--tip    { border-color: #e67e00; background: #fff8f0; }
.mkalk-b-dop-label { font-size: 11px; font-weight: 800; text-transform: uppercase; letter-spacing: .5px; color: var(--mk-muted); margin-bottom: 6px; }
.mkalk-b-dop-karta--hlavni .mkalk-b-dop-label { color: var(--mk-green); }
.mkalk-b-dop-karta--tip    .mkalk-b-dop-label { color: #e67e00; }
.mkalk-b-dop-karta p { font-size: 13px; margin: 0 0 6px; line-height: 1.6; }
.mkalk-b-dop-karta p:last-child { margin-bottom: 0; } .mkalk-b-trh-grid {
display: flex;
border: 1.5px solid var(--mk-border);
border-radius: 8px;
overflow: hidden;
margin-bottom: 10px;
}
.mkalk-b-trh-item { flex: 1; padding: 12px 10px; text-align: center; border-right: 1px solid var(--mk-border); }
.mkalk-b-trh-item:last-child { border-right: none; }
.mkalk-b-trh-label { display: block; font-size: 11px; text-transform: uppercase; letter-spacing: .4px; color: var(--mk-muted); font-weight: 700; margin-bottom: 4px; }
.mkalk-b-trh-item strong { font-size: 18px; font-weight: 900; }
.mkalk-b-trh-note { font-size: 13px; color: #555; margin: 0 0 4px; line-height: 1.5; } .mkalk-b-detail-toggle {
width: 100%;
padding: 12px 16px;
background: var(--mk-bg);
border: 1.5px solid var(--mk-border);
border-radius: var(--mk-radius);
cursor: pointer;
font-size: 14px;
font-weight: 700;
color: var(--mk-text);
display: flex;
justify-content: space-between;
align-items: center;
transition: background .15s;
}
.mkalk-b-detail-toggle:hover { background: #e8f5ee; }
.mkalk-b-detail-arrow { font-size: 12px; color: var(--mk-muted); }
.mkalk-b-detail-panel { border: 1.5px solid var(--mk-border); border-top: none; border-radius: 0 0 var(--mk-radius) var(--mk-radius); padding: 0 4px; }
.mkalk-b-detail-sekce { padding: 16px 12px; border-bottom: 1px solid var(--mk-border); }
.mkalk-b-detail-sekce:last-child { border-bottom: none; }
.mkalk-b-detail-nadpis { font-size: 15px; font-weight: 800; margin: 0 0 10px; } .mkalk-b-cta {
display: flex;
gap: 14px;
align-items: flex-start;
background: #fff8e6;
border: 2px solid #f1c40f;
border-radius: var(--mk-radius);
padding: 18px 20px;
margin: 16px 0;
}
.mkalk-b-cta-ikona { font-size: 28px; flex-shrink: 0; }
.mkalk-b-cta-titulek { display: block; font-size: 16px; font-weight: 800; color: var(--mk-text); margin-bottom: 6px; }
.mkalk-b-cta-text { font-size: 13px; color: #555; margin: 0 0 12px; line-height: 1.6; }
@media (max-width: 520px) {
.mkalk-b-hero-hlavni { flex-direction: column; gap: 10px; }
.mkalk-b-hero-sep { display: none; }
.mkalk-b-hero-cislo { font-size: 32px; }
.mkalk-b-trh-grid { flex-wrap: wrap; }
.mkalk-b-trh-item { flex: 0 0 50%; border-bottom: 1px solid var(--mk-border); }
.mkalk-b-cta { flex-direction: column; }
}  #hero-rozdil span[style*="color:var(--mk-red)"],
#hero-rozdil span { color: #fff !important; }
.mkalk-b-hero-pot-item #hero-rozdil { color: #fff !important; } #hero-potencial-rok span { color: #fff !important; }
.mkalk-b-hero-pot-item--accent strong,
.mkalk-b-hero-pot-item--accent #hero-potencial-rok span { color: #fff !important; } .mkalk-b-detail-toggle:hover {
background: var(--mk-green) !important;
color: #fff !important;
}
.mkalk-b-detail-toggle:hover .mkalk-b-detail-arrow { color: #fff !important; } .mkalk-b-cta .mkalk-btn--next:hover { color: #fff !important; } .mkalk-mh-pocet,
.mkalk-mh-delka,
.mkalk-mh-cena { flex: 1 !important; text-align: center; } .mkalk-iw--cena input[type="number"] {
background: #fff !important;
} .mkalk-step-subtitle {
font-size: 17px;
font-weight: 700;
color: var(--mk-text);
margin: 0 0 8px;
} .mkalk-b-cil-banner {
background: linear-gradient(135deg, #eaf3fb 0%, #d6eaf8 100%);
border: 1px solid #aed6f1;
border-left: 4px solid #2471a3;
border-radius: 8px;
padding: 14px 20px;
margin-bottom: 16px;
font-size: 14px;
color: #1a5276;
line-height: 1.6;
}
.mkalk-b-cil-banner strong {
color: #154360;
font-size: 16px;
} .mkalk-b-sekce--cenik-modra {
background: linear-gradient(135deg, #eaf3fb 0%, #d6eaf8 100%);
border: 1px solid #aed6f1;
border-radius: 12px;
padding: 20px 24px;
}
.mkalk-b-sekce--cenik-modra .mkalk-b-nadpis {
color: #1a5276;
}
.mkalk-b-sekce--cenik-modra .mkalk-b-cenik-tbl th {
background: #aed6f1;
color: #1a5276;
}
.mkalk-b-sekce--cenik-modra .mkalk-b-cenik-tbl tr:nth-child(even) td {
background: rgba(174,214,241,.25);
} .mkalk-b-sekce--shrnuti {
background: #fff;
border: 1px solid #e8d5a0;
border-radius: 12px;
padding: 20px 24px;
margin-bottom: 20px;
}
.mkalk-b-nadpis--shrnuti {
color: #7d5a00;
margin-bottom: 6px !important;
}
.mkalk-b-sekce--shrnuti .mkalk-b-cil-text {
display: block;
font-size: 14px;
color: #5a4000;
margin-bottom: 20px;
line-height: 1.7;
}
.mkalk-b-sekce--shrnuti .mkalk-b-cil-text strong {
color: #7d5a00;
font-size: 16px;
}
.mkalk-b-prehled-zlaty {
background: linear-gradient(135deg, #fdf6e3 0%, #faebc7 100%);
border: 1px solid #e0c060;
border-radius: 10px;
overflow: hidden;
}
.mkalk-b-pz-row {
display: flex;
justify-content: space-between;
align-items: center;
padding: 10px 18px;
border-bottom: 1px solid rgba(203,161,53,.2);
font-size: 14px;
color: #5a4000;
}
.mkalk-b-pz-row strong {
font-size: 15px;
font-weight: 700;
color: #7d5a00;
}
.mkalk-b-pz-row--total {
background: linear-gradient(135deg, #CBA135 0%, #e8c060 100%);
border-bottom: none;
padding: 14px 18px;
}
.mkalk-b-pz-row--total span {
color: #fff;
font-weight: 700;
font-size: 15px;
}
.mkalk-b-pz-row--total strong {
color: #fff;
font-size: 20px;
font-weight: 800;
} .mkalk-b-sekce--sazba {
background: #eaf5ee;
border: 1px solid #a3d4b0;
border-radius: 12px;
padding: 20px 24px;
margin-bottom: 20px;
}
.mkalk-b-nadpis--sazba {
color: #1a5c2e;
margin-bottom: 6px !important;
}
.mkalk-b-sazba-perex {
font-size: 13px;
color: #3a6b47;
margin: 0 0 16px;
line-height: 1.6;
}
.mkalk-b-hero-zeleny {
background: linear-gradient(135deg, #1e7e44 0%, #2c9e57 100%);
border-radius: 10px;
padding: 20px 24px;
} .mkalk-b-hero-zeleny .mkalk-b-hero-hlavni {
display: flex;
gap: 24px;
align-items: center;
flex-wrap: wrap;
}
.mkalk-b-hero-zeleny .mkalk-b-hero-potencial {
display: flex;
gap: 24px;
margin-top: 16px;
padding-top: 16px;
border-top: 1px solid rgba(255,255,255,.2);
flex-wrap: wrap;
} .mkalk-b-sekce--sazba .mkalk-b-zhodnoceni {
border-top: 1px solid #a3d4b0;
margin-top: 16px;
padding-top: 14px;
}
.mkalk-b-sekce--sazba .mkalk-b-zh-ikona-text strong {
color: #1a1a1a;
}
.mkalk-b-sekce--sazba .mkalk-b-zhodnoceni p {
color: #333;
} .mkalk-b-feedback {
background: #fafafa;
border: 1px solid #e5e5e5;
border-radius: 12px;
padding: 20px 24px;
margin-bottom: 20px;
}
.mkalk-fb-otazka {
margin-bottom: 20px;
}
.mkalk-fb-label {
font-size: 14px;
font-weight: 600;
color: #1a1a1a;
margin: 0 0 10px;
}
.mkalk-fb-pills {
display: flex;
flex-wrap: wrap;
gap: 8px;
}
.mkalk-fb-pill {
cursor: pointer;
}
.mkalk-fb-pill input[type="radio"] {
display: none;
}
.mkalk-fb-pill span {
display: inline-block;
padding: 8px 14px;
border: 1.5px solid #ddd;
border-radius: 20px;
font-size: 13px;
color: #444;
background: #fff;
transition: all .15s ease;
user-select: none;
}
.mkalk-fb-pill input[type="radio"]:checked + span {
border-color: #2c9e57;
background: #e8f5ee;
color: #1a5c2e;
font-weight: 600;
}
.mkalk-fb-pill span:hover {
border-color: #aaa;
background: #f5f5f5;
}
.mkalk-btn--feedback {
background: #2c9e57;
color: #fff;
border: none;
border-radius: 8px;
padding: 12px 24px;
font-size: 14px;
font-weight: 600;
cursor: pointer;
transition: background .2s;
}
.mkalk-btn--feedback:hover { background: #1e7e44; }
.mkalk-btn--feedback:disabled { opacity: .6; cursor: default; }
.mkalk-fb-sent {
background: #e8f5ee;
border: 1px solid #a3d4b0;
border-radius: 8px;
padding: 12px 16px;
color: #1a5c2e;
font-size: 14px;
font-weight: 600;
}
.mkalk-fb-error {
background: #fdf2f2;
border: 1px solid #f5b7b1;
border-radius: 8px;
padding: 10px 14px;
color: #c0392b;
font-size: 13px;
} .mkalk-b-pasmo-sub {
font-size: 13px;
font-style: italic;
opacity: .85;
margin: 2px 0 8px;
} .mkalk-b-sekce--diagnosis {
background: linear-gradient(135deg, #fdf3dc 0%, #fae8b0 100%);
border: 1.5px solid #D4A12C;
border-left: 4px solid #D4A12C;
border-radius: 12px;
padding: 20px 24px;
margin-bottom: 20px;
}
.mkalk-b-diagnosis-inner {
display: flex;
gap: 16px;
align-items: flex-start;
}
.mkalk-b-diagnosis-ikona {
font-size: 32px;
line-height: 1;
flex-shrink: 0;
margin-top: 2px;
}
.mkalk-b-diagnosis-text {
flex: 1;
}
.mkalk-b-diagnosis-text strong {
display: block;
font-size: 18px;
font-weight: 800;
color: #7d5200;
margin-bottom: 4px;
line-height: 1.3;
}
.mkalk-b-diagnosis-text em {
display: block;
font-size: 13px;
color: #a06800;
font-style: italic;
margin-bottom: 8px;
}
.mkalk-b-diagnosis-text p {
font-size: 14px;
color: #5a3c00;
margin: 0;
line-height: 1.6;
} .mkalk-b-sekce--opportunity {
background: linear-gradient(135deg, #eaf7ee 0%, #c8ecd4 100%);
border: 1.5px solid #2c9e57;
border-left: 4px solid #2c9e57;
border-radius: 12px;
padding: 20px 24px;
margin-bottom: 20px;
}
.mkalk-b-nadpis--opportunity {
display: flex;
align-items: center;
gap: 10px;
font-size: 18px;
font-weight: 800;
color: #1a5c2e;
margin-bottom: 8px !important;
line-height: 1.3;
}
.mkalk-b-opp-sub {
display: block;
font-size: 13px;
color: #2c6e3f;
font-style: italic;
margin-bottom: 8px;
}
.mkalk-b-opp-p {
font-size: 14px;
color: #1a4a2a;
margin: 0;
line-height: 1.6;
} .mkalk-b-opp-karta { display: contents; }
.mkalk-b-opp-ikona { display: none; }
.mkalk-b-opp-text strong { display: none; }
.mkalk-b-opp-text em { display: block; font-size: 13px; color: #2c6e3f; font-style: italic; margin-bottom: 8px; }
.mkalk-b-opp-text p { font-size: 14px; color: #1a4a2a; margin: 0; line-height: 1.6; } .mkalk-b-nextstep-blok {
background: linear-gradient(135deg, #e8f0fa 0%, #c8d8f0 100%);
border: 1.5px solid #183B63;
border-left: 4px solid #183B63;
border-radius: 12px;
padding: 20px 24px;
margin-bottom: 20px;
}
.mkalk-b-nextstep-inner {
display: flex;
flex-direction: column;
}
.mkalk-b-nextstep-label {
display: flex;
align-items: center;
gap: 10px;
font-size: 18px;
font-weight: 800;
color: #183B63;
margin-bottom: 8px;
line-height: 1.3;
}
.mkalk-b-nextstep-label::before {
content: '①';
font-size: 26px;
line-height: 1;
flex-shrink: 0;
}
.mkalk-b-nextstep-headline { display: none; }
.mkalk-b-nextstep-text {
font-size: 14px;
color: #1e3a5f;
margin: 0;
line-height: 1.65;
} .mkalk-b-tax-karta {
display: flex;
gap: 14px;
align-items: flex-start;
background: #fdf6e3;
border: 1px solid #e0c060;
border-left: 4px solid #CBA135;
border-radius: 8px;
padding: 14px 18px;
}
.mkalk-b-tax-ikona { font-size: 24px; flex-shrink: 0; margin-top: 2px; }
.mkalk-b-tax-karta strong { display: block; font-size: 14px; color: #7d5a00; margin-bottom: 6px; }
.mkalk-b-tax-karta p { font-size: 13px; color: #5a4000; margin: 0; line-height: 1.6; } .mkalk-b-sekce--mismatch {
background: linear-gradient(135deg, #fff8e6 0%, #ffefc2 100%);
border: 1.5px solid #D4A12C;
border-left: 4px solid #D4A12C;
border-radius: 12px;
padding: 16px 22px;
margin-bottom: 20px;
font-size: 14px;
color: #5a3c00;
line-height: 1.7;
}
.mkalk-b-sekce--mismatch p { margin: 0 0 10px; }
.mkalk-b-sekce--mismatch p:last-child { margin-bottom: 0; }
.mkalk-b-sekce--mismatch strong { color: #7d5200; } .mkalk-b-sekce--benchmark {
background: #f7f9fc;
border: 1px solid #d0dcea;
border-radius: 12px;
padding: 18px 22px;
margin-bottom: 20px;
}
.mkalk-b-sekce--benchmark .mkalk-b-nadpis { color: #183B63; } .mkalk-b-sekce--taxes {
background: #f7f9fc;
border: 1px solid #d0dcea;
border-radius: 12px;
padding: 18px 22px;
margin-bottom: 20px;
}
.mkalk-b-sekce--taxes .mkalk-b-nadpis { color: #183B63; } .mkalk-b-tax-tbl {
width: 100%;
border-collapse: collapse;
margin-bottom: 16px;
font-size: 13px;
}
.mkalk-b-tax-tbl th {
text-align: left;
padding: 8px 10px;
background: #f5f5f5;
color: #666;
font-weight: 700;
font-size: 11px;
text-transform: uppercase;
letter-spacing: .03em;
}
.mkalk-b-tax-tbl td {
padding: 9px 10px;
border-bottom: 1px solid #eee;
}
.mkalk-b-tax-tbl tbody tr:last-child td {
border-bottom: none;
} .mkalk-b-sensitivity-tbl {
width: 100%;
border-collapse: collapse;
margin-bottom: 4px;
font-size: 13px;
}
.mkalk-b-sensitivity-tbl th {
text-align: left;
padding: 8px 10px;
background: #f5f5f5;
color: #666;
font-weight: 700;
font-size: 11px;
text-transform: uppercase;
letter-spacing: .03em;
}
.mkalk-b-sensitivity-tbl th:last-child {
text-align: right;
}
.mkalk-b-sensitivity-tbl td {
padding: 9px 10px;
border-bottom: 1px solid #eee;
}
.mkalk-b-sensitivity-tbl tbody tr:last-child td {
border-bottom: none;
} .mkalk-b-oddelovac {
text-align: center;
margin: 36px 0 28px;
padding-top: 28px;
border-top: 2px dashed #ddd;
}
.mkalk-b-oddelovac-nadpis {
font-size: 22px;
font-weight: 800;
color: #1a1a1a;
margin: 0 0 8px;
}
.mkalk-b-oddelovac-pod {
font-size: 13px;
color: #888;
margin: 0;
font-style: italic;
} .mkalk-b-assess-inner {
display: flex;
align-items: flex-start;
gap: 14px;
background: #f7f7f7;
border-radius: 10px;
padding: 16px 18px;
}
.mkalk-b-assess-ikona {
font-size: 26px;
line-height: 1;
}
.mkalk-b-assess-inner strong {
display: block;
font-size: 14px;
color: #222;
margin-bottom: 4px;
}
.mkalk-b-assess-inner p {
margin: 0;
font-size: 13px;
color: #555;
line-height: 1.6;
} .mkalk-b-insight-row {
display: flex;
align-items: flex-start;
gap: 12px;
padding: 12px 0;
border-bottom: 1px solid #f0f0f0;
}
.mkalk-b-insight-row:last-child {
border-bottom: none;
}
.mkalk-b-insight-ikona {
font-size: 20px;
line-height: 1.4;
width: 28px;
flex-shrink: 0;
}
.mkalk-b-insight-row strong {
display: block;
font-size: 13px;
color: #222;
margin-bottom: 4px;
}
.mkalk-b-insight-row p {
margin: 0;
font-size: 13px;
color: #555;
line-height: 1.6;
} .mkalk-b-scenario-card {
background: #f7f7f7;
border-radius: 10px;
padding: 14px 16px;
margin-bottom: 10px;
}
.mkalk-b-scenario-card:last-child {
margin-bottom: 0;
}
.mkalk-b-scenario-label {
display: block;
font-size: 14px;
color: #222;
margin-bottom: 3px;
}
.mkalk-b-scenario-desc {
font-size: 12px;
color: #888;
margin-bottom: 8px;
line-height: 1.4;
}
.mkalk-b-scenario-row {
display: flex;
justify-content: space-between;
font-size: 13px;
color: #666;
padding: 3px 0;
}
.mkalk-b-scenario-row--rate {
color: #333;
}
.mkalk-b-scenario-diff {
text-align: right;
font-size: 16px;
font-weight: 800;
margin-top: 6px;
} #b-reality-check {
margin-top: 18px;
padding-top: 16px;
border-top: 1px solid #eee;
}
.mkalk-b-realitycheck-title {
font-size: 14px;
font-weight: 700;
color: #222;
margin: 0 0 6px;
}
.mkalk-b-realitycheck-text {
font-size: 13px;
color: #555;
margin: 0 0 6px;
}
.mkalk-b-realitycheck-options {
display: flex;
flex-direction: column;
gap: 8px;
margin: 0 0 10px;
}
.mkalk-b-realitycheck-option {
background: #fff;
border: 1px solid #eee;
border-radius: 8px;
padding: 10px 14px;
}
.mkalk-b-realitycheck-option-text {
margin: 0 0 4px;
font-size: 13px;
color: #333;
}
.mkalk-b-realitycheck-option-rel {
font-size: 11px;
color: #999;
}
.mkalk-b-realitycheck-note {
font-size: 12px;
color: #888;
font-style: italic;
margin: 0;
} .mkalk-b-summary-grid {
display: grid;
grid-template-columns: repeat(3, 1fr);
gap: 14px;
}
@media (max-width: 720px) {
.mkalk-b-summary-grid {
grid-template-columns: 1fr;
}
}
.mkalk-b-summary-card {
border-radius: 10px;
padding: 16px 18px;
}
.mkalk-b-summary-card-title {
font-size: 12px;
font-weight: 800;
text-transform: uppercase;
letter-spacing: .03em;
margin-bottom: 10px;
}
.mkalk-b-summary-card ul {
margin: 0;
padding: 0;
list-style: none;
}
.mkalk-b-summary-card li {
font-size: 13px;
line-height: 1.5;
margin-bottom: 8px;
}
.mkalk-b-summary-card li:last-child {
margin-bottom: 0;
}
.mkalk-b-summary-card p {
margin: 0;
font-size: 13px;
line-height: 1.5;
font-weight: 600;
}
.mkalk-b-summary-empty {
color: #999;
font-style: italic;
}
.mkalk-b-summary-card--good {
background: #eaf7ee;
border: 1px solid #c8e8d2;
}
.mkalk-b-summary-card--good .mkalk-b-summary-card-title {
color: #1a5c2e;
}
.mkalk-b-summary-card--good li {
color: #1a4a2a;
}
.mkalk-b-summary-card--opportunity {
background: #fdf1e3;
border: 1px solid #f3d9b3;
}
.mkalk-b-summary-card--opportunity .mkalk-b-summary-card-title {
color: #a35a00;
}
.mkalk-b-summary-card--opportunity li {
color: #7a4400;
}
.mkalk-b-summary-card--action {
background: #e8f0fa;
border: 1px solid #c5d9ef;
}
.mkalk-b-summary-card--action .mkalk-b-summary-card-title {
color: #183B63;
}
.mkalk-b-summary-card--action p {
color: #1e3a5f;
} .mkalk-b-premium-box {
background: linear-gradient(135deg, #fdf6dc, #fbeec3);
border: 1px solid #f0dca0;
border-radius: 12px;
padding: 22px 24px;
}
.mkalk-b-premium-lead {
font-size: 16px;
font-weight: 800;
color: #7d5200;
margin: 0 0 8px;
line-height: 1.4;
}
.mkalk-b-premium-sub {
font-size: 13px;
color: #5a4000;
margin: 0 0 10px;
}
.mkalk-b-premium-text {
font-size: 13px;
color: #5a4000;
line-height: 1.6;
}
.mkalk-b-premium-text strong {
color: #7d5200;
} .mkalk-b-banner {
display: flex;
align-items: flex-start;
gap: 14px;
border-radius: 12px;
padding: 18px 20px;
margin-bottom: 14px;
}
.mkalk-b-banner-ikona {
font-size: 28px;
line-height: 1;
flex-shrink: 0;
}
.mkalk-b-banner-text strong {
display: block;
font-size: 16px;
font-weight: 800;
margin-bottom: 4px;
}
.mkalk-b-banner-text p {
margin: 0;
font-size: 13px;
line-height: 1.6;
} .mkalk-b-banner--story {
background: linear-gradient(135deg, #eaf7ee, #d8f0e0);
border: 1px solid #b8e0c8;
}
.mkalk-b-banner--story strong {
color: #1a5c2e;
}
.mkalk-b-banner--story p {
color: #1a4a2a;
} .mkalk-b-banner--strategy {
background: linear-gradient(135deg, #e8f0fa, #d6e6f7);
border: 1px solid #b8d0ec;
}
.mkalk-b-banner--strategy strong {
color: #183B63;
}
.mkalk-b-banner--strategy p {
color: #1e3a5f;
}
@media (max-width: 600px) {
.mkalk-b-banner {
flex-direction: column;
gap: 8px;
}
.mkalk-b-banner-ikona {
font-size: 24px;
}
} :root {
--mk-green:   var(--color-primary-500, #0f6d66);
--mk-green-l: var(--color-primary-50, #e8f2f1);
--mk-gold:    var(--color-accent-500, #c9a227);
--mk-gold-l:  #faf3dc;
--mk-red:     var(--color-error, #c62828);
--mk-bg:      var(--color-surface-muted, #f7f8f8);
--mk-border:  var(--color-border, #d9dcdc);
--mk-text:    var(--color-text, #242828);
--mk-muted:   var(--color-text-muted, #6b7373);
--mk-radius:  var(--radius-md, 8px);
--mk-shadow:  var(--shadow-sm, 0 1px 2px rgba(20, 23, 23, .06));
}
.mkalk-wrap {
font-family: var(--font-body, -apple-system, BlinkMacSystemFont, 'Segoe UI', sans-serif);
} .mkalk-b-save {
background: #fafafa;
border: 1px solid #e5e5e5;
border-radius: 12px;
padding: 20px 24px;
}
.mkalk-b-save__header { margin-bottom: 14px; }
.mkalk-b-save__title {
font-size: 16px;
font-weight: 800;
color: var(--mk-text);
margin: 0 0 6px;
}
.mkalk-b-save__desc {
font-size: 13px;
color: var(--mk-muted);
margin: 0;
line-height: 1.6;
}
.mkalk-b-save__err {
color: #b91c1c;
font-size: 13px;
margin-top: 8px;
}
.mkalk-b-save__sent {
color: var(--mk-green);
font-weight: 700;
font-size: 14px;
text-align: center;
padding: 10px 0;
}
.mkalk-b-save__sent a {
color: var(--mk-green);
text-decoration: underline;
}
.mkalk-b-save__login-hint {
font-size: 13px;
color: var(--mk-muted);
text-align: center;
margin: 14px 0 0;
}
.mkalk-b-save__login-hint a {
color: var(--mk-green);
font-weight: 600;
}