.kamar-menu{--kamar-menu-zwloka:.18s;--kamar-menu-zanik:.4s;--kamar-menu-chowanie:.25s;--kamar-menu-chowanie-zwloka:.35s;--kamar-menu-wys:51px;--kamar-menu-gradient:linear-gradient(135deg,#103547 0%,#1B4A60 50%,#345363 100%);--kamar-menu-akcent:#F7B868;position:relative;z-index:500;background:var(--kamar-menu-gradient);border-radius:10px;color:#fff}
.kamar-menu__pasek{display:flex;align-items:stretch;justify-content:space-between;gap:0;margin:0;padding:0;list-style:none}
.kamar-menu__pozycja{position:relative;display:flex}
.kamar-menu .kamar-menu__pozycja > .kamar-menu__link{display:inline-flex;align-items:center;gap:10px;height:var(--kamar-menu-wys);padding:0 20px;color:#fff;font-size:16px;font-weight:600;line-height:21px;text-decoration:none;white-space:nowrap}
.kamar-menu__ikona{flex:0 0 auto;width:20px;height:20px;object-fit:contain;line-height:0}
.kamar-menu .kamar-menu__ikona--rysunek{color:#fff;opacity:.85}
.kamar-menu__chevron{display:inline-grid;place-items:center;width:18px;height:18px}
.kamar-menu__chevron .kamar-chevron{width:12px;height:12px;transform:rotate(90deg)}
.kamar-menu .kamar-menu__etykieta,.kamar-menu .kamar-menu__tekst{position:relative}
@media (min-width:1025px) and (max-width:1080px){.kamar-menu .kamar-menu__pozycja > .kamar-menu__link{padding:0 14px}}
.kamar-menu .kamar-menu__etykieta::after,.kamar-menu .kamar-menu__tekst::after{content:"";position:absolute;left:0;right:0;bottom:-5px;height:2px;border-radius:1px;background:#fff;transform:scaleX(0);transform-origin:left center;transition:transform .25s ease}
.kamar-menu .kamar-menu__pozycja:hover > .kamar-menu__link .kamar-menu__etykieta::after,
.kamar-menu .kamar-menu__pasek:not(:hover) .kamar-menu__pozycja:focus-within > .kamar-menu__link .kamar-menu__etykieta::after{transform:scaleX(1)}
@media (prefers-reduced-motion:reduce){.kamar-menu .kamar-menu__etykieta::after,.kamar-menu .kamar-menu__tekst::after{transition:none}}
.kamar-menu__link:focus-visible{outline:2px solid #fff;outline-offset:-3px;border-radius:8px}
.kamar-menu .kamar-menu__panel{position:absolute;top:100%;left:50%;transform:translateX(-50%);z-index:501;visibility:hidden;opacity:0;translate:0 -36px;mask-image:linear-gradient(#000,#000);mask-repeat:no-repeat;mask-clip:no-clip;mask-size:calc(100% + 1240px) calc(100% + 720px);mask-position:-120px 36px;transition:opacity var(--kamar-menu-chowanie) ease var(--kamar-menu-chowanie-zwloka),translate var(--kamar-menu-chowanie) ease var(--kamar-menu-chowanie-zwloka),mask-position var(--kamar-menu-chowanie) ease var(--kamar-menu-chowanie-zwloka),mask-image 0s linear var(--kamar-menu-chowanie-zwloka) allow-discrete,visibility 0s linear calc(var(--kamar-menu-chowanie-zwloka) + var(--kamar-menu-chowanie));width:max-content;max-width:min(920px,calc(100vw - 40px));padding:32px 48px;background:var(--kamar-menu-gradient);border-radius:0 0 10px 10px;color:#fff}
.kamar-menu__pozycja--z-panelem:hover > .kamar-menu__panel,
.kamar-menu__pasek:not(:hover) .kamar-menu__pozycja--z-panelem:focus-within > .kamar-menu__panel{visibility:visible;opacity:1;translate:0 0;mask-position:-120px 0;mask-image:none;transition:opacity var(--kamar-menu-zanik) cubic-bezier(.22,.61,.36,1) var(--kamar-menu-zwloka),translate var(--kamar-menu-zanik) cubic-bezier(.22,.61,.36,1) var(--kamar-menu-zwloka),mask-position var(--kamar-menu-zanik) cubic-bezier(.22,.61,.36,1) var(--kamar-menu-zwloka),mask-image 0s linear calc(var(--kamar-menu-zwloka) + var(--kamar-menu-zanik)) allow-discrete,visibility 0s linear var(--kamar-menu-zwloka)}
.kamar-menu__pasek:not(:hover) .kamar-menu__pozycja--z-panelem:focus-within > .kamar-menu__panel{transition-delay:0s}
.kamar-menu__pasek:has(.kamar-menu__pozycja:hover) .kamar-menu__pozycja--z-panelem:not(:hover) > .kamar-menu__panel{transition-duration:0s;transition-delay:0s}
.kamar-menu:has(.kamar-menu__pozycja--z-panelem:hover),.kamar-menu:not(:hover):has(.kamar-menu__pozycja--z-panelem:focus-within){border-bottom-left-radius:0;border-bottom-right-radius:0}
.kamar-menu__kolumny{display:flex;align-items:flex-start;justify-content:center;gap:40px}
.kamar-menu__kolumny > .kamar-menu__lista{flex:0 1 auto;min-width:0}
.kamar-menu__lista{margin:0;padding:0;list-style:none}
.kamar-menu__lista li{margin:0 0 11px}
.kamar-menu__lista li:last-child{margin-bottom:0}
.kamar-menu .kamar-menu__lista a{display:flex;align-items:flex-start;gap:6px;padding:0;color:#fff;font-size:16px;font-weight:500;line-height:1.3;text-decoration:none}
.kamar-menu .kamar-menu__lista a::before{content:"";flex:0 0 auto;width:7px;height:7px;margin-top:7px;border-radius:50%;background:currentColor}
.kamar-menu .kamar-menu__lista a:has(.kamar-mm__ikona)::before{display:none}
.kamar-menu .kamar-menu__lista a:has(.kamar-mm__ikona){gap:10px}
.kamar-menu .kamar-mm__ikona{flex:0 0 auto;width:20px;height:20px;object-fit:contain}
.kamar-menu .kamar-mm__ikona--rysunek{fill:none;stroke:currentColor;stroke-width:1.6;stroke-linecap:round;stroke-linejoin:round}
.kamar-menu .kamar-menu__lista a .kamar-mm__ikona{margin-top:-1px}
.kamar-menu__nazwa-kategorii{display:flex;align-items:center;gap:12px;min-width:0}
.kamar-menu .kamar-menu__lista .kamar-menu__tekst::after{bottom:-3px;background:var(--kamar-menu-akcent)}
.kamar-menu .kamar-menu__lista a:hover .kamar-menu__tekst::after,.kamar-menu .kamar-menu__lista a:focus-visible .kamar-menu__tekst::after{transform:scaleX(1)}
.kamar-menu .kamar-menu__lista a:hover,.kamar-menu .kamar-menu__lista a:focus-visible{text-decoration:none}
.kamar-menu__pozycja:first-child > .kamar-menu__panel{left:0;transform:none}
.kamar-menu__pozycja:last-child > .kamar-menu__panel{left:auto;right:0;transform:none}
.kamar-menu .kamar-menu__panel:has(> .kamar-menu__kolumna){width:250px;padding:0}
.kamar-menu__kolumna{margin:0;padding:0;list-style:none}
.kamar-menu__kategoria{position:relative}
.kamar-menu .kamar-menu__kategoria-link{display:flex;align-items:center;justify-content:space-between;gap:10px;min-height:52px;box-sizing:border-box;padding:15px 12px 15px 20px;color:#fff;font-size:16px;font-weight:500;text-decoration:none}
.kamar-menu__kategoria:last-child > .kamar-menu__kategoria-link{border-radius:0 0 10px 10px}
.kamar-menu .kamar-menu__kategoria:hover > .kamar-menu__kategoria-link,
.kamar-menu .kamar-menu__kolumna:not(:hover) .kamar-menu__kategoria:focus-within > .kamar-menu__kategoria-link{background:#fff;color:#103547}
.kamar-menu__kategoria-link .kamar-chevron{width:12px;height:12px;flex:0 0 auto}
.kamar-menu .kamar-menu__wysuwka{position:absolute;top:50%;left:100%;z-index:502;visibility:hidden;opacity:0;transform:translateX(-36px);transition:opacity var(--kamar-menu-chowanie) ease var(--kamar-menu-chowanie-zwloka),transform var(--kamar-menu-chowanie) ease var(--kamar-menu-chowanie-zwloka),visibility 0s linear calc(var(--kamar-menu-chowanie-zwloka) + var(--kamar-menu-chowanie));translate:0 calc(-50% + var(--kamar-wysuwka-przesuniecie,0px));width:max-content;max-width:min(1000px,calc(100vw - 420px));box-sizing:border-box;padding:32px;background:linear-gradient(135deg,#DAE8F2 0%,#FFFFFF 100%);border-radius:0 12px 12px 0;color:#103547}
.kamar-menu__kategoria--z-wysuwka:hover > .kamar-menu__wysuwka,
.kamar-menu__kolumna:not(:hover) .kamar-menu__kategoria--z-wysuwka:focus-within > .kamar-menu__wysuwka{visibility:visible;opacity:1;transform:none;transition:opacity var(--kamar-menu-zanik) cubic-bezier(.22,.61,.36,1) var(--kamar-menu-zwloka),transform var(--kamar-menu-zanik) cubic-bezier(.22,.61,.36,1) var(--kamar-menu-zwloka),mask-position var(--kamar-menu-zanik) cubic-bezier(.22,.61,.36,1) var(--kamar-menu-zwloka),visibility 0s linear var(--kamar-menu-zwloka)}
.kamar-menu__kolumna:not(:hover) .kamar-menu__kategoria--z-wysuwka:focus-within > .kamar-menu__wysuwka{transition-delay:0s}
.kamar-menu__kolumna:has(.kamar-menu__kategoria:hover) .kamar-menu__kategoria:not(:hover) > .kamar-menu__wysuwka{transition-duration:0s;transition-delay:0s}
.kamar-menu__pozycja--z-panelem:hover > .kamar-menu__panel .kamar-menu__kategoria{animation:kamar-menu-bez-wskaznika calc(var(--kamar-menu-zwloka) + var(--kamar-menu-zanik)) linear}
@keyframes kamar-menu-bez-wskaznika{from,to{pointer-events:none}}
@media (prefers-reduced-motion:reduce){.kamar-menu{--kamar-menu-zanik:0s;--kamar-menu-chowanie:0s}}
.kamar-menu .kamar-menu__wysuwka .kamar-menu__lista a{color:#103547}
.kamar-menu .kamar-menu__wysuwka .kamar-menu__lista a:hover{color:#103547;text-decoration:none}
.kamar-menu .kamar-menu__wysuwka .kamar-menu__lista a:focus-visible{color:#103547;text-decoration:none}
@media (max-width:781px){
.kamar-menu{display:none}
}