small improvements here and there

1 files changed, 36 insertions, 12 deletions

diff --git a/static/style.css b/static/style.css
index 63bc6e5..dd3ecc3 100644
--- a/static/style.css
+++ b/static/style.css
@@ -131,7 +131,7 @@ a {
 }
 
 nav {
-  font-size: 1.25rem;
+  font-size: 1.1875rem;
 }
 
 nav a.active {
@@ -201,6 +201,7 @@ h5,
 h6 {
   margin-top: 0;
   margin-bottom: 0.5rem;
+  font-weight: 900;
 }
 
 h1 {
@@ -213,7 +214,8 @@ h2 {
 }
 
 h3 {
-  font-size: 1.375rem;
+  font-size: 1.5rem;
+  line-height: 1.2;
 }
 
 .h5 {
@@ -223,19 +225,20 @@ h3 {
 
 aside {
   max-width: 23rem;
+  width: 100%;
   display: flex;
   flex-direction: column;
   gap: 1.5rem;
 }
 
-aside h2 {
-  font-weight: 900;
-}
-
 aside p:last-child {
   margin-bottom: 0;
 }
 
+aside h2 {
+  font-size: 1.25rem;
+}
+
 .content {
   max-width: 56rem;
   width: 100%;
@@ -243,9 +246,8 @@ aside p:last-child {
 
 .content h2 {
   font-size: 3.5rem;
-  font-weight: 900;
   line-height: 1;
-  margin-bottom: 0.75rem;
+  margin-bottom: 1rem;
 }
 
 p {
@@ -310,7 +312,7 @@ p {
 }
 
 .shop-item {
-  width: 17.5rem;
+  width: 17.66rem;
 }
 
 .shop-item-not-published {
@@ -356,6 +358,7 @@ p {
   font-size: 1.25rem;
   margin-top: 0.375rem;
   margin-bottom: 0.25rem;
+  font-weight: 600;
 }
 
 .product-page-layout {
@@ -401,7 +404,7 @@ p {
   line-height: 1.2;
 }
 
-.basket-item {
+.basket-item:not(:first-child) {
   margin-top: 1rem;
 }
 
@@ -440,6 +443,7 @@ p {
   margin-bottom: 1rem;
 }
 
+button,
 input:not([type=checkbox]),
 select {
   height: 1.75rem;
@@ -546,6 +550,12 @@ select {
   gap: 0.5rem 1rem;
 }
 
+.cookies-agreement {
+  margin-bottom: 1rem;
+  background-color: #ffed7a;
+  padding: 0.75rem 1rem;
+}
+
 .font-size-0-875 {
   font-size: 0.875rem;
 }
@@ -603,9 +613,13 @@ select {
   margin-top: 2rem !important;
 }
 
+.mr-0-5 {
+  margin-right: 0.5rem !important;
+}
+
 @media screen and (max-width: 50rem) {
   body {
-    margin: 1rem;
+    margin: 2rem;
   }
 
   aside {
@@ -651,7 +665,7 @@ select {
   }
 
   .back {
-    margin-bottom: 0.25rem;
+    display: none;
   }
 }
 
@@ -688,4 +702,14 @@ select {
   .logo::before {
     mix-blend-mode: overlay;
   }
+
+  .cookies-agreement {
+    color: #211e1c;
+    background-color: #f7c533;
+  }
+
+ .order-state-placed {
+    color: #211e1c;
+    background-color: #f7c533;
+  }
 }