updated ui

styles/globals.css

@@ -601,7 +601,7 @@ input:focus-visible {
 .searchbar-session {
 .searchbar-session {
   margin-top: -45px;
   margin-top: -45px;
   position: relative;
   position: relative;
-  z-index: 1;
+  z-index: 100;
 }
 }
 
 
 .head01 {
 .head01 {
@@ -2013,6 +2013,8 @@ span.form-error,
   padding: 0.3rem 0.5rem;
   padding: 0.3rem 0.5rem;
   font-size: calc(12px + (13 - 12) * (100vw - 320px) / (1920 - 320)) !important;
   font-size: calc(12px + (13 - 12) * (100vw - 320px) / (1920 - 320)) !important;
   line-height: calc(12px + (13 - 12) * (100vw - 320px) / (1920 - 320)) !important;
   line-height: calc(12px + (13 - 12) * (100vw - 320px) / (1920 - 320)) !important;
+  height: calc(25px + (25 - 25) * (100vw - 320px) / (1920 - 320)) !important;
+  padding-top: 7px;
 }
 }
 
 
 .info .top-name .title {
 .info .top-name .title {
@@ -2024,10 +2026,10 @@ span.form-error,
   background: #002c5f;
   background: #002c5f;
   border-radius: 4px;
   border-radius: 4px;
   color: #fff;
   color: #fff;
-  font-size: 14px;
+  font-size: calc(12px + (14 - 12) * (100vw - 320px) / (1920 - 320));
   padding: 0.1rem 0.3rem;
   padding: 0.1rem 0.3rem;
   margin-right: 10px;
   margin-right: 10px;
-  height: 23px;
+  height: calc(20px + (23 - 20) * (100vw - 320px) / (1920 - 320));
   display: flex;
   display: flex;
   align-items: center;
   align-items: center;
   justify-content: center;
   justify-content: center;
@@ -2066,7 +2068,7 @@ span.form-error,
 }
 }
 
 
 .info .rating-wishlist .rating .image-container {
 .info .rating-wishlist .rating .image-container {
-  width: 14px;
+  width: calc(12px + (13 - 12) * (100vw - 320px) / (1920 - 320));
   /* margin-top: -4px; */
   /* margin-top: -4px; */
   margin-left: 4px;
   margin-left: 4px;
 }
 }
@@ -2743,6 +2745,7 @@ footer hr {
 .btn:focus,
 .btn:focus,
 button:focus:not(:focus-visible) {
 button:focus:not(:focus-visible) {
   box-shadow: none;
   box-shadow: none;
+  background-color: transparent;
 }
 }
 
 
 .availability-wrappper {
 .availability-wrappper {
@@ -3948,6 +3951,11 @@ img:hover {
 footer .footer-link ul {
 footer .footer-link ul {
   padding-left: 0;
   padding-left: 0;
 }
 }
+.let-discover-carousal .title {
+  text-align: center;
+  padding: 0.5rem 0;
+  cursor: pointer;
+}
 @media (min-width: 992px) {
 @media (min-width: 992px) {
   .navbar-expand-lg .navbar-nav .nav-link {
   .navbar-expand-lg .navbar-nav .nav-link {
     margin: 0 2rem;
     margin: 0 2rem;