/* Menu lateral de la tienda. En escritorio va pegado a la izquierda de la
   parrilla; en movil el mismo bloque se mete en el cajon de FILTROS. */

.v2shop__wrap{display:block}
.v2shop__col{min-width:0}
.v2lat{display:none;font-family:'Bricolage Grotesque',sans-serif}

@media (min-width:1100px){
	.v2shop__wrap{display:grid;grid-template-columns:262px minmax(0,1fr);gap:30px;align-items:start}
	.v2lat{
		display:block;position:sticky;top:92px;
		max-height:calc(100vh - 116px);overflow-y:auto;overscroll-behavior:contain;
		padding-right:6px;scrollbar-width:thin;scrollbar-color:#d8d8dc transparent
	}
	.v2lat::-webkit-scrollbar{width:6px}
	.v2lat::-webkit-scrollbar-thumb{background:#d8d8dc;border-radius:3px}
	/* con lateral, el boton de FILTROS del movil sobra */
	.v2shop__bar .v2shop__fbtn{display:none}
}

/* ---------------------------------------------------------- secciones */
.v2lat__sec{border-bottom:1px solid #ececef}
.v2lat__sec:last-child{border-bottom:0}
.v2lat__sec > summary{
	display:flex;align-items:center;gap:8px;cursor:pointer;list-style:none;
	padding:14px 2px;font:800 11.5px/1 'Bricolage Grotesque',sans-serif;
	letter-spacing:.1em;text-transform:uppercase;color:#0a0a0b
}
.v2lat__sec > summary::-webkit-details-marker{display:none}
.v2lat__sec > summary i{
	margin-left:auto;width:9px;height:9px;border-right:2px solid #0a0a0b;border-bottom:2px solid #0a0a0b;
	transform:rotate(45deg) translateY(-2px);transition:transform .2s ease
}
.v2lat__sec[open] > summary i{transform:rotate(-135deg) translateY(-2px)}
.v2lat__cuerpo{padding:0 0 14px}
.v2lat__label{color:inherit}

/* -------------------------------------------------------- filtros activos */
.v2lat__activos{display:flex;flex-wrap:wrap;gap:6px;padding:0 0 14px;border-bottom:1px solid #ececef;margin-bottom:2px}
.v2lat__activos .v2lat__label{
	width:100%;font:800 10.5px/1 'Bricolage Grotesque',sans-serif;letter-spacing:.1em;
	text-transform:uppercase;color:#8a8a90;margin-bottom:8px
}
html body .v2lat__quitar{
	display:inline-flex;align-items:center;gap:7px;padding:7px 11px;border-radius:999px;
	background:#0a0a0b;color:#fff !important;text-decoration:none !important;
	font:700 11.5px/1 'Bricolage Grotesque',sans-serif
}
html body .v2lat__quitar span{opacity:.65;font-size:10px}
html body .v2lat__quitar:hover span{opacity:1}

/* ------------------------------------------------------- tipos y ligas */
.v2lat__tipos{display:flex;flex-direction:column;gap:2px}
html body .v2lat__tipo{
	display:flex;align-items:center;gap:8px;padding:9px 10px;border-radius:10px;
	color:#3f3f46 !important;text-decoration:none !important;
	font:600 13px/1.2 'Bricolage Grotesque',sans-serif;transition:background-color .15s ease,color .15s ease
}
html body .v2lat__tipo small{margin-left:auto;font-size:11px;color:#9a9aa2;font-weight:600}
html body .v2lat__tipo:hover{background:#f4f4f5;color:#0a0a0b !important}
html body .v2lat__tipo.is-on{background:#0a0a0b;color:#fff !important}
html body .v2lat__tipo.is-on small{color:rgba(255,255,255,.65)}

/* ------------------------------------------------------------ buscador */
.v2lat__buscar{position:relative;margin:0 0 10px}
.v2lat__buscar svg{
	position:absolute;left:11px;top:50%;transform:translateY(-50%);width:15px;height:15px;
	fill:none;stroke:#9a9aa2;stroke-width:2;stroke-linecap:round
}
html body .v2lat__input{
	width:100%;height:40px;margin:0;padding:0 12px 0 33px;border-radius:10px;
	border:1.5px solid #e2e2e7;background:#fff;color:#0a0a0b;
	font:500 13px/1 'Bricolage Grotesque',sans-serif
}
html body .v2lat__input:focus{outline:0;border-color:#0a0a0b}
.v2lat__input::-webkit-search-cancel-button{cursor:pointer}

/* --------------------------------------------------------- equipos */
.v2lat__liga{border-radius:10px}
.v2lat__liga > summary{
	display:flex;align-items:center;gap:8px;cursor:pointer;list-style:none;padding:9px 10px;
	font:700 12px/1.2 'Bricolage Grotesque',sans-serif;color:#0a0a0b;border-radius:10px
}
.v2lat__liga > summary::-webkit-details-marker{display:none}
.v2lat__liga > summary:hover{background:#f4f4f5}
.v2lat__liga > summary small{margin-left:auto;font-size:11px;color:#9a9aa2;font-weight:600}
.v2lat__equipos{display:flex;flex-direction:column;gap:1px;padding:2px 0 8px}
html body .v2lat__eq{
	display:flex;align-items:center;gap:9px;padding:7px 10px;border-radius:10px;
	color:#3f3f46 !important;text-decoration:none !important;
	font:600 12.5px/1.25 'Bricolage Grotesque',sans-serif;transition:background-color .15s ease,color .15s ease
}
html body .v2lat__eq:hover{background:#f4f4f5;color:#0a0a0b !important}
html body .v2lat__eq.is-on{background:#0a0a0b;color:#fff !important}
html body .v2lat__eq.is-on small{color:rgba(255,255,255,.65)}
.v2lat__eqn{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.v2lat__eq small{margin-left:auto;font-size:11px;color:#9a9aa2;font-weight:600}
.v2lat__esc{
	flex:0 0 22px;width:22px;height:22px;border-radius:50%;background:#f4f4f5;overflow:hidden;
	display:flex;align-items:center;justify-content:center
}
.v2lat__esc img{width:100%;height:100%;object-fit:contain}
.v2lat__vacio{margin:6px 10px;color:#8a8a90;font-size:12.5px}
.v2lat__sec--otras{border:0}
.v2lat__sec--otras > summary{padding:10px 2px;font-size:10.5px;color:#8a8a90}

/* ----------------------------------------------------------- tallas */
.v2lat__tallas{display:flex;flex-wrap:wrap;gap:7px}
html body .v2lat__talla{
	min-width:44px;padding:9px 12px;border-radius:10px;text-align:center;
	border:1.5px solid #e2e2e7;background:#fff;color:#0a0a0b !important;text-decoration:none !important;
	font:700 12px/1 'Bricolage Grotesque',sans-serif;text-transform:uppercase;transition:all .15s ease
}
html body .v2lat__talla:hover{border-color:#0a0a0b}
html body .v2lat__talla.is-on{background:#0a0a0b;border-color:#0a0a0b;color:#fff !important}

/* ------------------------------------------------- dentro del cajon movil */
.v2fd__body .v2lat__nav{display:block;margin:0 0 4px}
.v2fd__body .v2lat__nav .v2lat__sec > summary{padding:15px 0}
.v2fd__body .v2lat__nav .v2lat__tipos{gap:4px}
.v2fd__body .v2lat__nav .v2lat__equipos{max-height:46vh;overflow-y:auto;overscroll-behavior:contain}
.v2fd__body .v2lat__nav .v2lat__ligas{max-height:60vh;overflow-y:auto;overscroll-behavior:contain}

/* el cajon de movil esconde sus secciones viejas cuando entra el lateral */
.v2fd__body .v2fd__sec[hidden],
.v2fd__body .v2fd__acts[hidden]{display:none !important}

/* con el lateral, la fila horizontal de chips de equipo sobra en escritorio */
@media (min-width:1100px){
	html body .v2shop__chips{display:none !important}
	.v2shop__head{margin-bottom:6px}
}