/* Shop */

@media (hover: hover) {
	
}

@media screen and (max-width:1200px){
	
}

@media screen and (max-width:1000px){
	
}

@media screen and (max-width:800px){
	.shop-infos { top: 0; }
}


/* Shop page */
.shop-list-page { width: 100%; }
.shop-list-page aside h1 { margin: 0 0 20px 0; padding: 0; }
/*
.shop-list { padding: 0 20px; width: calc(100% - 250px); }
.shop-list h2 { margin: 0; padding: 10px; height: 30px; line-height: 30px; color: var(--main-color); border-top: var(--border); font-size: 22px; }
.shop-list ul { width: calc(100% - 30px); min-height: 30px; margin: -20px 0 10px 30px; display: flex; flex-direction: row; flex-wrap: wrap; }
.shop-list ul li { width: 25%; margin: 0; list-style: none; }
.shop-list ul li.forward { font-weight: bold; }
.shop-list ul li.hidden { display: none; }
.shop-list ul li a { padding: 5px 10px; color: var(--text-color); }

@media (hover: hover) {
	.shop-list ul li a { display: block; transition: all ease-in-out .2s; }
	.shop-list ul li a:hover { background: var(--background-alt-color); }
}

@media screen and (max-width:1000px){
	.shop-list ul li { width: calc(100% / 3); }
}

@media screen and (max-width:800px){
	.shop-list-page { margin: 20px 0; }
	.shop-list-page h1 { padding: 20px; }
	.shop-list ul li { width: calc(100% / 2); }
}

@media screen and (max-width:600px){
	.shop-list { width: calc(100vw - 40px); margin: 0; }
	.shop-list ul { flex-direction: column; }
	.shop-list ul li { width: 100%; }
}
*/
/* Shop page */

.shop-page { justify-content:flex-start; min-height: 100vh; margin: auto; }
.modale .shop-page { min-height:auto; padding: 20px; }
.shop-page nav.menu { z-index: 999; display: flex; flex-direction: row; justify-content: center; height: 40px; border-bottom: solid 1px var(--border-color); }
.shop-page nav.menu a { color: var(--text-color); padding: 0 20px; border-bottom: solid 1px transparent; text-transform: uppercase; font-size: .8em; line-height: 39px; text-align: center; border-bottom-color: var(--border-color); }
.shop-page nav.menu a.selected { border-bottom-color: var(--border-selected-color); }
.shop-page nav.menu a i { font-style: normal; }

@media (hover: hover) {
	.shop-page nav.menu a:hover { border-bottom-color: var(--border-active-color); }
}

/* Shop description */

.shop-description { margin-bottom: 20px; }
.shop-description .description { font-style: italic; color: var(--second-color); }
.shop-description .description:not(:last-of-type) { margin-bottom: 10px; }
.shop-description ul.description { margin-left: 20px; }