Shopify
diff --git a/‎assets/base.css‎
Lines changed: 34 additions & 9 deletions b/‎assets/base.css‎
Lines changed: 34 additions & 9 deletions
diff --git a/‎assets/component-menu-drawer.css‎
Lines changed: 1 addition & 42 deletions b/‎assets/component-menu-drawer.css‎
Lines changed: 1 addition & 42 deletions
@@ -2590,10 +2590,6 @@ input[type='checkbox'] {
   background: rgba(var(--color-foreground), 0.5);
 }
 
-.header__icon--account shop-user-avatar {
-  --shop-avatar-size: 2.8rem;
-}
-
 details .header__icon-close {
   display: none;
 }
@@ -2602,10 +2598,6 @@ details[open] .header__icon-close {
   display: inline-block;
 }
 
-account-icon {
-  display: flex;
-}
-
 /* Search */
 menu-drawer + .header__search {
   display: none;
@@ -2648,7 +2640,40 @@ menu-drawer + .header__search {
   }
 
   .header:not(.header--top-center) > .header__search,
-  .header--top-center * > .header__search {
+  .header--top-center * > .header__search,
+  .header--has-account > .header__search {
+    display: none;
+  }
+
+  .header--has-account .header__icons > .header__search {
+    display: inline-flex;
+  }
+}
+
+@media screen and (max-width: 989px) {
+  .header--has-account:not(.header--has-menu) > .header__search {
+    display: inline-flex;
+  }
+
+  .header--has-account.header--has-menu:is(.header--mobile-left, .header--has-app) > .header__search {
+    display: none;
+  }
+
+  .header--has-account.header--has-menu:not(.header--mobile-left):not(.header--has-app) {
+    grid-template-areas: 'left-icons search heading icons';
+    grid-template-columns: auto auto 1fr auto;
+  }
+
+  .header--has-account.header--has-menu:not(.header--mobile-left):not(.header--has-app) > .header__search {
+    display: inline-flex;
+    grid-area: search;
+    justify-self: start;
+    margin-left: 0;
+  }
+
+  .header--has-account.header--has-menu:not(.header--mobile-left):not(.header--has-app)
+    .header__icons
+    > .header__search {
     display: none;
   }
 }
 
@@ -175,52 +175,11 @@ details[open].menu-opening > .menu-drawer__submenu {
   position: relative;
 }
 
+.header--has-localizations .menu-drawer__utility-links,
 .header--has-social .menu-drawer__utility-links {
   padding: 2rem 3rem;
 }
 
-@media screen and (max-width: 749px) {
-  .header--has-account:where(:not(.header--has-social):not(.header--has-localizations)) .menu-drawer__utility-links {
-    padding: 2rem 3rem;
-  }
-}
-
-@media screen and (max-width: 989px) {
-  .header--has-localizations:where(:not(.header--has-social)) .menu-drawer__utility-links {
-    padding: 2rem 3rem;
-  }
-}
-
-.menu-drawer__account {
-  display: inline-flex;
-  align-items: center;
-  text-decoration: none;
-  padding: 1rem 0;
-  font-size: 1.4rem;
-  color: rgb(var(--color-foreground));
-  margin-bottom: 0;
-}
-
-.menu-drawer__utility-links:has(.menu-drawer__localization) .menu-drawer__account {
-  margin: 0;
-}
-
-.menu-drawer__account account-icon > .svg-wrapper {
-  height: 2rem;
-  width: 2rem;
-  margin-right: 1rem;
-}
-
-.menu-drawer__account shop-user-avatar {
-  --shop-avatar-size: 2.4rem;
-  margin-right: 0.55rem;
-  margin-left: -0.45rem;
-}
-
-.menu-drawer__account:hover account-icon > .svg-wrapper {
-  transform: scale(1.07);
-}
-
 .menu-drawer .list-social {
   justify-content: flex-start;
   margin-left: -1.25rem;