some edit

AQuadic · Mar 30, 2023 · 61b0e40 · 61b0e40
1 parent a1ec7e0
commit 61b0e40
Show file tree

Hide file tree

Showing 3 changed files with 537 additions and 1 deletion.
diff --git a/css/style.css b/css/style.css
@@ -357,6 +357,12 @@ html::-webkit-scrollbar-track {
     flex-wrap: nowrap;
     justify-content: space-between;
   }
+}
+@media (max-width: 1400px) {
+  .navbar-brand img {
+    width: 360px;
+}
+
 }
 @media (max-width: 1200px) {
   .navbar-brand img {
@@ -2724,6 +2730,140 @@ footer .copy p a {
   border-color: transparent;
   text-decoration: underline;
 }
+
+.productScreen{
+
+}
+.productScreen .bP{
+  padding: 30px 20px;
+  border: 1px solid #E6E6E6;
+border-radius: 10px;
+}
+.productScreen .info{
+  display: flex;
+  gap: 28px;
+}
+.productScreen .info .parts{
+flex: 1;
+}
+.productScreen .info .parts .samePart{
+
+  }
+  .productScreen .info .parts .samePart h3{
+   margin-bottom: 10px;
+    font-family: "DK Cool";
+  }
+  .productScreen .info .parts .samePart .sameFont{
+    font-size: 16px;
+    line-height: 25px;
+    font-family: "DM Sans3";
+  }
+  .productScreen .info .parts{
+
+  }
+  .productScreen .info .parts .part2{
+
+  }
+  .productScreen .info .parts .part2 ul{
+    padding: 0;
+    list-style: inside;
+  }
+  .productScreen .info .parts .part2 ul li{
+
+  }
+  .productScreen .info .parts .part3 {
+
+  }
+  .productScreen .info .parts .part3 p {
+
+  }
+.productScreen .info .part{
+flex: 1;
+height: fit-content;
+}
+.productScreen .info .part h2{
+  font-size: 24px;
+  line-height: 31px;
+  margin-bottom: 20px;
+}
+.productScreen .info .part .yearPart{
+display: flex;
+gap: 22px;
+margin-bottom: 24px;
+
+}
+.productScreen .info .part .yearPart p{
+  font-size: 16px;
+  line-height: 21px;
+  color: #706C6C;
+}
+.productScreen .info .part .yearPart span{
+  width: 1px;
+  height: 20px;
+  background-color: #CDCDCD;
+}
+.productScreen .info .part .infoPart{
+display: flex;
+flex-direction: column;
+justify-content: flex-start;
+gap: 14px;
+margin-bottom: 34px;
+}
+.productScreen .info .part .infoPart h3{
+  font-size: 16px;
+  line-height: 21px;
+  font-family: "DM Sans3";
+  margin: 0;
+}
+.productScreen .info .part .infoPart h3 span{
+  font-size: 16px;
+  line-height: 21px;
+  font-family: "DM Sans3";
+
+}
+.productScreen .info .part .infoPart h4{
+  font-size: 16px;
+  line-height: 21px;
+  font-family: "DM Sans3";
+  margin: 0;
+}
+.productScreen .info .part .infoPart h4 span{
+color: #18930D;
+font-family: "DM Sans";
+}
+.productScreen .counter {
+
+  justify-content: flex-start;
+}
+.productScreen .info .part .add_to {
+  width: 90%;
+  margin: auto;
+  max-width: 330px;
+  font-size: 14px;
+  height: 34px;
+}
+
+
+@media(max-width:550px){
+  .productScreen .info .part h2 {
+    font-size: 18px;
+
+    margin-bottom: 12px;
+}
+.productScreen .info .part .yearPart {
+
+  gap: 16px;
+  margin-bottom: 14px;
+}
+.productScreen .info .part .yearPart p {
+  font-size: 14px;
+
+}
+.productScreen .bP {
+  padding: 20px 12px;
+
+}
+}
 /*==================================end store==============================*/
 .hide {
   display: none;
@@ -2765,6 +2905,11 @@ footer .copy p a {
 }
 .items {
 }
+.store .items .item {
+    border: 1px solid #BCBCBC;
+    border-radius: 10px;
+    padding-bottom: 20px;
+}
 .items .item {
   margin: auto;
 }
@@ -2778,7 +2923,8 @@ html[dir="rtl"] .items .item {
   max-width: 100%;
   margin: auto;
   height: 100%;
-  min-height: 100px;
+  min-height: 153px;
+  filter: drop-shadow(0px 0px 10px rgba(0, 0, 0, 0.12));
 }
 .items .item .name {
   display: flex;
@@ -2823,6 +2969,7 @@ html[dir="rtl"] .items .item {
   font-family: "DM Sans";
   font-size: 16px;
   max-width: 100%;
+  margin: auto;
 }
 @media (max-width: 768px) {
   .store .items .item {