@font-face { font-family: "Inter"; font-style: normal; font-weight: 400 600; font-display: swap; src: url(/assets/fonts/inter-cyrillic.aebf2ab4a4.woff2) format("woff2"); unicode-range: U+0301, U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116; }
@font-face { font-family: "Inter"; font-style: normal; font-weight: 400 600; font-display: swap; src: url(/assets/fonts/inter-cyrillic-ext.fccca918fe.woff2) format("woff2"); unicode-range: U+0460-052F, U+1C80-1C8A, U+20B4, U+2DE0-2DFF, U+A640-A69F, U+FE2E-FE2F; }
@font-face { font-family: "Inter"; font-style: normal; font-weight: 400 600; font-display: swap; src: url(/assets/fonts/inter-latin.c940764593.woff2) format("woff2"); unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD; }
@font-face { font-family: "Inter"; font-style: normal; font-weight: 400 600; font-display: swap; src: url(/assets/fonts/inter-latin-ext.a28eb6d3cc.woff2) format("woff2"); unicode-range: U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C0, U+2113, U+2C60-2C7F, U+A720-A7FF; }
@font-face { font-family: "Manrope"; font-style: normal; font-weight: 600 800; font-display: swap; src: url(/assets/fonts/manrope-cyrillic.95a493061f.woff2) format("woff2"); unicode-range: U+0301, U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116; }
@font-face { font-family: "Manrope"; font-style: normal; font-weight: 600 800; font-display: swap; src: url(/assets/fonts/manrope-cyrillic-ext.e8c0b39992.woff2) format("woff2"); unicode-range: U+0460-052F, U+1C80-1C8A, U+20B4, U+2DE0-2DFF, U+A640-A69F, U+FE2E-FE2F; }
@font-face { font-family: "Manrope"; font-style: normal; font-weight: 600 800; font-display: swap; src: url(/assets/fonts/manrope-latin.e310b55a7f.woff2) format("woff2"); unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD; }
@font-face { font-family: "Manrope"; font-style: normal; font-weight: 600 800; font-display: swap; src: url(/assets/fonts/manrope-latin-ext.ce093b341d.woff2) format("woff2"); unicode-range: U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C0, U+2113, U+2C60-2C7F, U+A720-A7FF; }
:root, [data-theme="light"] {
--grafit: #1D1D1B;
--biel: #FFFFFF;
--szarosc-jasna: #ECEAE6;
--szarosc: #85817B;
--rdza: #B4502D;
--rdza-ciemna: #9A3F24;
--surface: #FFFFFF;
--surface-alt: #ECEAE6;
--surface-inverse: #1D1D1B;
--ink: #1D1D1B;
--ink-muted: #5E5B57;
--on-inverse: #FFFFFF;
--surface-inverse-alt: #2A2927;
--on-inverse-muted: #B3AFA8;
--line-inverse: #44423E;
--line-strong-inverse: #7A7670;
--stitch-inverse: #C8643F;
--accent-text-inverse: #E08A63;
--line: #D6D2CB;
--line-strong: #85817B;
--stitch: #B4502D;
--accent-text: #9A3F24;
--danger: #9A3F24;
--link: var(--ink);
--focus-ring: 0 0 0 2px #FFFFFF, 0 0 0 4px #B4502D;
}
[data-theme="dark"] {
color-scheme: dark;
--surface: #1D1D1B;
--surface-alt: #2A2927;
--surface-inverse: #ECEAE6;
--ink: #F2F0EC;
--ink-muted: #B3AFA8;
--on-inverse: #1D1D1B;
--surface-inverse-alt: #DEDBD5;
--on-inverse-muted: #5E5B57;
--line-inverse: #C9C5BE;
--line-strong-inverse: #77736D;
--stitch-inverse: #B4502D;
--accent-text-inverse: #9A3F24;
--line: #44423E;
--line-strong: #7A7670;
--stitch: #C8643F;
--accent-text: #E08A63;
--danger: #E08A63;
--focus-ring: 0 0 0 2px #1D1D1B, 0 0 0 4px #E08A63;
}
:root {
--space-1: 4px;
--space-2: 8px;
--space-3: 12px;
--space-4: 16px;
--space-5: 24px;
--space-6: 32px;
--space-7: 48px;
--space-8: 64px;
--space-9: 96px;
--radius-none: 0;
--radius-sm: 4px;
--radius-md: 8px;
--radius-full: 9999px;
--stroke-hairline: 1px;
--stroke-stitch: 2px;
--stitch-dash: 6px;
--stitch-gap: 5px;
--sign-ring: 9%;
--font-display: "Manrope", "Helvetica Neue", Arial, system-ui, sans-serif;
--font-text: "Inter", "Helvetica Neue", Arial, system-ui, sans-serif;
}
.wordmark { font-family: var(--font-display); font-size: 64px; line-height: 1; font-weight: 800; letter-spacing: -0.035em; }
.descriptor { font-family: var(--font-display); font-size: 12.8px; line-height: 1; font-weight: 600; letter-spacing: 0.1em; }
.display-xl { font-family: var(--font-display); font-size: 56px; line-height: 60px; font-weight: 800; letter-spacing: -0.03em; }
.display { font-family: var(--font-display); font-size: 40px; line-height: 44px; font-weight: 800; letter-spacing: -0.03em; }
.heading { font-family: var(--font-display); font-size: 28px; line-height: 34px; font-weight: 700; letter-spacing: -0.02em; }
.subheading { font-family: var(--font-display); font-size: 20px; line-height: 28px; font-weight: 700; letter-spacing: -0.01em; }
.price { font-family: var(--font-display); font-size: 18px; line-height: 24px; font-weight: 700; letter-spacing: 0em; }
.eyebrow { font-family: var(--font-display); font-size: 12px; line-height: 16px; font-weight: 700; letter-spacing: 0.1em; }
.body-lg { font-family: var(--font-text); font-size: 18px; line-height: 28px; font-weight: 400; }
.body { font-family: var(--font-text); font-size: 16px; line-height: 24px; font-weight: 400; }
.body-strong { font-family: var(--font-text); font-size: 16px; line-height: 24px; font-weight: 500; }
.small { font-family: var(--font-text); font-size: 14px; line-height: 20px; font-weight: 400; }
.caption { font-family: var(--font-text); font-size: 12px; line-height: 16px; font-weight: 500; letter-spacing: 0.02em; }
@media (prefers-color-scheme: dark) {
:root:not([data-theme="light"]) {
color-scheme: dark;
--surface: #1D1D1B;
--surface-alt: #2A2927;
--surface-inverse: #ECEAE6;
--ink: #F2F0EC;
--ink-muted: #B3AFA8;
--on-inverse: #1D1D1B;
--surface-inverse-alt: #DEDBD5;
--on-inverse-muted: #5E5B57;
--line-inverse: #C9C5BE;
--line-strong-inverse: #77736D;
--stitch-inverse: #B4502D;
--accent-text-inverse: #9A3F24;
--line: #44423E;
--line-strong: #7A7670;
--stitch: #C8643F;
--accent-text: #E08A63;
--danger: #E08A63;
--focus-ring: 0 0 0 2px #1D1D1B, 0 0 0 4px #E08A63;
}
}
body { margin: 0; background: var(--surface); color: var(--ink); font-family: var(--font-text); font-size: 16px; line-height: 24px; -webkit-font-smoothing: antialiased; }
.eyebrow, .descriptor { text-transform: uppercase; }
.price { font-variant-numeric: tabular-nums; }
.kr-on-inverse {
--ink: var(--on-inverse);
--ink-muted: var(--on-inverse-muted);
--line: var(--line-inverse);
--line-strong: var(--line-strong-inverse);
--stitch: var(--stitch-inverse);
--accent-text: var(--accent-text-inverse);
--danger: var(--accent-text-inverse);
--link: var(--on-inverse);
--surface: var(--surface-inverse);
--surface-alt: var(--surface-inverse-alt);
--focus-ring: 0 0 0 2px var(--surface-inverse), 0 0 0 4px var(--stitch-inverse);
background: var(--surface-inverse);
color: var(--ink);
}
.kr-on-inverse .kr-btn--primary,
.kr-on-inverse .kr-lang__opt[aria-pressed="true"],
.kr-on-inverse .kr-badge--inverse { background: var(--ink); color: var(--surface-inverse); }
.kr-on-inverse .kr-check__input:checked { background: var(--ink); border-color: var(--ink); }
.kr-on-inverse .kr-check__mark { color: var(--surface-inverse); }
.kr-sign { display: inline-block; flex: none; color: var(--ink); vertical-align: middle; }
.kr-sign .kr-sign__stitch { stroke: var(--stitch); }
.kr-sign--mono { color: inherit; }
.kr-sign--mono .kr-sign__stitch { stroke: currentColor; }
.kr-sign--inverse { color: var(--on-inverse); }
.kr-logo { display: inline-flex; align-items: center; gap: 0.24em; line-height: 1; color: var(--ink); max-width: 100%; }
.kr-logo--inverse { color: var(--on-inverse); }
.kr-logo .kr-sign { width: 1.2914em; height: 1.2914em; color: inherit; }
.kr-logo--mono .kr-sign__stitch { stroke: currentColor; }
.kr-logo__text { display: flex; flex-direction: column; align-items: flex-start; min-width: 0; }
.kr-logo__wm { font-family: var(--font-display); font-weight: 800; font-size: 1em; line-height: 1; letter-spacing: -0.035em; white-space: nowrap; text-box: trim-both cap alphabetic; margin-bottom: 0.31em; }
.kr-logo__ds { font-family: var(--font-display); font-weight: 600; font-size: 0.2em; line-height: 1; letter-spacing: 0.1em; text-transform: uppercase; white-space: nowrap; text-box: trim-both cap alphabetic; margin-right: -0.1em; }
.kr-logo--stacked { flex-direction: column; gap: 0.2em; text-align: center; }
.kr-logo--stacked .kr-logo__text { align-items: center; }
.kr-logo--stacked .kr-sign { width: 1.188em; height: 1.188em; }
.kr-logo--wordmark .kr-logo__wm:only-child { margin-bottom: 0; }
@supports not (text-box: trim-both cap alphabetic) {
.kr-logo__wm, .kr-logo__ds { line-height: 0.77; }
}
.kr-icon { display: inline-block; flex: none; vertical-align: middle; fill: none; stroke: currentColor; stroke-width: 1.75; stroke-linecap: round; stroke-linejoin: round; }
.kr-icon .kr-icon__dot { fill: currentColor; stroke: none; }
.kr-btn { display: inline-flex; align-items: center; justify-content: center; gap: var(--space-2); box-sizing: border-box; height: 44px; padding: 0 20px; border: 1.5px solid transparent; border-radius: var(--radius-md); font-family: var(--font-text); font-size: 16px; font-weight: 500; line-height: 1; text-decoration: none; white-space: nowrap; cursor: pointer; transition: background-color .15s ease, box-shadow .15s ease; }
.kr-btn--lg { height: 52px; padding: 0 24px; font-size: 17px; }
.kr-btn--primary { background: var(--surface-inverse); color: var(--on-inverse); }
.kr-btn--primary:hover { box-shadow: inset 0 -3px 0 var(--stitch); }
.kr-btn--secondary { background: transparent; color: var(--ink); border-color: var(--ink); }
.kr-btn--secondary:hover { background: var(--surface-alt); }
.kr-btn--quiet { height: auto; padding: 4px 2px; border-radius: var(--radius-sm); background: transparent; color: var(--ink); text-decoration: underline; text-decoration-color: var(--stitch); text-decoration-thickness: 2px; text-underline-offset: 5px; }
.kr-btn--quiet:hover { text-decoration-style: dashed; }
.kr-btn:focus-visible { outline: 2px solid transparent; outline-offset: 2px; box-shadow: var(--focus-ring); }
.kr-btn__meta { font-weight: 400; opacity: .8; }
.kr-btn.kr-btn[disabled], .kr-btn.kr-btn[aria-disabled="true"] { opacity: .45; cursor: not-allowed; box-shadow: none; }
.kr-badge { display: inline-flex; align-items: center; gap: var(--space-1); box-sizing: border-box; height: 24px; padding: 0 var(--space-2); border: 1px solid transparent; border-radius: var(--radius-sm); font-family: var(--font-display); font-size: 11.5px; font-weight: 700; line-height: 1; letter-spacing: 0.08em; text-transform: uppercase; white-space: nowrap; }
.kr-badge--neutral { background: var(--surface-alt); color: var(--ink); }
.kr-badge--outline { background: transparent; color: var(--ink); border-color: var(--line-strong); }
.kr-badge--accent { background: transparent; color: var(--accent-text); border: 1.5px dashed var(--stitch); }
.kr-badge--inverse { background: var(--surface-inverse); color: var(--on-inverse); }
.kr-stitch {
--kr-stitch-c: var(--stitch);
--kr-stitch-w: var(--stroke-stitch);
--kr-stitch-dash: var(--stitch-dash);
--kr-stitch-gap: var(--stitch-gap);
display: block;
-webkit-print-color-adjust: exact; print-color-adjust: exact;
}
.kr-stitch--h { flex: 0 1 auto; width: 100%; height: var(--kr-stitch-w);
background: linear-gradient(to right, var(--kr-stitch-c) 0 var(--kr-stitch-dash), transparent var(--kr-stitch-dash)) 0 0 / calc(var(--kr-stitch-dash) + var(--kr-stitch-gap)) 100%;
background-repeat: space no-repeat; }
.kr-stitch--v { flex: none; width: var(--kr-stitch-w); align-self: stretch; min-height: 1em;
background: linear-gradient(to bottom, var(--kr-stitch-c) 0 var(--kr-stitch-dash), transparent var(--kr-stitch-dash)) 0 0 / 100% calc(var(--kr-stitch-dash) + var(--kr-stitch-gap));
background-repeat: no-repeat space; }
.kr-stitch--muted { --kr-stitch-c: var(--line-strong); }
.kr-stitch--ink { --kr-stitch-c: var(--ink); }
.kr-price-row__leader, .kr-hours__time::before {
height: var(--stroke-stitch); margin-bottom: 7px;
background: linear-gradient(to right, var(--kr-leader, var(--stitch)) 0 var(--stitch-dash), transparent var(--stitch-dash)) 0 0 / calc(var(--stitch-dash) + var(--stitch-gap)) 100%;
background-repeat: space no-repeat;
-webkit-print-color-adjust: exact; print-color-adjust: exact;
}
.kr-price-row { display: flex; flex-direction: column; gap: 2px; }
.kr-price-row__line { display: flex; align-items: flex-end; gap: var(--space-2); }
.kr-price-row__name { flex: 0 1 auto; font-family: var(--font-text); font-size: 16px; font-weight: 500; line-height: 24px; color: var(--ink); }
.kr-price-row__leader { flex: 1 1 24px; min-width: 24px; }
.kr-price-row__price { flex: none; font-family: var(--font-display); font-size: 18px; font-weight: 700; line-height: 24px; color: var(--ink); font-variant-numeric: tabular-nums; white-space: nowrap; }
.kr-price-row__price--quote { font-family: var(--font-text); font-size: 15px; font-weight: 500; color: var(--ink-muted); }
.kr-price-row__hint { font-size: 14px; line-height: 20px; color: var(--ink-muted); }
.kr-price-row__note { font-size: 12px; line-height: 16px; letter-spacing: .02em; color: var(--ink-muted); }
.kr-price-list { display: flex; flex-direction: column; gap: var(--space-3); }
.kr-price-list__head { display: flex; flex-direction: column; gap: 2px; margin-bottom: var(--space-2); }
.kr-price-list__title { margin: 0; font-family: var(--font-display); font-size: 28px; font-weight: 700; line-height: 34px; letter-spacing: -0.02em; color: var(--ink); text-wrap: balance; }
.kr-price-list__title-hint { font-size: 14px; line-height: 20px; color: var(--ink-muted); }
.kr-price-list__items { display: flex; flex-direction: column; gap: var(--space-3); margin: 0; padding: 0; list-style: none; }
.kr-price-list__note { margin: var(--space-2) 0 0; font-size: 12px; line-height: 16px; letter-spacing: .02em; color: var(--ink-muted); }
.kr-price-list__note-hint { margin: calc(var(--space-1) - var(--space-3)) 0 0; font-size: 12px; line-height: 16px; color: var(--ink-muted); }
.kr-patch { position: relative; box-sizing: border-box; padding: var(--space-5); border-radius: var(--radius-md); background: var(--surface-alt); color: var(--ink); }
.kr-patch--surface { background: var(--surface); border: 1px solid var(--line); }
.kr-patch--inverse { background: var(--surface-inverse); }
.kr-patch--stitched::after { content: ""; position: absolute; inset: 6px; border: 1.5px dashed var(--stitch); border-radius: var(--radius-sm); pointer-events: none; }
.kr-patch__eyebrow { margin: 0 0 var(--space-2); font-family: var(--font-display); font-size: 12px; font-weight: 700; line-height: 16px; letter-spacing: 0.1em; text-transform: uppercase; color: var(--accent-text); }
.kr-patch__title { margin: 0 0 var(--space-2); font-family: var(--font-display); font-size: 20px; font-weight: 700; line-height: 28px; letter-spacing: -0.01em; text-wrap: balance; }
.kr-patch__body { font-size: 16px; line-height: 24px; }
.kr-patch__body > :first-child { margin-top: 0; }
.kr-patch__body > :last-child { margin-bottom: 0; }
.kr-hours { display: flex; flex-direction: column; gap: var(--space-2); margin: 0; }
.kr-hours__row { display: flex; align-items: flex-end; gap: var(--space-2); }
.kr-hours__day { margin: 0; flex: none; font-weight: 500; color: var(--ink); white-space: nowrap; }
.kr-hours__time { --kr-leader: var(--line-strong); margin: 0; flex: 1 1 auto; display: flex; align-items: flex-end; gap: var(--space-2); font-variant-numeric: tabular-nums; color: var(--ink); white-space: nowrap; }
.kr-hours__time::before { content: ""; flex: 1 1 16px; min-width: 16px; }
.kr-hours__row--today .kr-hours__time { --kr-leader: var(--stitch); }
.kr-hours__time--closed { color: var(--ink-muted); }
.kr-hours__today { margin-left: var(--space-2); }
.kr-field { display: flex; flex-direction: column; gap: 6px; min-width: 0; }
.kr-field__label { font-size: 15px; font-weight: 500; line-height: 20px; color: var(--ink); }
.kr-field__req { color: var(--accent-text); margin-left: 4px; }
.kr-field__control { box-sizing: border-box; width: 100%; min-height: 48px; padding: 12px 14px; border: 1.5px solid var(--line-strong); border-radius: var(--radius-sm); background: var(--surface); color: var(--ink); font-family: var(--font-text); font-size: 16px; line-height: 22px; }
.kr-field__control::placeholder { color: var(--ink-muted); opacity: 1; }
textarea.kr-field__control { min-height: 120px; resize: vertical; }
select.kr-field__control { appearance: none; padding-right: 40px; background-image: none; }
.kr-field__select { position: relative; }
.kr-field__chevron { position: absolute; right: 14px; top: 50%; transform: translateY(-50%); pointer-events: none; color: var(--ink); }
.kr-field__control:hover { border-color: var(--ink); }
.kr-field__control:focus { outline: 2px solid transparent; border-color: var(--ink); box-shadow: var(--focus-ring); }
.kr-field--error .kr-field__control { border-color: var(--danger); }
.kr-field__hint { font-size: 14px; line-height: 20px; color: var(--ink-muted); }
.kr-field__error { display: flex; align-items: center; gap: 6px; font-size: 14px; font-weight: 500; line-height: 20px; color: var(--danger); }
.kr-check-wrap { display: flex; flex-direction: column; gap: 6px; }
.kr-check { display: flex; align-items: flex-start; gap: var(--space-3); cursor: pointer; font-size: 14px; line-height: 20px; color: var(--ink); }
.kr-check__ctl { position: relative; flex: none; width: 22px; height: 22px; margin-top: -1px; }
.kr-check__input { appearance: none; -webkit-appearance: none; box-sizing: border-box; width: 22px; height: 22px; margin: 0; border: 1.5px solid var(--line-strong); border-radius: var(--radius-sm); background: var(--surface); cursor: pointer; }
.kr-check__input:hover { border-color: var(--ink); }
.kr-check__input:checked { background: var(--surface-inverse); border-color: var(--surface-inverse); }
.kr-check__input:focus-visible { outline: 2px solid transparent; box-shadow: var(--focus-ring); }
.kr-check__mark { position: absolute; inset: 0; margin: auto; width: 16px; height: 16px; color: var(--on-inverse); opacity: 0; pointer-events: none; }
.kr-check__input:checked + .kr-check__mark { opacity: 1; }
.kr-check__text a { color: var(--link); text-decoration: underline; text-decoration-color: var(--stitch); text-underline-offset: 3px; }
.kr-check--error .kr-check__input { border-color: var(--danger); }
.kr-check__hint, .kr-check__error { margin-left: calc(22px + var(--space-3)); }
.kr-check__hint { font-size: 13px; line-height: 18px; color: var(--ink-muted); }
.kr-notice { display: flex; align-items: flex-start; gap: var(--space-3); box-sizing: border-box; padding: var(--space-4) 20px; border-radius: var(--radius-md); background: var(--surface-alt); color: var(--ink); }
.kr-notice__icon { color: var(--ink); margin-top: 1px; }
.kr-notice--warning .kr-notice__icon { color: var(--accent-text); }
.kr-notice__title { margin: 0 0 2px; font-weight: 600; font-size: 15px; line-height: 22px; }
.kr-notice__body { font-size: 14px; line-height: 20px; }
.kr-notice__body > :first-child { margin-top: 0; }
.kr-notice__body > :last-child { margin-bottom: 0; }
.kr-lang { display: inline-flex; padding: 3px; gap: 2px; border: 1.5px solid var(--line-strong); border-radius: var(--radius-full); background: var(--surface); }
.kr-lang__opt { min-width: 44px; height: 32px; padding: 0 12px; border: 0; border-radius: var(--radius-full); background: transparent; color: var(--ink); font-family: var(--font-display); font-size: 13px; font-weight: 700; letter-spacing: 0.06em; cursor: pointer; }
.kr-lang__opt[aria-pressed="true"] { background: var(--surface-inverse); color: var(--on-inverse); }
.kr-lang__opt:focus-visible { outline: 2px solid transparent; box-shadow: var(--focus-ring); }
@media (prefers-reduced-motion: reduce) { .kr-btn { transition: none; } }
*, *::before, *::after { box-sizing: border-box; }
html { -webkit-text-size-adjust: 100%; text-size-adjust: 100%; scroll-behavior: smooth; }
@media (prefers-reduced-motion: reduce) { html { scroll-behavior: auto; } }
[hidden] { display: none !important; }
h1, h2, h3, p, ul, ol, dl, dd, figure { margin: 0; }
ul, ol { padding: 0; list-style: none; }
img, svg { max-width: 100%; }
button, input, select, textarea { font: inherit; }
a { color: var(--link); text-decoration: underline; text-decoration-color: var(--stitch); text-decoration-thickness: 1.5px; text-underline-offset: 3px; }
a:hover { text-decoration-style: dashed; }
a:focus-visible, summary:focus-visible, .menu-btn:focus-visible { outline: 2px solid transparent; box-shadow: var(--focus-ring); border-radius: var(--radius-sm); }
::selection { background: var(--surface-inverse); color: var(--on-inverse); }
.skip { position: absolute; left: var(--space-4); top: -120px; z-index: 30; padding: var(--space-3) var(--space-4); border-radius: var(--radius-md); background: var(--surface-inverse); color: var(--on-inverse); text-decoration: none; }
.skip:focus { top: var(--space-4); }
.wrap { width: 100%; max-width: 1152px; margin-inline: auto; padding-inline: var(--space-7); }
.wrap--text { max-width: calc(46rem + 2 * var(--space-7)); }
@media (max-width: 760px) { .wrap { padding-inline: var(--space-4); } }
.top { padding-top: var(--space-6); }
.top__in { display: flex; flex-wrap: wrap; align-items: center; gap: var(--space-4) var(--space-5); }
.top__logo { flex: none; color: var(--ink); text-decoration: none; border-radius: var(--radius-sm); }
.top__logo .kr-logo { font-size: 50px; }
.nav { margin-left: auto; }
.nav__list { display: flex; flex-wrap: wrap; gap: 0 var(--space-5); }
.nav__link { display: inline-flex; align-items: center; min-height: 44px; color: var(--ink); font-size: 15px; font-weight: 500; text-decoration: none; }
.nav__link:hover { text-decoration: underline dashed var(--stitch) 2px; text-underline-offset: 6px; }
.top__tools { display: flex; align-items: center; gap: var(--space-3); margin-left: auto; }
.nav + .top__tools { margin-left: 0; }
a.kr-lang__opt { display: inline-flex; align-items: center; justify-content: center; text-decoration: none; }
.kr-lang__opt[aria-current] { background: var(--surface-inverse); color: var(--on-inverse); }
.kr-lang__opt:not([aria-current]):hover { background: var(--surface-alt); }
@media (min-width: 1081px) {
.js .top { position: sticky; top: 0; z-index: 20; padding-bottom: var(--space-3); background: var(--surface); border-bottom: var(--stroke-hairline) solid transparent; transition: padding .15s ease, border-color .15s ease; }
.js .top .kr-logo { transition: font-size .15s ease; }
.js .top.is-compact { padding-top: var(--space-3); border-bottom-color: var(--line); }
.js .top.is-compact .kr-logo { font-size: 36px; }
.js .top.is-compact .kr-logo__ds { display: none; }
.js .top.is-compact .kr-logo__wm { margin-bottom: 0; }
main [id] { scroll-margin-top: 88px; }
}
@media (prefers-reduced-motion: reduce) { .js .top, .js .top .kr-logo { transition: none; } }
.menu-btn { display: none; align-items: center; gap: var(--space-2); height: 44px; padding: 0 14px; border: 1.5px solid var(--line-strong); border-radius: var(--radius-md); background: transparent; color: var(--ink); font-size: 15px; font-weight: 500; line-height: 1; cursor: pointer; }
.menu-btn:hover { border-color: var(--ink); }
.menu-btn__bars { width: 16px; height: 12px; background: linear-gradient(currentColor 0 0) top / 100% 2px no-repeat, linear-gradient(currentColor 0 0) center / 100% 2px no-repeat, linear-gradient(currentColor 0 0) bottom / 100% 2px no-repeat; }
.menu-btn__bars { position: relative; }
.menu-btn[aria-expanded="true"] .menu-btn__bars { background: none; }
.menu-btn[aria-expanded="true"] .menu-btn__bars::before,
.menu-btn[aria-expanded="true"] .menu-btn__bars::after { content: ""; position: absolute; left: -1px; right: -1px; top: 5px; height: 2px; background: currentColor; transform: rotate(45deg); }
.menu-btn[aria-expanded="true"] .menu-btn__bars::after { transform: rotate(-45deg); }
@media (max-width: 1080px) {
.menu-btn { display: inline-flex; }
.nav { order: 3; flex-basis: 100%; margin-left: 0; }
.js .nav:not(.is-open) { display: none; }
.nav__list { flex-direction: column; border-top: var(--stroke-hairline) solid var(--line); }
.nav__link { width: 100%; min-height: 52px; font-size: 17px; border-bottom: var(--stroke-hairline) solid var(--line); }
.nav + .top__tools { margin-left: auto; }
}
@media (max-width: 600px) {
.top { padding-top: var(--space-4); }
.top__logo .kr-logo { font-size: 40px; }
.top__logo .kr-logo__ds { display: none; }
.top__logo .kr-logo__wm { margin-bottom: 0; }
}
@media (max-width: 420px) {
.menu-btn { padding: 0 13px; }
.menu-btn__label { position: absolute; width: 1px; height: 1px; overflow: hidden; clip: rect(0 0 0 0); clip-path: inset(50%); white-space: nowrap; }
}
.sec { padding-block: var(--space-8); }
.sec--alt { background: var(--surface-alt); }
.sec--tight { padding-block: var(--space-7); }
.sec__head { max-width: 46rem; margin-bottom: var(--space-6); }
.sec__eb { margin-bottom: var(--space-3); color: var(--accent-text); }
.sec__h { color: var(--ink); text-wrap: balance; }
.sec__lead { max-width: 38em; margin-top: var(--space-4); }
.sec__note { margin-top: var(--space-5); color: var(--ink-muted); }
.sec--alt .kr-notice { background: var(--surface); }
@media (max-width: 480px) { .display { font-size: 34px; line-height: 40px; } }
.hero { padding-block: var(--space-8) var(--space-9); }
.hero__in { display: grid; grid-template-columns: minmax(0, 1fr) 320px; gap: var(--space-7); align-items: end; }
.hero__eb { color: var(--accent-text); }
.hero__h1 { margin-top: var(--space-4); color: var(--ink); text-wrap: balance; }
.hero__lead { max-width: 34em; margin-top: var(--space-5); }
.hero__actions { display: flex; flex-wrap: wrap; align-items: center; gap: var(--space-3); margin-top: var(--space-6); }
.hero__viber { margin-left: var(--space-2); }
.hero__langs { display: flex; flex-wrap: wrap; align-items: center; gap: var(--space-2) var(--space-3); margin-top: var(--space-5); }
.hero__ua { color: var(--ink-muted); }
.hero__where { display: flex; align-items: flex-start; gap: var(--space-2); margin-top: var(--space-4); padding-top: var(--space-4); border-top: var(--stroke-hairline) solid var(--line); color: var(--ink-muted); }
.hero__where .kr-icon { margin-top: -2px; color: var(--ink); }
.hero__more { margin-top: var(--space-3); }
@media (max-width: 1000px) {
.hero__in { grid-template-columns: minmax(0, 1fr); }
.hero__card { max-width: 400px; }
}
@media (max-width: 760px) {
.hero { padding-block: var(--space-7) var(--space-8); }
.hero__card { max-width: none; }
}
@media (max-width: 480px) {
.hero__h1 { font-size: 40px; line-height: 44px; }
.hero__actions .kr-btn--primary, .hero__actions .kr-btn--secondary { width: 100%; }
.hero__viber { margin-left: 0; }
}
.kr-hours__row { flex-wrap: wrap; row-gap: 2px; }
.cards { display: grid; grid-template-columns: repeat(auto-fill, minmax(280px, 1fr)); gap: var(--space-5); }
.card { display: flex; flex-direction: column; }
.card__body { display: flex; flex: 1; flex-direction: column; gap: var(--space-4); }
.card__price { margin-top: auto; }
.card__link { align-self: flex-start; }
.cennik__notice { max-width: 640px; margin-bottom: var(--space-7); }
.cennik__note-pl { margin-top: var(--space-2) !important; color: var(--ink-muted); }
.cennik__top { margin-bottom: var(--space-7); }
.cennik__top .heading, .cennik__full .heading, .cennik__extra .heading { margin-bottom: var(--space-4); color: var(--ink); }
.cennik__hint { margin: calc(-1 * var(--space-2)) 0 var(--space-4); color: var(--ink-muted); }
.cennik__top-list { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: var(--space-3) var(--space-7); }
.cats { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 0 var(--space-7); align-items: start; border-top: var(--stroke-hairline) solid var(--line); }
.cat { border-bottom: var(--stroke-hairline) solid var(--line); }
.cat__sum { display: flex; align-items: center; gap: var(--space-3); min-height: 64px; padding: var(--space-3) 0; cursor: pointer; list-style: none; }
.cat__sum::-webkit-details-marker { display: none; }
.cat__name { display: flex; flex: 1; flex-direction: column; min-width: 0; }
.cat__title { font-family: var(--font-display); font-size: 20px; font-weight: 700; line-height: 28px; letter-spacing: -0.01em; color: var(--ink); }
.cat__sum:hover .cat__title { text-decoration: underline dashed var(--stitch) 2px; text-underline-offset: 6px; }
.cat__hint { font-size: 14px; line-height: 20px; color: var(--ink-muted); }
.cat__count { flex: none; font-size: 14px; color: var(--ink-muted); white-space: nowrap; }
.cat__chev { flex: none; color: var(--ink); transition: transform .15s ease; }
.cat[open] .cat__chev { transform: rotate(180deg); }
.cat__body { padding-bottom: var(--space-6); }
.cat__desc { margin-bottom: var(--space-4); color: var(--ink-muted); }
.cennik__extra { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: var(--space-7); margin-top: var(--space-8); }
.cennik__full-note { max-width: 40em; }
.legend { display: grid; gap: var(--space-2); margin-top: var(--space-4); font-size: 14px; line-height: 20px; color: var(--ink-muted); }
.legend strong { color: var(--ink); font-weight: 600; }
.cennik__date { margin-top: var(--space-4); color: var(--ink-muted); }
@media (max-width: 860px) {
.cennik__top-list, .cats, .cennik__extra { grid-template-columns: minmax(0, 1fr); }
.cennik__extra { gap: var(--space-8); }
}
@media (prefers-reduced-motion: reduce) { .cat__chev { transition: none; } }
.about { display: grid; grid-template-columns: minmax(0, 1.4fr) minmax(0, 1fr); gap: var(--space-7); align-items: start; }
.about__text .sec__head { margin-bottom: var(--space-5); }
.about__p { max-width: 38em; }
.about__p + .about__p { margin-top: var(--space-4); }
.about__photo { margin-bottom: var(--space-5); }
.about__photo img { display: block; width: 100%; height: auto; }
.facts { border-top: var(--stroke-hairline) solid var(--line-strong); }
.facts__item { display: grid; gap: var(--space-1); padding: var(--space-4) 0; border-bottom: var(--stroke-hairline) solid var(--line-strong); }
.facts__num { font-family: var(--font-display); font-size: 40px; font-weight: 800; line-height: 44px; letter-spacing: -0.03em; color: var(--ink); }
.facts__label { color: var(--ink-muted); }
@media (max-width: 860px) { .about { grid-template-columns: minmax(0, 1fr); } }
.b2b { display: grid; grid-template-columns: repeat(auto-fit, minmax(220px, 1fr)); gap: var(--space-6) var(--space-5); }
.b2b__item { display: flex; flex-direction: column; gap: var(--space-2); padding-top: var(--space-4); border-top: var(--stroke-hairline) solid var(--line-strong); }
.b2b__txt { color: var(--ink); }
.b2b__price { margin-top: auto; padding-top: var(--space-2); color: var(--ink); white-space: nowrap; }
.b2b__price--quote { font-size: 15px; font-weight: 500; line-height: 24px; color: var(--ink-muted); }
.b2b__consult { max-width: 46rem; margin-top: var(--space-7); }
.b2b__consult .price { white-space: nowrap; }
.b2b__note { margin-top: var(--space-2); color: var(--ink-muted); }
.b2b__cta { display: flex; flex-wrap: wrap; align-items: center; gap: var(--space-3) var(--space-5); margin-top: var(--space-6); }
.b2b__cta-hint { color: var(--ink-muted); }
.split { display: grid; grid-template-columns: minmax(0, 1fr) minmax(0, 1.3fr); gap: var(--space-7); align-items: start; }
.split .sec__head { margin-bottom: 0; }
.split__note { margin-top: var(--space-3); color: var(--ink-muted); }
@media (max-width: 760px) { .split { grid-template-columns: minmax(0, 1fr); gap: var(--space-4); } }
.steps { display: grid; grid-template-columns: repeat(auto-fit, minmax(190px, 1fr)); gap: var(--space-6) var(--space-5); }
.step { display: flex; flex-direction: column; gap: var(--space-2); }
.step__seam { margin-bottom: var(--space-3); }
.step__num { font-family: var(--font-display); font-size: 32px; font-weight: 800; line-height: 36px; letter-spacing: -0.03em; color: var(--accent-text); }
.jak__extra { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: var(--space-5); align-items: start; margin-top: var(--space-7); }
@media (max-width: 760px) { .jak__extra { grid-template-columns: minmax(0, 1fr); } }
.jak__extra--solo { grid-template-columns: minmax(0, 40rem); }
.dojazd { display: grid; grid-template-columns: minmax(0, 1fr) minmax(0, 1fr); gap: var(--space-7); align-items: start; }
.dojazd__info { display: flex; flex-direction: column; gap: var(--space-5); }
.dojazd__addr { color: var(--ink); }
.dojazd__sub { margin-top: var(--space-1); color: var(--ink-muted); }
.dojazd__info .subheading { margin-bottom: var(--space-2); }
.dojazd__maps { display: flex; flex-wrap: wrap; gap: var(--space-3); }
.dojazd__side { display: flex; flex-direction: column; gap: var(--space-5); }
.dojazd__shop { margin-top: var(--space-4); padding-top: var(--space-3); border-top: var(--stroke-hairline) solid var(--line); color: var(--ink-muted); }
.scheme { padding: var(--space-5); border-radius: var(--radius-md); background: var(--surface); }
.scheme svg { display: block; width: 100%; max-width: 360px; height: auto; overflow: visible; }
.scheme__path { fill: none; stroke: var(--stitch); stroke-width: 2; stroke-dasharray: 6 5; }
.scheme__dot { fill: var(--ink); }
.scheme__node { fill: var(--surface); stroke: var(--ink); stroke-width: 2; }
.scheme__t { fill: var(--ink); font-family: var(--font-text); font-size: 15px; font-weight: 600; }
.scheme__s { fill: var(--ink-muted); font-family: var(--font-text); font-size: 13px; }
.scheme__sign { color: var(--ink); }
@media (max-width: 860px) { .dojazd { grid-template-columns: minmax(0, 1fr); } }
.kontakt { display: grid; grid-template-columns: minmax(0, 1fr) minmax(0, 1.25fr); gap: var(--space-7); align-items: start; }
.kontakt--bez-formy { grid-template-columns: minmax(0, 1fr); }
.kontakt__fast { margin-top: var(--space-2); }
.kontakt__btns { display: flex; flex-wrap: wrap; align-items: center; gap: var(--space-3); margin-top: var(--space-4); }
.kontakt__mail { margin-top: var(--space-4); }
.form { display: flex; flex-direction: column; gap: var(--space-5); max-width: 640px; }
.form__req { color: var(--ink-muted); }
.form__grid { display: grid; grid-template-columns: repeat(auto-fit, minmax(240px, 1fr)); gap: var(--space-5); align-items: start; }
.form__file { padding: 7px 10px; cursor: pointer; }
.form__file::file-selector-button { height: 32px; margin-right: var(--space-3); padding: 0 14px; border: 1.5px solid var(--ink); border-radius: var(--radius-md); background: transparent; color: var(--ink); font-size: 15px; font-weight: 500; cursor: pointer; }
.form__file::file-selector-button:hover { background: var(--surface-alt); }
.form__ts:empty, .form__ok:empty, .form__err:empty { display: none; }
.form__submit { align-self: flex-start; }
.form__submit[aria-disabled="true"] { opacity: .6; cursor: progress; }
.form .kr-check__text a { white-space: nowrap; }
.hp { position: absolute !important; left: -10000px; width: 1px; height: 1px; overflow: hidden; }
@media (max-width: 900px) { .kontakt { grid-template-columns: minmax(0, 1fr); } }
@media (max-width: 480px) { .form__submit { width: 100%; } }
.en p { max-width: 46rem; }
.en .heading { margin-bottom: var(--space-3); color: var(--ink); }
.foot { padding-block: var(--space-8) var(--space-6); }
.foot__grid { display: grid; grid-template-columns: minmax(0, 1.05fr) minmax(0, 1fr) minmax(0, 1fr) minmax(0, 1.25fr); gap: var(--space-7) var(--space-6); }
.foot .kr-logo { font-size: 50px; }
.foot__desc { margin-top: var(--space-3); color: var(--ink-muted); }
.foot__brand .foot__desc:first-of-type { margin-top: var(--space-5); }
.foot__h { margin-bottom: var(--space-3); font-family: var(--font-display); font-size: 12px; font-weight: 700; line-height: 16px; letter-spacing: .1em; text-transform: uppercase; color: var(--ink-muted); }
.foot__list { display: grid; gap: var(--space-2); }
.foot__maps { margin-top: var(--space-3); }
.foot__bottom { display: flex; flex-wrap: wrap; gap: var(--space-2) var(--space-5); margin-top: var(--space-7); padding-top: var(--space-5); border-top: var(--stroke-hairline) solid var(--line); color: var(--ink-muted); }
@media (max-width: 1000px) { .foot__grid { grid-template-columns: repeat(2, minmax(0, 1fr)); } }
@media (max-width: 560px) { .foot__grid { grid-template-columns: minmax(0, 1fr); } }
.policy__h { margin-top: var(--space-2); }
.policy__date { margin-top: var(--space-3); color: var(--ink-muted); }
.policy__lead { margin-top: var(--space-5); }
.policy__sec { margin-top: var(--space-7); }
.policy__sec .heading { margin-bottom: var(--space-3); color: var(--ink); }
.policy__sec > * + * { margin-top: var(--space-3); }
.policy__sec > .heading + * { margin-top: 0; }
.policy__list { display: grid; gap: var(--space-2); padding-left: 1.25em; list-style: disc; }
.policy__cele { display: grid; gap: var(--space-3); }
.policy__cel { padding: var(--space-4) var(--space-5); border-radius: var(--radius-md); background: var(--surface-alt); }
.policy__cel dt { font-weight: 600; }
.policy__cel dd { margin-top: var(--space-1); font-size: 14px; line-height: 20px; }
.policy__lbl { color: var(--ink-muted); }
.policy__back { margin-top: var(--space-7); }
.e404 { padding-block: var(--space-9); }
.e404__txt { margin-top: var(--space-4); }
.e404__btn { margin-top: var(--space-6); }
.e404__fast { margin-top: var(--space-5); }
@media print {
.top__tools, .nav, .skip, .form, .kontakt__btns, .dojazd__maps, .hero__actions { display: none !important; }
.sec--alt { background: none !important; }
.foot { -webkit-print-color-adjust: exact; print-color-adjust: exact; }
}
.nw { white-space: nowrap; }