优化顶部搜索框样式错乱问题

app/design/frontend/Joshine/breeze/web/css/_custom.less

@@ -222,6 +222,10 @@ footer a{
         width: 100%;
         width: 100%;
     }
     }
     
     
+    .block-search > .block .block-content{
+	display: none;
+    }
+
     .footer_link > div > img{
     .footer_link > div > img{
         margin-top: 10px;
         margin-top: 10px;
 	margin-bottom: 20px;
 	margin-bottom: 20px;
@@ -329,7 +333,6 @@ footer a{
 		width: 100%;
 		width: 100%;
 		display: inline-block;
 		display: inline-block;
 		color: #222222;
 		color: #222222;
-		margin-top: 15px;
 		font-family: Outfit-Regular;
 		font-family: Outfit-Regular;
 		font-size: 16px;
 		font-size: 16px;
 	}
 	}
@@ -364,12 +367,25 @@ footer a{
 }
 }
 
 
 
 
+
+.minisearch .control .input-text{
+    outline: none;
+    position: relative;
+    padding: 0.5rem 0.75rem;
+    width: 100%;
+    color: rgba(var(--input-color), var(--input-alpha));
+    background: rgba(var(--input-bg), var(--input-bg-alpha));
+    border: 1px solid rgba(var(--input-border-color), var(--input-border-alpha));
+    border-radius: 0;
+    box-shadow: 0 0 0 var(--input-shadow-spread, 0) rgba(var(--input-border-color), var(--input-border-alpha));
+}
+
 .swatch-option.text:hover {
 .swatch-option.text:hover {
     background-color: #222222;
     background-color: #222222;
     color: #fff;
     color: #fff;
 }
 }
 
 
-.products .product-item-photo img:hover, #product-options-wrapper .swatch-option.image:hover{
+#product-options-wrapper .swatch-option.image:hover{
 	border: 2px solid #000;
 	border: 2px solid #000;
 }
 }
 
 
@@ -435,7 +451,6 @@ ul {
 		width: 100%;
 		width: 100%;
 		display: inline-block;
 		display: inline-block;
 		color: #222222;
 		color: #222222;
-		margin-top: 15px;
 		font-family: Outfit-Regular;
 		font-family: Outfit-Regular;
 		font-size: 16px;
 		font-size: 16px;
 	}
 	}