.okms-wrap .okms-recommended{width:calc(100vw - 20px)!important;max-width:none!important;margin:60px 0 42px calc(50% - 50vw + 10px)!important;box-sizing:border-box;color:#fff;font-family:Lato,Arial,sans-serif}
.okms-wrap .okms-rec-heading{display:flex;align-items:center;justify-content:space-between;gap:16px;margin-bottom:16px}
.okms-wrap .okms-rec-heading h3{color:#fff!important;font-size:23px;font-weight:900;line-height:1.2;margin:0}
.okms-wrap .okms-rec-controls{display:flex;gap:9px}
.okms-wrap .okms-rec-controls button{border:1px solid #666;border-radius:8px;background:#202020;color:#fff;padding:8px 12px;min-height:36px;cursor:pointer;font-weight:700}
.okms-wrap .okms-rec-controls button:hover{border-color:#f39c1f;color:#f39c1f}
.okms-wrap .okms-rec-controls button:disabled{opacity:.38;cursor:default}
.okms-wrap .okms-rec-track{display:grid;grid-auto-flow:column;grid-auto-columns:calc((100% - 4 * 14px)/5);gap:14px;overflow-x:auto;scroll-snap-type:x mandatory;scroll-behavior:smooth;scrollbar-width:none;overscroll-behavior-inline:contain;padding:3px 2px 10px}
.okms-wrap .okms-rec-track::-webkit-scrollbar{display:none}
.okms-wrap .okms-rec-card{display:block;min-width:0;color:#fff!important;text-decoration:none!important;scroll-snap-align:start}
.okms-wrap .okms-rec-image{display:block;position:relative;width:100%;height:0;padding-top:56.25%;overflow:hidden;border:2px solid transparent;border-radius:18px;background:#181818;transition:border-color .2s,box-shadow .2s}
.okms-wrap .okms-rec-image img{position:absolute;inset:0;display:block;width:100%;height:100%;object-fit:cover;transition:transform .2s}
.okms-wrap .okms-rec-card:hover .okms-rec-image,.okms-wrap .okms-rec-card:focus-visible .okms-rec-image{border-color:#f39c1f;box-shadow:0 0 13px rgba(243,156,31,.7)}
.okms-wrap .okms-rec-card:hover img,.okms-wrap .okms-rec-card:focus-visible img{transform:scale(1.04)}
.okms-wrap .okms-rec-more{text-align:center;margin:30px 0 0}
.okms-wrap .okms-rec-more a{display:inline-block;box-sizing:border-box;padding:13px 28px;border-radius:10px;background:#f39c1f;color:#171717!important;font-size:16px;font-weight:800;line-height:1.3;text-decoration:none!important;transition:background-color .2s,transform .2s}
.okms-wrap .okms-rec-more a:hover,.okms-wrap .okms-rec-more a:focus{background:#ffb343;color:#171717!important;transform:translateY(-2px)}
@media(max-width:900px){.okms-wrap .okms-rec-track{grid-auto-columns:calc((100% - 2 * 12px)/3);gap:12px}}
@media(max-width:600px){.okms-wrap .okms-rec-heading h3{font-size:19px}.okms-wrap .okms-rec-controls button{font-size:12px;padding:7px 9px}.okms-wrap .okms-rec-track{grid-auto-columns:calc((100% - 10px)/2);gap:10px}.okms-wrap .okms-rec-image{border-radius:13px}}