Merge branch 'nightly'

resources/content.css

@@ -322,7 +322,7 @@
 	.chevron-icon {
 		background-image: url("./icons/arrow-dropdown-16.svg") !important;
 		scale: 1 -1;
-		.card-container:not([open]) & {
+		:is(.card-container, #shopping-details):not([open]) & {
 			scale: 1;
 		}
 	}
@@ -1511,7 +1511,6 @@
 }
 
 /* debugging */ 
-
 @-moz-document url-prefix("about:debugging") { 
 	:root {
 		--in-content-background-color: light-dark(#f9f9fa, #2a2a2e) !important;
@@ -1527,6 +1526,42 @@
 		}
 	}
 }
+@-moz-document url-prefix("about:shoppingsidebar") { 
+	:root {
+		--shopping-header-background: var(--in-content-page-background) !important;
+	}
+	* {
+		--shopping-card-border-radius: var(--photon-primary-border-radius) !important;
+	}
+	#close-button {
+		background-image: url(./icons/close.svg) !important;
+	}
+	.price {
+		content: url("./icons/price.svg") !important;
+	}
+ 	.quality {
+ 		content: url("./icons/quality.svg") !important;
+	}
+ 	.shipping {
+ 		content: url("./icons/shipping.svg") !important;
+	}
+ 	.competitiveness {
+ 		content: url("./icons/competitiveness.svg") !important;
+	}
+ 	.packaging\/appearance {
+ 		content: url("./icons/packaging.svg") !important;
+	}
+	@media (prefers-color-scheme: dark) {
+		.shopping-card {
+			background: var(--grey-60) !important;
+			--shopping-card-border-color: var(--in-content-box-border-color) !important;
+		}
+		.show-more footer {
+			background-color: var(--grey-60) !important;;
+			box-shadow: 2px -10px 11px var(--grey-60) !important;;
+		}
+	}
+}
 /* Error page illustrations */
 /* From Lepton https://github.com/black7375/Firefox-UI-Fix/blob/master/src/contents/_error_page.scss */
 @-moz-document url-prefix("about:neterror"), url-prefix("about:restartrequired"), url("chrome://browser/content/aboutRestartRequired.xhtml"), url("about:sessionrestore"), url("chrome://browser/content/aboutSessionRestore.xhtml")

resources/icons.css

@@ -306,7 +306,7 @@
 	list-style-image: url(./icons/home.svg) !important;
 }
 /* Reload button animation */
-/* from github.com/1280px/rainfox, check out the theme! */
+/* from github.com/1280px/rainfox, check out the theme! (maybe not since it's dead now lol) */
 /* fixed version by me */
 :root:not([customizing]) #stop-reload-button[animate] 
 	> #reload-button 
@@ -370,6 +370,13 @@
 #reader-mode-button-icon {
 	list-style-image: url(./icons/readerMode.svg) !important;
 }
+/* review checker */
+#shopping-sidebar-button > .urlbar-icon {
+	list-style-image: url(./icons/shopping.svg) !important;
+	#shopping-sidebar-button[shoppingsidebaropen="true"] & {
+		list-style-image: url(./icons/shopping-open.svg) !important;
+	}
+}
 #downloads-indicator-anchor {
 	list-style-image: url(./icons/download-icons.svg#arrow-with-bar) !important;
 }

resources/misc.css

@@ -29,7 +29,6 @@
 		}
 	}
 }
-
 @-moz-document url-prefix("chrome://global/content/commonDialog.xhtml") {
 	:root {
 		--in-content-primary-button-background: var(--photon-accent) !important;

resources/tabs-and-urlbar.css

@@ -733,6 +733,11 @@ credits to phroton for some of this stuff */
 #urlbar .search-one-offs *:not(toolbarseparator) {
 	color: var(--toolbarbutton-icon-fill) !important;
 }
+/* special case for review checker */
+
+#shopping-sidebar-button[shoppingsidebaropen="true"] {
+	background-color: var(--urlbar-box-active-bgcolor);
+}
 /* Multiselected tabs */
 .tab-background[multiselected="true"] {
 	outline: none !important;
@@ -923,6 +928,9 @@ credits to phroton for some of this stuff */
 			--space-sidebar: var(--space-xxsmall);
 		}
 	}
+	#appcontent {
+		box-shadow: none !important;
+	}
 	.sidebar-splitter {
 		&:hover {
 			background-color: var(--in-content-primary-button-background, var(--photon-accent)) !important;