header.wp-block-template-part {
  position   : sticky;
  top        : 0;
  z-index    : 100;
  background : var(--color-bg);
}
@media (min-width: 601px) {
  .admin-bar header.wp-block-template-part {
    top : var(--wp-admin--admin-bar--height, 32px);
  }
}
.c-site-header {
  padding : var(--space-3) var(--space-4);
}
@media (max-width: 959px) {
  .c-site-header {
    padding-inline : var(--space-3);
  }
}
.c-site-header .c-site-header__bar {
  box-sizing    : border-box;
  display       : flex;
  align-items   : center;
  gap           : var(--space-4);
  max-width     : calc(var(--page-width) - var(--space-4) * 2);
  margin-inline : auto;
  padding       : var(--space-3) var(--space-4);
  border-radius : var(--radius-lg);
  background    : var(--color-surface);
  box-shadow    : var(--shadow-sm);
  font-family   : var(--font-body);
}
.c-site-header .wp-block-navigation {
  gap       : var(--space-4);
  font-size : 14px;
}
.c-site-header .wp-block-navigation a {
  color           : var(--color-text);
  text-decoration : none;
  font-size       : 14px;
}
.c-site-header .wp-block-navigation a:hover,
.c-site-header .wp-block-navigation a[aria-current="page"] {
  color : var(--color-accent);
}
/* .c-site-header .wp-block-navigation__responsive-container.is-menu-open {
  background : var(--color-bg);
  color      : var(--color-text);
} */
.c-site-header .c-product-search {
  flex      : 1 1 200px;
  max-width : 320px;
}
.c-site-header .wp-block-woocommerce-customer-account,
.c-site-header .wc-block-mini-cart {
  display : flex;
  margin  : 0;
}
body.woocommerce-cart .c-site-header .wc-block-mini-cart {
  display : none;
}
.c-site-header .wc-block-customer-account__link,
.c-site-header .wc-block-mini-cart__button {
  box-sizing     : border-box;
  display        : inline-flex;
  align-items    : center;
  justify-content: center;
  width          : 36px;
  height         : 36px;
  padding        : 0;
  border         : 1px solid transparent;
  border-radius  : 999px;
  background     : transparent;
  color          : var(--color-accent);
  text-decoration: none;
  cursor         : pointer;
}

.c-site-header .wc-block-customer-account__link:hover,
.c-site-header .wc-block-mini-cart__button:hover {
  background : color-mix(in srgb, var(--color-accent) 10%, transparent);
}

.c-site-header .wc-block-customer-account__link:active,
.c-site-header .wc-block-mini-cart__button:active {
  background : color-mix(in srgb, var(--color-accent) 18%, transparent);
}
.c-site-header .wc-block-customer-account__account-icon,
.c-site-header .wc-block-mini-cart__icon {
  /* width  : 18px;
  height : 18px; */
  fill   : currentColor;
}
.c-site-header .wc-block-mini-cart__button {
  position : relative;
}
.c-site-header .wc-block-mini-cart__quantity-badge {
  position : static;
}
.c-site-header .wc-block-mini-cart__badge {
  top              : 2px;
  right            : 2px;
  left             : auto;
  margin           : 0;
  transform        : none;
  min-width        : 15px;
  height           : 15px;
  padding          : 0 4px;
  background-color : var(--color-accent) !important;
  color            : var(--color-bg) !important;
  font-size        : 10px;
  font-weight      : 600;
  line-height      : 1;
}


@media (max-width: 782px) {
  .c-site-header .c-site-header__bar {
    flex-wrap : wrap;
    gap       : var(--space-2) var(--space-3);
  }
  .c-site-header .c-product-search {
    order     : 1;
    flex      : 1 0 100%;
    max-width : none;
    margin-top: 16px;
  }
}
@media (max-width: 600px) {
  .c-site-header {
    padding : var(--space-2) var(--space-3);
  }
  .c-site-header .c-site-header__bar {
    padding       : 0;
    border-radius : 0;
    background    : transparent;
    box-shadow    : none;
  }
  .c-site-header .wp-block-navigation {
    display : none;
  }
  .c-site-header .wp-block-site-title {
    font-size : 15px;
  }
  .c-site-header .wc-block-customer-account__link,
  .c-site-header .wc-block-mini-cart__button {
    width  : 34px;
    height : 34px;
  }
}