#main-header{height:80px!important;background:#32343a!important;backdrop-filter:none!important;transition:background-color .2s ease,box-shadow .2s ease!important;transform:translateZ(0)}
#main-header.is-scrolled{box-shadow:0 6px 22px #0003}
 #header-logo-img{height:72px!important;width:auto!important;max-height:none!important;object-fit:contain}
 @media(min-width:768px){#header-logo-img{height:104px!important}}
@media(min-width:768px){#main-header{height:112px!important}}
#onas .check-pop{color:#ff9c33!important}
#onas li>div:first-child:has(.material-symbols-outlined){color:#ff9c33!important;background:#ff9c3315;padding:8px;border-radius:12px}
#ref-track{padding:90px var(--carousel-padding,12px) 94px!important;gap:var(--carousel-gap,24px)!important;scroll-behavior:auto;align-items:center;perspective:1400px}
#ref-track .ref-card{width:58vw!important;max-width:230px;transform:perspective(1100px) rotateX(var(--tilt-x,0deg)) rotateY(var(--tilt-y,-3deg)) translateY(var(--lift,0px)) scale(var(--card-scale,1));transition:transform .28s cubic-bezier(.2,.8,.2,1),box-shadow .28s ease,border-color .28s ease;backface-visibility:hidden;position:relative}
@media(min-width:640px){#ref-track .ref-card{width:220px!important;max-width:none}}
@media(min-width:1024px){#ref-track .ref-card{width:220px!important}}
@media(hover:hover) and (pointer:fine){#ref-track .ref-card:hover{--lift:-14px;--card-scale:1.2;z-index:2;box-shadow:0 26px 44px #0005;border-color:#ff9c33}}
#lightbox-container{max-width:min(773px,calc(100vw - 32px))!important}
@media(prefers-reduced-motion:reduce){#ref-track{scroll-behavior:auto!important}#ref-track .ref-card{transform:none!important;transition:none!important}#main-header{transition:none!important}}

#ref-track{margin-inline:auto;position:relative;touch-action:pan-x pan-y;scroll-snap-type:none;scroll-padding-inline:0;cursor:grab;overscroll-behavior-x:contain}
#ref-track.is-dragging{cursor:grabbing;scroll-snap-type:none;scroll-behavior:auto;user-select:none}
#ref-track.is-dragging .ref-card{--lift:0px;--card-scale:1;pointer-events:none}
#ref-track img{-webkit-user-drag:none;user-select:none}
#ref-track:focus-visible{outline:2px solid #ff9c33;outline-offset:4px;border-radius:16px}
@media(hover:hover) and (pointer:fine){#referencje .ref-arrows{display:none}}
@media(hover:hover) and (pointer:fine){#ref-track .ref-card{padding:16px;scroll-snap-align:start}}