diff --git a/core/style.css b/core/style.css
index 787ca52..5206145 100644
--- a/core/style.css
+++ b/core/style.css
@@ -1426,14 +1426,29 @@ table.board-display#poll input[type="text"] { width: 100%; }
 }
 
 /* == SHOP */
-body.shop:not(.item) .page-container {
+body.shop.items .page-container {
 	display: flex;
+	gap: 8px;
+}
+
+body.shop.items .page-container .sidebar {
+	display: flex;
+	flex-shrink: 0;
+}
+
+body.shop.items .page-container .sidebar summary {
+	background: var(--primary-container-background);
+	border: var(--primary-container-border);
+	cursor:pointer;
+	max-width: 220px;
+	padding: 4px 8px;
+	margin: 2px 0px;
 }
 
 body.shop .page-container .sidebar .sidelist {
-	background: var(--secondary-container-background);
-	border: var(--secondary-container-border);
-	max-width: 200px;
+	background: var(--primary-container-background);
+	border: var(--primary-container-border);
+	max-width: 220px;
 	display: flex;
 	flex-direction: column;
 	padding: 8px;
@@ -1444,94 +1459,107 @@ body.shop .page-container .sidebar .sidelist h3 {
 	margin: 8px 0px;
 }
 
-body.shop .page-container .itembox {
-	margin: 8px;
+body.shop .itembox {
+	display: grid;
+	grid-template-columns: repeat(4, 200px);
+	grid-auto-rows: min-content;
+	gap: 8px;
+	margin: 4px auto;
+	width: min-content;
 }
+body.shop.item .itembox { grid-template-columns: repeat(3, 200px); }
 
-body.shop .page-container .itembox .item {
-	display: inline-block;
-	width: 200px;
-	margin: 8px;
-	vertical-align: top;
-}
-
-body.shop .page-container .itembox .item .image-box img {
-	max-width: 100%;
-}
-
-body.shop.item .page-container {
-	max-width: 800px;
-}
-
-body.shop.item .page-container h1 {
-	margin: 4px;
-}
-
-body.shop.item .page-container .top {
-	display: flex;
-	margin: 8px;
-}
-
-body.shop.item .page-container .top .appearance {
-	min-width: 50%;
-}
-
-body.shop.item .page-container .top .appearance .item-image {
+body.shop .itembox .item {
 	background: var(--secondary-container-background);
 	border: var(--secondary-container-border);
+	display: flex;
+	flex-direction: column;
 	padding: 4px;
 }
 
-body.shop.item .page-container .top .appearance .item-image img {
-	display: block;
-	margin-left: auto; margin-right: auto;
-}
+body.shop .item .status, body.shop.item .main-item .status, body.shop.buy .page-container .currency { font-family: var(--primary-font); }
+body.shop .item .status:not(.currency), body.shop .item .status.currency s,
+body.shop.item .main-item .status:not(.currency), body.shop.item .main-item .status.currency s { color: var(--subtitle); }
+body.shop .item .status.currency, body.shop.item .main-item .status.currency,
+body.shop.buy .page-container .currency { color: var(--currency); }
+body.shop.item .main-item .status.currency img, body.shop.buy .page-container .currency img { margin: 0px 2px; vertical-align: sub; }
+body.shop .itembox .item .status.currency img { margin: 0px 2px; vertical-align: middle; }
 
-body.shop.item .page-container .top .details {
+body.shop .itembox .item .imagebox {
 	flex-grow: 1;
-	padding: 2px;
+}
+body.shop .itembox .item .imagebox a, body.shop .itembox .item .imagebox a:link,
+body.shop .itembox .item .imagebox a:visited {
+	text-decoration: none;
 }
 
-body.shop.item .page-container .items details {
-	margin: 2px;
-	padding: 2px;
+body.shop.item .buy-container {
+	background: var(--secondary-container-background);
+	border: var(--secondary-container-border);
+	display: flex;
 }
 
-body.shop.item .page-container .items details summary {
+body.shop.item .page-container { max-width: 800px; }
+body.shop.item .page-container h1 { margin: 4px; }
+
+body.shop.item .page-container .main-item {
+	display: grid;
+	grid-template-columns: repeat(2, 1fr);
+	gap: 8px;
+}
+
+body.shop.item .page-container .main-item .item-info b {
+	color: var(--subtitle);
+	font-family: var(--primary-font);
+}
+
+body.shop.item .page-container .preview {
 	background: var(--primary-container-background);
 	border: var(--primary-container-border);
-	display: flex;
+	max-width: 600px;
+	margin: 8px auto;
+}
+body.shop.item .page-container .preview summary { font-family: var(--primary-font); cursor: pointer; padding: 4px; }
+
+body.shop.item .page-container .items summary {
+	background: var(--primary-container-background);
+	border: var(--primary-container-border);
+	font-family: var(--primary-font);
+	padding: 4px;
 	cursor: pointer;
-	margin: 4px auto;
 }
 
-body.shop.item .page-container .items details .usercard {
-	margin: 0px auto;
+@media (max-width: 1086px) {
+	body.shop.items .page-container .itembox { grid-template-columns: repeat(3, 200px); }
 }
-
-body.shop.item .page-container .usercard .userlink {
-	font-size: 20px;
-	font-weight: bold;
+@media (max-width: 800px) {
+	body.shop.items .page-container .itembox { grid-template-columns: repeat(2, 200px); }
 }
-
-body.shop.item .page-container .usercard .userlink .mycon {
-	width: 32px;
-	height: 32px;
+@media (max-width: 650px) {
+	body.shop.item .itembox { grid-template-columns: repeat(2, 200px); }
 }
-
-@media only screen and (orientation: landscape) {
-}
-
-@media only screen and (orientation: portrait) {
-	body.shop.item .page-container .top {
-		flex-direction: column;
+@media (max-width: 586px) or (only screen and (orientation: portrait)) {
+	body.shop.items .page-container { flex-direction: column; }
+	body.shop.items .page-container .sidebar:not([open]) { width: 0px; }
+	body.shop.items .page-container .sidebar:not([open]) summary {
+		transform: rotate(90deg);
+		margin-top: 48px;
+		margin-left: -48px;
+		width: 128px;
+		height: 24px;
+		position: absolute;
 	}
-
-	body.shop.item .page-container .top .details .button {
-		display: block;
-		margin-left: auto;
+	body.shop.items .page-container .sidebar[open] summary { margin-left: auto; margin-right: auto; }
+	body.shop .page-container .sidebar .sidelist { margin-left: auto; margin-right: auto; }
+	body.shop.items .page-container .itembox { grid-template-columns: repeat(1, 200px); }
+	body.shop.item .page-container .main-item {
+		grid-template-columns: 1fr;
+		grid-template-rows: repeat(2, 1fr);
 	}
 }
+@media (max-width: 425px) {
+	body.shop.item .itembox { grid-template-columns: repeat(1, 200px); }
+}
 
 /* == USER PROFILE */
 body.profile .profile-box {