.vci{border-bottom:1px solid var(--v-line)}.vci__head{display:flex;flex-wrap:wrap;align-items:flex-end;justify-content:space-between;gap:18px 40px;margin-bottom:clamp(20px,2.6vw,32px)}.vci__heading{margin:6px 0 0;font-size:calc(clamp(1.5rem,2.3vw,2.2rem) * var(--v-font-scale-heading));line-height:1.1}.vci__tabs{display:flex;gap:8px;max-width:100%;overflow-x:auto;overflow-y:hidden;scrollbar-width:none;overscroll-behavior-x:contain}.vci__tabs::-webkit-scrollbar{display:none}.vci__tab{display:inline-flex;align-items:center;gap:6px;flex:0 0 auto;min-height:42px;padding:0 18px;border:1px solid var(--v-line);border-radius:999px;background:transparent;color:var(--v-ink-muted);font-family:var(--v-font-ui);font-size:var(--v-text-2xs);font-weight:var(--v-weight-semi);letter-spacing:.16em;text-transform:uppercase;white-space:nowrap;cursor:pointer;transition:color var(--v-dur-2) ease,background-color var(--v-dur-2) ease,border-color var(--v-dur-2) ease}.vci__tab-count{font-size:.8em;letter-spacing:.04em;opacity:.7}.vci__tab.is-active{background:var(--v-ink);border-color:var(--v-ink);color:var(--v-bg)}@media(hover:hover)and (pointer:fine){.vci__tab:not(.is-active):hover{border-color:var(--v-ink);color:var(--v-ink)}}.vci__tab:focus-visible{outline:2px solid var(--v-accent);outline-offset:2px}.vci__panel+.vci__panel{margin-top:28px}.vci.is-tabbed .vci__panel+.vci__panel{margin-top:0}.vci.is-tabbed .vci__group-label,.vci__panel[hidden]{display:none}.vci__group-label{margin:0 0 12px;font-family:var(--v-font-ui);font-size:var(--v-text-2xs);font-weight:var(--v-weight-semi);letter-spacing:.18em;text-transform:uppercase;color:var(--v-ink-muted)}.vci__rail{display:grid;grid-auto-flow:column;grid-auto-columns:38%;gap:12px;margin:0 calc(-1 * var(--v-gutter));padding:0 var(--v-gutter) 4px;list-style:none;overflow-x:auto;overflow-y:hidden;scroll-snap-type:x mandatory;scroll-padding-inline:var(--v-gutter);scrollbar-width:none}.vci__rail::-webkit-scrollbar{display:none}.vci__item{scroll-snap-align:start}.vci__tile{display:grid;gap:4px;color:inherit;text-decoration:none}.vci__media{position:relative;display:block;aspect-ratio:3 / 4;margin-bottom:8px;overflow:hidden;border-radius:var(--v-radius-media, 0);background:var(--v-surface-alt)}.vci__img{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;object-fit:cover;transition:transform .9s var(--v-ease)}.vci__name{font-family:var(--v-font-heading);font-weight:var(--v-font-heading-weight);font-size:calc(1rem * var(--v-font-scale-heading));line-height:1.2;letter-spacing:.05em;text-transform:uppercase}.vci__count{font-family:var(--v-font-ui);font-size:var(--v-text-3xs);letter-spacing:.14em;text-transform:uppercase;color:var(--v-ink-muted)}.vci__tile.is-current .vci__media{outline:1px solid var(--v-ink);outline-offset:3px}.vci__tile:focus-visible .vci__media{outline:2px solid var(--v-accent);outline-offset:3px}@media(hover:hover)and (pointer:fine){.vci__tile:hover .vci__img{transform:scale(1.04)}}@media screen and (min-width:750px){.vci__rail{grid-auto-columns:24%}}@media screen and (min-width:990px){.vci__rail{grid-auto-flow:row;grid-template-columns:repeat(var(--vci-cols, 6),minmax(0,1fr));grid-auto-columns:auto;gap:20px;margin:0;padding:0;overflow:visible}.vci__name{font-size:calc(1.05rem * var(--v-font-scale-heading))}}@media(prefers-reduced-motion:reduce){.vci__img,.vci__tab{transition:none}}
/*# sourceMappingURL=/cdn/shop/t/11/assets/virsaay-category-index.css.map */