/* vv-casy — prefix vvs- */

.vvs-tabs{display:flex;gap:6px;width:min(480px,100%);margin:0 auto;padding:4px;border-radius:999px;background:var(--vv-card);border:1px solid var(--vv-line)}
.vv button.vvs-tab,.vv button.vvs-tab:hover,.vv button.vvs-tab:focus{flex:1;height:46px;margin:0;padding:0 8px;border:0;border-radius:999px;background:transparent;color:#fff;font:800 15px/1 var(--vv-mr);letter-spacing:.02em;text-transform:uppercase;cursor:pointer;box-shadow:none}
.vv button.vvs-tab.is-d1[aria-selected="true"]{background:var(--vv-pink);color:#fff;box-shadow:0 0 0 2px rgba(255,255,255,.3)}
.vv button.vvs-tab.is-d2[aria-selected="true"]{background:var(--vv-gold);color:var(--vv-ink);box-shadow:0 0 0 2px rgba(255,255,255,.3)}
.vv button.vvs-tab:focus-visible{outline:2px solid var(--vv-gold);outline-offset:2px}
.vvs-panel[hidden]{display:none}

.vvs-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:14px;margin:28px 0 16px}
.vv .vvs-tile{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:4px;height:84px;border-radius:18px;background:var(--vv-card);border:1px solid rgba(201,168,245,.25);color:#fff;text-decoration:none}
.vv a.vvs-tile[href]:hover{border-color:var(--vv-pink-a);color:#fff}
.vvs-tile b{font-size:20px;font-weight:800;letter-spacing:.01em;color:#fff}
.vvs-tile span{font-size:13px;font-weight:700;color:var(--vv-lav)}
.vv .vvs-tile.is-last{border-color:rgba(249,168,37,.7)}
.vvs-tile.is-last span{color:var(--vv-gold)}
.vv .vvs-tile.is-sold{border-style:dashed;pointer-events:none;cursor:default}
.vvs-tile.is-sold b{color:var(--vv-lav)}
.vvs-tile.is-sold span{color:var(--vv-lav-l)}
.vv .vvs-note{margin:0;font-size:15px;line-height:1.6;color:var(--vv-lav);text-align:center}

@media (max-width:1024px){
	.vvs-tabs{width:100%}
	.vv button.vvs-tab,.vv button.vvs-tab:hover,.vv button.vvs-tab:focus{height:44px;font-size:14px}
	.vvs-grid{grid-template-columns:1fr 1fr;gap:10px;margin:16px 0 14px}
	.vv .vvs-tile{gap:3px;height:70px;border-radius:16px}
	.vvs-tile b{font-size:17px}
	.vvs-tile span{font-size:12px}
	.vv .vvs-note{font-size:14px;text-align:left}
}