Index: KernelRecordsMVC.Web/wwwroot/css/site.css
===================================================================
--- KernelRecordsMVC.Web/wwwroot/css/site.css	(revision d89d25b3a7f785676877cf198c9cc706308ab4a3)
+++ KernelRecordsMVC.Web/wwwroot/css/site.css	(revision 595d2e58cf322a776ba1d3cedcb86e9bb2ee8093)
@@ -76,28 +76,4 @@
 }
 
-.brand {
-  display: flex;
-  flex-direction: column;
-  flex-shrink: 0;
-
-  line-height: .9;
-  letter-spacing: 2px;
-}
-
-.brand-main {
-  font-size: 25px;
-  font-weight: 900;
-}
-
-.brand-sub {
-  margin-top: 6px;
-
-  font-size: 11px;
-  font-weight: 600;
-  letter-spacing: 5px;
-
-  opacity: .65;
-}
-
 .navbar-content {
   flex: 1;
@@ -484,4 +460,45 @@
 }
 
+/* =========================================================
+   NAVBAR CART COUNT
+   ========================================================= */
+
+.nav-cart-link {
+  position: relative;
+}
+
+.nav-cart-icon-wrap {
+  position: relative;
+
+  display: inline-flex;
+  align-items: center;
+  justify-content: center;
+}
+
+.nav-cart-count {
+  position: absolute;
+
+  top: -10px;
+  right: -13px;
+
+  min-width: 18px;
+  height: 18px;
+
+  display: inline-flex;
+  align-items: center;
+  justify-content: center;
+
+  padding: 0 5px;
+
+  border: 2px solid #111;
+  border-radius: 999px;
+
+  background: white;
+  color: #111;
+
+  font-size: 9px;
+  font-weight: 900;
+  line-height: 1;
+}
 
 /* =========================================================
@@ -504,9 +521,4 @@
   letter-spacing: 1.3px;
 }
-
-.announcement-separator {
-  opacity: .45;
-}
-
 
 /* =========================================================
@@ -1570,5 +1582,4 @@
 }
 
-
 /* =========================================================
    WISHLIST
@@ -1577,7 +1588,5 @@
 .wishlist-page {
   max-width: 1250px;
-
   margin: 0 auto;
-
   padding: 55px 30px 80px;
 }
@@ -1589,8 +1598,6 @@
 .page-header h1 {
   margin-top: 7px;
-
   font-size: 44px;
   font-weight: 900;
-
   letter-spacing: -1.5px;
 }
@@ -1598,7 +1605,5 @@
 .page-header p {
   margin-top: 8px;
-
   color: #777;
-
   font-size: 14px;
 }
@@ -1606,58 +1611,78 @@
 .wishlist-grid {
   display: grid;
-
-  grid-template-columns:
-        repeat(2, minmax(0, 1fr));
-
+  grid-template-columns: repeat(2, minmax(0, 1fr));
   gap: 20px;
 }
 
 .wishlist-card {
+  min-width: 0;
+  min-height: 190px;
+
   display: grid;
-
-  grid-template-columns:
-        190px 1fr;
+  grid-template-columns: 190px minmax(0, 1fr);
 
   overflow: hidden;
 
   background: white;
-
   border: 1px solid #ddd;
-  border-radius: 9px;
+  border-radius: 10px;
+
+  transition:
+          transform .2s ease,
+          box-shadow .2s ease,
+          border-color .2s ease;
+}
+
+.wishlist-card:hover {
+  transform: translateY(-2px);
+  border-color: #ccc;
+  box-shadow: 0 12px 30px rgba(0,0,0,.06);
 }
 
 .wishlist-cover {
-  aspect-ratio: 1 / 1;
+  width: 190px;
+  height: 190px;
+
+  display: block;
 
   overflow: hidden;
-
   background: #ddd;
 }
 
+.wishlist-cover img,
+.wishlist-cover .release-no-cover {
+  width: 190px;
+  height: 190px;
+  display: block;
+}
+
 .wishlist-cover img {
-  width: 100%;
-  height: 100%;
-
+  object-fit: cover;
+  object-position: center;
+  transition: transform .35s ease;
+}
+
+.wishlist-card:hover .wishlist-cover img {
+  transform: scale(1.035);
+}
+
+.wishlist-info {
+  min-width: 0;
+
+  display: flex;
+  flex-direction: column;
+  justify-content: center;
+
+  padding: 22px 24px;
+}
+
+.wishlist-format {
   display: block;
-
-  object-fit: cover;
-
-  transition: transform .35s ease;
-}
-
-.wishlist-card:hover .wishlist-cover img {
-  transform: scale(1.04);
-}
-
-.wishlist-info {
-  padding: 22px;
-}
-
-.wishlist-format {
+  margin-bottom: 7px;
+
   color: #888;
 
   font-size: 9px;
   font-weight: 900;
-
   text-transform: uppercase;
   letter-spacing: 1px;
@@ -1665,8 +1690,8 @@
 
 .wishlist-info h2 {
-  margin-top: 7px;
-
+  margin: 0;
   font-size: 20px;
   font-weight: 900;
+  line-height: 1.2;
 }
 
@@ -1677,22 +1702,32 @@
 .wishlist-genre {
   margin-top: 6px;
-
   color: #777;
-
   font-size: 12px;
 }
 
+.wishlist-bottom {
+  display: flex;
+  align-items: center;
+  justify-content: space-between;
+
+  gap: 18px;
+  margin-top: 20px;
+}
+
+.wishlist-price-area {
+  min-width: 90px;
+  flex-shrink: 0;
+}
+
 .wishlist-price {
-  margin-top: 18px;
-
-  font-size: 22px;
-  font-weight: 900;
+  margin: 0;
+  font-size: 23px;
+  font-weight: 900;
+  line-height: 1;
 }
 
 .stock {
-  display: inline-block;
-
+  display: block;
   margin-top: 7px;
-
   font-size: 10px;
   font-weight: 800;
@@ -1709,15 +1744,50 @@
 .wishlist-actions {
   display: flex;
+  align-items: center;
+  justify-content: flex-end;
   flex-wrap: wrap;
 
   gap: 8px;
-
-  margin-top: 20px;
-}
-
-.btn-remove {
-  min-height: 42px;
-
-  padding: 0 17px;
+  margin: 0;
+}
+
+.wishlist-actions form {
+  margin: 0;
+}
+
+.wishlist-actions .store-button,
+.wishlist-actions .btn-remove {
+  min-height: 40px;
+
+  display: inline-flex;
+  align-items: center;
+  justify-content: center;
+
+  padding: 0 15px;
+
+  border-radius: 6px;
+
+  font-size: 10px;
+  font-weight: 900;
+  line-height: 1;
+  white-space: nowrap;
+}
+
+.wishlist-actions .store-button {
+  border: 1px solid #171717;
+  background: #171717;
+  color: white;
+}
+
+.wishlist-actions .store-button:hover {
+  background: #333;
+  color: white;
+}
+
+.btn-remove,
+.wishlist-actions .btn-remove {
+  min-height: 40px;
+
+  padding: 0 15px;
 
   border: 1px solid #ccc;
@@ -1725,15 +1795,110 @@
 
   background: white;
+  color: #666;
+
+  font-size: 10px;
+  font-weight: 900;
+}
+
+.btn-remove:hover,
+.wishlist-actions .btn-remove:hover {
+  border-color: #a33;
+  background: #fff7f7;
+  color: #a33;
+}
+
+.empty-wishlist {
+  padding: 75px 25px;
+
+  text-align: center;
+
+  background: white;
+
+  border: 1px solid #ddd;
+  border-radius: 10px;
+}
+
+.empty-wishlist .empty-icon {
+  margin-bottom: 15px;
   color: #777;
-
-  font-size: 12px;
-  font-weight: 800;
-}
-
-.btn-remove:hover {
-  border-color: #a33;
-  color: #a33;
-}
-
+  font-size: 48px;
+}
+
+.empty-wishlist h2 {
+  margin-bottom: 8px;
+  font-size: 25px;
+}
+
+.empty-wishlist p {
+  margin-bottom: 22px;
+  color: #777;
+}
+
+@media (max-width: 1000px) {
+  .wishlist-grid {
+    grid-template-columns: 1fr;
+  }
+}
+
+@media (max-width: 650px) {
+  .wishlist-card {
+    grid-template-columns: 140px minmax(0, 1fr);
+    min-height: 140px;
+  }
+
+  .wishlist-cover,
+  .wishlist-cover img,
+  .wishlist-cover .release-no-cover {
+    width: 140px;
+    height: 140px;
+  }
+
+  .wishlist-info {
+    padding: 18px;
+  }
+
+  .wishlist-bottom {
+    align-items: flex-start;
+    flex-direction: column;
+    gap: 13px;
+    margin-top: 16px;
+  }
+
+  .wishlist-actions {
+    justify-content: flex-start;
+  }
+}
+
+@media (max-width: 500px) {
+  .wishlist-card {
+    grid-template-columns: 1fr;
+  }
+
+  .wishlist-cover,
+  .wishlist-cover img,
+  .wishlist-cover .release-no-cover {
+    width: 100%;
+    height: auto;
+    aspect-ratio: 1 / 1;
+  }
+
+  .wishlist-info {
+    padding: 20px;
+  }
+
+  .wishlist-actions {
+    width: 100%;
+    flex-direction: row;
+  }
+
+  .wishlist-actions form {
+    flex: 1;
+  }
+
+  .wishlist-actions .store-button,
+  .wishlist-actions .btn-remove {
+    width: 100%;
+  }
+}
 
 /* =========================================================
@@ -1953,13 +2118,4 @@
 }
 
-.home-eyebrow {
-  color: #aaa;
-
-  font-size: 11px;
-  font-weight: 900;
-
-  letter-spacing: 3px;
-}
-
 .home-hero h1 {
   margin-top: 16px;
@@ -2027,18 +2183,4 @@
 .home-button.secondary:hover {
   background: #292929;
-}
-
-.home-hero-mark {
-  position: absolute;
-
-  right: 5%;
-  bottom: -60px;
-
-  color: #1e1e1e;
-
-  font-size: 420px;
-  font-weight: 900;
-
-  line-height: 1;
 }
 
@@ -2534,8 +2676,4 @@
     grid-template-columns:
             repeat(2, minmax(0, 1fr));
-  }
-
-  .wishlist-grid {
-    grid-template-columns: 1fr;
   }
 
@@ -2805,13 +2943,4 @@
   }
 
-  .wishlist-grid {
-    grid-template-columns: 1fr;
-  }
-
-  .wishlist-card {
-    grid-template-columns:
-            120px 1fr;
-  }
-
   .home-hero {
     min-height: 500px;
@@ -2819,9 +2948,4 @@
     padding: 45px 30px;
   }
-
-  .home-hero-mark {
-    font-size: 250px;
-  }
-
   .home-feature-grid {
     grid-template-columns: 1fr;
@@ -2865,21 +2989,4 @@
 @media (max-width: 500px) {
 
-  .wishlist-card {
-    grid-template-columns: 1fr;
-  }
-
-  .wishlist-cover {
-    max-height: 300px;
-  }
-
-  .wishlist-actions {
-    flex-direction: column;
-  }
-
-  .wishlist-actions .store-button,
-  .wishlist-actions .btn-remove {
-    width: 100%;
-  }
-
   .home-hero {
     padding: 35px 22px;
@@ -2910,5 +3017,56 @@
   }
 }
-
+/* =========================================================
+   RELEASE PRODUCT DISCOUNT PRICE
+   ========================================================= */
+
+.product-sale-price {
+  margin-bottom: 12px;
+}
+
+.product-price-row {
+  display: flex;
+  align-items: baseline;
+  flex-wrap: wrap;
+
+  gap: 10px;
+}
+
+.product-original-price {
+  color: #999;
+
+  font-size: 16px;
+  font-weight: 700;
+
+  text-decoration: line-through;
+}
+
+.product-current-price {
+  color: #171717;
+
+  font-size: 28px;
+  font-weight: 900;
+}
+
+.product-discount-badge {
+  width: fit-content;
+
+  display: inline-flex;
+  align-items: center;
+  justify-content: center;
+
+  margin-top: 7px;
+  padding: 5px 8px;
+
+  border-radius: 4px;
+
+  background: #171717;
+  color: white;
+
+  font-size: 9px;
+  font-weight: 900;
+
+  letter-spacing: .5px;
+}
 /* =========================================================
  ADMIN
@@ -3043,5 +3201,100 @@
   font-size: 10px;
 }
-
+/* =========================================================
+   ADMIN ARTIST LIST
+   ========================================================= */
+
+.admin-artist-cell {
+  display: flex;
+  align-items: center;
+
+  gap: 14px;
+
+  min-width: 220px;
+}
+
+.admin-artist-thumb {
+  width: 70px;
+  height: 70px;
+
+  min-width: 70px;
+  max-width: 70px;
+
+  flex: 0 0 70px;
+
+  display: block;
+
+  overflow: hidden;
+
+  border-radius: 8px;
+
+  background: #eee;
+
+  object-fit: cover;
+  object-position: center;
+}
+
+.admin-artist-thumb.placeholder {
+  width: 70px;
+  height: 70px;
+
+  min-width: 70px;
+  max-width: 70px;
+
+  flex: 0 0 70px;
+
+  display: flex;
+  align-items: center;
+  justify-content: center;
+
+  background: #171717;
+  color: white;
+
+  font-size: 24px;
+  font-weight: 900;
+}
+
+.admin-artist-cell strong {
+  min-width: 0;
+
+  font-size: 13px;
+  font-weight: 900;
+
+  overflow-wrap: anywhere;
+}
+
+.admin-table-actions {
+  white-space: nowrap;
+
+  text-align: right;
+}
+
+.admin-table-actions .admin-button {
+  margin-left: 6px;
+}
+
+
+/* =========================================================
+   ADMIN ARTISTS RESPONSIVE
+   ========================================================= */
+
+@media (max-width: 700px) {
+
+  .admin-artist-thumb,
+  .admin-artist-thumb.placeholder {
+    width: 58px;
+    height: 58px;
+
+    min-width: 58px;
+    max-width: 58px;
+
+    flex-basis: 58px;
+  }
+
+  .admin-artist-cell {
+    min-width: 180px;
+  }
+
+}
 
 /* =========================================================
@@ -4139,4 +4392,5 @@
 
 }
+
 /* =========================================================
    KERNEL RECORDS LOGO
@@ -4144,38 +4398,34 @@
 
 .logo-brand {
+  width: 170px;
+  height: 72px;
+
+  flex: 0 0 170px;
+
   display: flex;
   align-items: center;
+  justify-content: flex-start;
 
   padding: 0;
 
+  overflow: hidden;
   text-decoration: none;
 }
 
-.site-logo {
+.logo-brand > .site-logo {
+  width: 160px !important;
+  height: 64px !important;
+
+  max-width: 160px !important;
+  max-height: 64px !important;
+
   display: block;
 
-  width: auto;
-  height: 72px;
-
   object-fit: contain;
-}
-
-@media (max-width: 700px) {
-
-  .site-logo {
-    height: 55px;
-  }
-
-}
-.admin-page-logo {
-  display: block;
-
-  width: auto;
-  height: 80px;
-
-  margin-bottom: 12px;
-
-  object-fit: contain;
-}
+  object-position: left center;
+
+  transform: none !important;
+}
+
 .hero-logo {
   display: flex;
@@ -4187,7 +4437,33 @@
   width: min(520px, 90%);
   height: auto;
+
   display: block;
+
   object-fit: contain;
+
   transform: translate(55px, 55px);
+}
+
+@media (max-width: 950px) {
+  .logo-brand {
+    width: 145px;
+    height: 60px;
+    flex-basis: 145px;
+  }
+
+  .logo-brand > .site-logo {
+    width: 135px !important;
+    height: 52px !important;
+
+    max-width: 135px !important;
+    max-height: 52px !important;
+  }
+}
+
+@media (max-width: 700px) {
+  .hero-logo-image {
+    width: min(360px, 92%);
+    transform: translate(0, 0);
+  }
 }
 
@@ -4236,8 +4512,8 @@
 .artist-grid {
   display: grid;
-  grid-template-columns: repeat(auto-fill, 200px);
+  grid-template-columns: repeat(6, 200px);
   gap: 24px;
   align-items: start;
-  justify-content: start;
+  justify-content: space-between;
 }
 
@@ -4330,4 +4606,35 @@
   text-transform: uppercase;
 }
+@media (max-width: 1450px) {
+  .artist-grid {
+    grid-template-columns: repeat(5, 200px);
+    justify-content: space-between;
+  }
+}
+
+@media (max-width: 1200px) {
+  .artist-grid {
+    grid-template-columns: repeat(4, 200px);
+  }
+}
+
+@media (max-width: 950px) {
+  .artist-grid {
+    grid-template-columns: repeat(3, 200px);
+  }
+}
+
+@media (max-width: 700px) {
+  .artist-grid {
+    grid-template-columns: repeat(2, 200px);
+    justify-content: center;
+  }
+}
+
+@media (max-width: 430px) {
+  .artist-grid {
+    grid-template-columns: 200px;
+  }
+}
 
 /* Artist details: fixed 200 x 200 profile image */
