/* FPS Vault overlay shelves: one-card stepping carousels and exact previews. */
.ol-carousel{position:relative}
.ol-carousel-track{display:flex!important;gap:14px;overflow-x:auto;scroll-snap-type:x mandatory;scroll-behavior:smooth;scrollbar-width:none;padding:4px 1px 10px}
.ol-carousel-track::-webkit-scrollbar{display:none}
.ol-carousel-track>*{scroll-snap-align:start;min-width:0}
.ol-carousel-track.vertical>.ol-card{flex:0 0 calc((100% - 56px)/5)}
.ol-carousel-track.horizontal>.ol-card{flex:0 0 calc((100% - 42px)/4)}
.ol-carousel-track.ol-collections>.ol-collection{flex:0 0 calc((100% - 56px)/5)}
.ol-carousel-btn{position:absolute;z-index:6;top:50%;display:grid;place-items:center;width:38px;height:52px;border:0;border-radius:7px;background:var(--ol-accent);color:#fff;font-size:18px;cursor:pointer;transform:translateY(-50%);box-shadow:0 8px 22px rgba(0,204,136,.22)}
.ol-carousel-btn.prev{left:-19px}
.ol-carousel-btn.next{right:-19px}
.ol-carousel-btn:hover,.ol-carousel-btn:focus-visible{filter:brightness(.9);outline:3px solid rgba(0,204,136,.18)}
.ol-card.vertical .ol-card-media{height:auto;aspect-ratio:1/1;padding:0;background:#fff}
.ol-card.horizontal .ol-card-media{height:auto;aspect-ratio:1080/340;padding:0;background:#fff}
.ol-card-media img{object-fit:contain}
.ol-results-grid .ol-card.vertical .ol-card-media,.ol-results-grid .ol-card.horizontal .ol-card-media{height:auto;padding:0}
.ol-results-grid .ol-card.vertical .ol-card-media{aspect-ratio:1/1}
.ol-results-grid .ol-card.horizontal .ol-card-media{aspect-ratio:1080/340}
.ol-results-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:14px}
.ol-results-grid .ol-card{min-width:0}
.ol-results-grid .ol-card-media img{width:100%;height:100%;object-fit:contain}
.ol-carousel-track .ol-card-body{padding-top:10px}
.ol-carousel-track.vertical .ol-card-title{font-size:15px}
.ol-carousel-track.vertical .ol-card-meta{font-size:13px}
@media(max-width:1180px){.ol-carousel-track.vertical>.ol-card{flex-basis:calc((100% - 42px)/4)}.ol-carousel-track.ol-collections>.ol-collection{flex-basis:calc((100% - 42px)/4)}}
@media(max-width:980px){.ol-results-grid{grid-template-columns:repeat(3,minmax(0,1fr))}}
@media(max-width:820px){.ol-carousel-track.vertical>.ol-card,.ol-carousel-track.horizontal>.ol-card,.ol-carousel-track.ol-collections>.ol-collection{flex-basis:calc((100% - 14px)/2)}.ol-carousel-btn.prev{left:-8px}.ol-carousel-btn.next{right:-8px}}
@media(max-width:700px){.ol-results-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:480px){.ol-carousel-track.vertical>.ol-card,.ol-carousel-track.horizontal>.ol-card,.ol-carousel-track.ol-collections>.ol-collection{flex-basis:86%}.ol-carousel-btn{width:34px;height:46px}}
@media(max-width:480px){.ol-results-grid{grid-template-columns:1fr}}