.okgal{position:relative}.okgal-track{display:grid;grid-template-columns:repeat(5,1fr);gap:10px}.okgal-item{margin:0;overflow:hidden;aspect-ratio:1/1;background:#f2efe9}.okgal-img{width:100%;height:100%;object-fit:cover;display:block}.okgal--karusel .okgal-track{display:flex;gap:10px;overflow-x:auto;scroll-snap-type:x mandatory;scroll-behavior:smooth;scrollbar-width:none;-ms-overflow-style:none;padding-bottom:2px}.okgal--karusel .okgal-track::-webkit-scrollbar{display:none}.okgal--karusel .okgal-item{flex:0 0 calc(( 100% - 40px ) / 5);scroll-snap-align:start}.okgal-nav{position:absolute;top:50%;transform:translateY(-50%);z-index:2;width:40px;height:40px;border:1px solid rgba(174,129,69,.55);background:rgba(74,8,19,.86);color:#f2efe9;font-size:22px;line-height:1;cursor:pointer;border-radius:50%;display:flex;align-items:center;justify-content:center;transition:background .2s ease}.okgal-nav:hover{background:#6b0f1e}.okgal-prev{left:-14px}.okgal-next{right:-14px}@media (max-width:880px){.okgal-track{grid-template-columns:repeat(3,1fr)}.okgal--karusel .okgal-item{flex:0 0 calc(( 100% - 20px ) / 3)}.okgal-prev{left:-6px}.okgal-next{right:-6px}}@media (max-width:560px){.okgal-track{grid-template-columns:repeat(2,1fr)}.okgal--karusel .okgal-item{flex:0 0 calc(( 100% - 10px ) / 2)}}