.fk-conf {
--paper: #F6F7F8; --paper-2: #FFFFFF; --blush: #E9EDEF;
--ink: #161C22; --ink-soft: #3E474F; --mist: #646E77; --mist-on-dark: #A7B0B8;
--line: #DCE2E6; --hair: #E4E9EC;
--rose: #15607A; --rose-deep: #0E4557; --rose-soft: #E1EEF3; --on-rose: #FFFFFF;
--r-sm: 8px; --r-md: 14px; --r-lg: 22px; --r-pill: 100px;
--gut: clamp(16px, 4vw, 34px);
--ease: cubic-bezier(.2, .7, .3, 1);
} .fk-app .fk-conf,
.fk-redesign .fk-conf {
--paper: inherit; --paper-2: inherit; --blush: inherit;
--ink: inherit; --ink-soft: inherit; --mist: inherit; --mist-on-dark: inherit;
--line: inherit; --hair: inherit;
--rose: inherit; --rose-deep: inherit; --rose-soft: inherit; --on-rose: inherit;
} .fk-conf { background: var(--ink); color: var(--paper); }
.fk-conf__in { display: grid; grid-template-columns: minmax(0, 1fr); gap: 40px; }
@media (min-width: 1000px) { .fk-conf__in { grid-template-columns: minmax(0, .9fr) minmax(0, 1fr); gap: 60px; align-items: start; } }
.fk-conf__steps { display: grid; gap: 26px; }
.fk-conf__step { display: grid; gap: 12px; }
.fk-conf__lab { display: flex; align-items: baseline; gap: 11px; font-size: .79rem; font-weight: 600; letter-spacing: .13em; text-transform: uppercase; color: var(--mist-on-dark); }
.fk-conf__lab .fk-conf__no { flex: none; color: var(--paper); }
.fk-conf__opts { display: flex; flex-wrap: wrap; gap: 8px; }
.fk-conf__opt {
min-height: 44px; padding: 11px 18px;
background: transparent; border: 1px solid var(--hair-dark); border-radius: var(--r-pill);
color: var(--paper); font-size: .92rem; line-height: 1.2;
white-space: nowrap;
transition: background-color .22s var(--ease), color .22s var(--ease), border-color .22s var(--ease);
}
.fk-conf__opt:hover { border-color: var(--paper); }
.fk-conf__opt[aria-pressed='true'] { background: var(--paper); border-color: var(--paper); color: var(--ink); font-weight: 500; } .fk-conf__out { background: var(--paper-2); color: var(--ink); padding: 28px; border-radius: var(--r-lg); isolation: isolate; }
@media (min-width: 700px) { .fk-conf__out { padding: 36px; } }
.fk-conf__outHead { display: flex; align-items: baseline; justify-content: space-between; gap: 14px; flex-wrap: wrap; padding-bottom: 18px; border-bottom: 1px solid var(--ink); }
.fk-conf__outHead .fk-conf__outT { font-size: clamp(1.25rem, 1.05rem + .8vw, 1.7rem); font-weight: 500; letter-spacing: -.025em; line-height: 1.1; }
.fk-conf__list { display: grid; margin-top: 4px; }
.fk-conf__row { display: grid; grid-template-columns: minmax(0, 1fr) auto; gap: 16px; align-items: baseline; padding: 13px 0; border-bottom: 1px solid var(--hair); }
.fk-conf__row .fk-conf__rn { font-size: .95rem; line-height: 1.4; }
.fk-conf__row .fk-conf__rq { display: block; font-size: .85rem; color: var(--mist); margin-top: 3px; }
.fk-conf__row .fk-conf__rp { font-size: .97rem; font-weight: 500; white-space: nowrap; }
.fk-conf__sum { display: grid; gap: 5px; margin-top: 20px; padding: 20px; border-radius: var(--r-md); background: var(--blush); }
.fk-conf__sumRow { display: flex; align-items: baseline; justify-content: space-between; gap: 14px; }
.fk-conf__sumRow .fk-conf__sk { font-size: .91rem; color: var(--mist); }
.fk-conf__sumRow .fk-conf__sv { font-size: 1rem; }
.fk-conf__sumRow--total { padding-top: 11px; margin-top: 5px; border-top: 1px solid var(--ink); }
.fk-conf__sumRow--total .fk-conf__sk { color: var(--ink); font-weight: 500; }
.fk-conf__sumRow--total .fk-conf__sv { font-size: clamp(1.5rem, 1.25rem + 1vw, 2rem); font-weight: 500; letter-spacing: -.03em; }
.fk-conf__lease { display: flex; align-items: center; gap: 13px; margin-top: 14px; padding: 15px 17px; border-radius: var(--r-md); background: var(--rose); color: var(--on-rose); font-size: .92rem; line-height: 1.5; }
.fk-conf__lease svg { width: 19px; height: 19px; flex: none; }
.fk-conf__lease b { font-weight: 600; }
.fk-conf__acts { display: grid; gap: 10px; margin-top: 18px; }
@media (min-width: 560px) { .fk-conf__acts { grid-template-columns: repeat(2, minmax(0, 1fr)); } } .fk-conf__row { grid-template-columns: 54px minmax(0, 1fr) auto; gap: 14px; align-items: center; }
.fk-conf__rimg {
width: 54px; height: 54px;
object-fit: contain;
padding: 5px;
background: var(--blush);
border-radius: var(--r-sm);
mix-blend-mode: multiply;
} @media (max-width: 560px) {
.fk-conf__row { grid-template-columns: 44px minmax(0, 1fr);
grid-template-areas: "img nazwa" "img cena"; column-gap: 11px; row-gap: 2px; align-items: start; }
.fk-conf__rimg { grid-area: img; width: 44px; height: 44px; padding: 4px; align-self: start; }
.fk-conf__rn { grid-area: nazwa; }
.fk-conf__rp { grid-area: cena; justify-self: end; }
} @media print {
.fk-conf { background: #fff !important; color: #000 !important; padding: 0 !important; }
.fk-conf__kroki,
.fk-conf__akcje,
.fk-conf__info { display: none !important; }
.fk-conf__out { box-shadow: none !important; border: 1px solid #000; }
.fk-conf__rimg { display: none !important; }
.fk-conf__row { grid-template-columns: minmax(0, 1fr) auto !important; }
.fk-conf__rn a { text-decoration: none; color: #000; }
} @media print {
body.fk-drukuj-liste > * { display: none !important; } body.fk-drukuj-liste .fk-app,
body.fk-drukuj-liste .fk-app > main,
body.fk-drukuj-liste .fk-conf,
body.fk-drukuj-liste .fk-conf__in,
body.fk-drukuj-liste .fk-conf__out,
body.fk-drukuj-liste .fk-conf__out * { display: revert !important; }
body.fk-drukuj-liste .fk-app > *:not(main),
body.fk-drukuj-liste main > *:not(.fk-conf),
body.fk-drukuj-liste .fk-conf__in > *:not(.fk-conf__out),
body.fk-drukuj-liste .fk-conf__acts { display: none !important; }
body.fk-drukuj-liste .fk-conf,
body.fk-drukuj-liste .fk-conf__out {
background: #FFFFFF !important;
color: #000000 !important;
padding: 0 !important;
border-radius: 0 !important;
box-shadow: none !important;
}
body.fk-drukuj-liste .fk-conf__out a { text-decoration: none; color: #000000 !important; }
}