/* SG Bike Market Header Bottom Bar */
.site-header .header-bottom,
.site-header .header-bottom.header-contents {
  background: #2563EB !important;
  border: 0 !important;
}

/* SG Bike Market Header Bottom Container */
.site-header .header-bottom .razzi-header-container {
  min-height: 72px;
  display: flex;
  align-items: center;
}

/* SG Bike Market Header Bottom Left Items */
.site-header .header-bottom .header-left-items {
  width: 100%;
  display: flex;
  align-items: center;
  gap: 16px;
}

/* SG Bike Market Department Button Position Only */
.site-header .header-bottom .header-department {
  flex: 0 0 auto;
}

/* SG Bike Market Search Wrapper */
.site-header .header-bottom .header-search,
.site-header .header-bottom .ra-search-form {
  flex: 1 1 auto;
  max-width: 920px;
}

/* SG Bike Market Search Form */
.site-header .header-bottom .form-search,
.site-header .header-bottom form.form-search,
.site-header .header-bottom .search-form {
  width: 100%;
  height: 54px;
  display: flex;
  align-items: center;
  overflow: hidden;
  background: #FFFFFF !important;
  border: 1px solid #E5E5E5 !important;
  border-radius: 14px !important;
  box-shadow: 0 14px 34px rgba(37, 99, 235, 0.16);
}

/* SG Bike Market Search Input */
.site-header .header-bottom .form-search input[type="search"],
.site-header .header-bottom .form-search input[type="text"],
.site-header .header-bottom .search-field {
  width: 100%;
  height: 54px;
  padding: 0 22px;
  color: #2E2E2E;
  background: transparent;
  border: 0;
  outline: 0;
  font-size: 16px;
}

/* SG Bike Market Search Button */
.site-header .header-bottom .form-search button,
.site-header .header-bottom .search-submit {
  width: 72px;
  height: 54px;
  display: flex;
  align-items: center;
  justify-content: center;
  color: #2563EB !important;
  background: #FFFFFF !important;
  border: 0 !important;
  border-left: 1px solid #E5E5E5 !important;
  box-shadow: none !important;
}

/* SG Bike Market Hide Header Bottom Outside Shop */
body:not(.woocommerce-shop):not(.post-type-archive-product) .site-header .header-bottom {
  display: none !important;
}

/* SG Bike Market Header Bottom Mobile */
@media (max-width: 767px) {
  .site-header .header-bottom .razzi-header-container {
    min-height: 64px;
  }

  .site-header .header-bottom .header-left-items {
    gap: 10px;
  }

  .site-header .header-bottom .form-search,
  .site-header .header-bottom form.form-search,
  .site-header .header-bottom .search-form {
    height: 48px;
    border-radius: 12px !important;
  }

  .site-header .header-bottom .form-search input[type="search"],
  .site-header .header-bottom .form-search input[type="text"],
  .site-header .header-bottom .search-field {
    height: 48px;
    padding: 0 14px;
    font-size: 14px;
  }

  .site-header .header-bottom .form-search button,
  .site-header .header-bottom .search-submit {
    width: 52px;
    height: 48px;
  }
}


/* SG Bike Market Header Bottom Visibility */
body:not(.woocommerce-shop):not(.post-type-archive-product) .site-header .header-bottom {
  display: none !important;
}

/* SG Bike Market Header Bottom Bar */
body.woocommerce-shop .site-header .header-bottom,
body.post-type-archive-product .site-header .header-bottom {
  display: block !important;
  background: var(--sgbm-primary) !important;
  border: 0 !important;
}

/* SG Bike Market Header Bottom Inner */
.site-header .header-bottom .razzi-header-container {
  min-height: 72px !important;
  display: flex !important;
  align-items: center !important;
  gap: 18px !important;
  max-width: 1320px !important;
  margin: 0 auto !important;
  padding: 0 24px !important;
}

/* SG Bike Market Department Button Area */
.site-header .header-bottom .header-department {
  flex: 0 0 auto !important;
  position: relative !important;
}

/* SG Bike Market Department Icon */
.site-header .header-bottom .department-icon,
.site-header .header-bottom .department-icon svg,
.site-header .header-bottom .department-icon i {
  color: #FFFFFF !important;
  fill: #FFFFFF !important;
}

/* SG Bike Market Search Area */
.site-header .header-bottom .header-search {
  flex: 1 1 760px !important;
  max-width: 920px !important;
}

/* SG Bike Market Search Form */
.site-header .header-bottom .header-search form,
.site-header .header-bottom form.form-search,
.site-header .header-bottom .search-form {
  height: 52px !important;
  display: flex !important;
  align-items: center !important;
  overflow: hidden !important;
  background: #FFFFFF !important;
  border: 1px solid rgba(255, 255, 255, 0.28) !important;
  border-radius: 16px !important;
  box-shadow: 0 14px 34px rgba(37, 99, 235, 0.18) !important;
}

/* SG Bike Market Search Input */
.site-header .header-bottom .header-search input[type="search"],
.site-header .header-bottom .header-search input[type="text"],
.site-header .header-bottom .search-f
ield {
  height: 52px !important;
  padding: 0 18px !important;
  color: var(--sgbm-text) !important;
  font-size: 15px !important;
  background: #FFFFFF !important;
  border: 0 !important;
  outline: 0 !important;
}


/* SG Bike Market Search Submit */
.site-header .header-bottom .header-search button,
.site-header .header-bottom .search-submit {
  width: 56px !important;
  height: 52px !important;
  color: var(--sgbm-primary) !important;
  background: #FFFFFF !important;
  border: 0 !important;
  border-left: 1px solid var(--sgbm-border) !important;
}

/* SG Bike Market Restore Original Department Dropdown */
.site-header .header-bottom .department-content,
.site-header .header-bottom .department-content .sub-menu {
  background: #FFFFFF !important;
}

/* SG Bike Market Remove Previous Department Pill Styling */
.site-header .header-bottom .department-content li > a,
.site-header .header-bottom .department-content .menu-item > a {
  background: transparent !important;

  border-radius: 0 !important;
  box-shadow: none !important;
}

/* SG Bike Market Header Bottom Mobile */
@media (max-width: 767px) {
  .site-header .header-bottom .razzi-header-container {
    min-height: 64px !important;
    gap: 10px !important;
    padding: 0 14px !important;
  }

  .site-header .header-bottom .header-search {
    max-width: none !important;

  }

  .site-header .header-bottom .header-search form,
  .site-header .header-bottom form.form-search,
  .site-header .header-bottom .search-form {
    height: 48px !important;
    border-radius: 12px !important;
  }

  .site-header .header-bottom .header-search input[type="search"],
  .site-header .header-bottom .header-search input[type="text"],
  .site-header .header-bottom .search-field {
    height: 48px !important;
    font-size: 14px !important;
  }

  .site-header .header-bottom .header-search button,
  .site-header .header-bottom .search-submit {
    width: 50px !important;
    height: 48px !important;
  }
}

/* SG Bike Market Department Menu Font Size */
.site-header .header-department .department-menu > ul > li > a,
.site-header .header-department #department-menu > ul > li > a,
.site-header .header-department .menu > li > a {
  font-size: 17px !important;
  font-weight: 500 !important;
  line-height: 1.35 !important;
}



/* SG Bike Market Header Bottom Search Capsule */
.site-header .header-bottom form.sgbm-header-bottom-search {
  display: flex !important;
  align-items: center !important;
  width: min(700px, 100%) !important;
  height: 54px !important;
  overflow: hidden !important;
  background: #FFFFFF !important;
  border-radius: 999px !important;
  box-shadow: 0 14px 34px rgba(17, 24, 39, 0.12) !important;
}

/* SG Bike Market Header Bottom Search Input */
.site-header .header-bottom form.sgbm-header-bottom-search input[type="search"] {
  flex: 1 1 auto !important;
  width: 100% !important;
  height: 54px !important;
  mi
n-width: 0 !important;
  padding: 0 24px !important;
  border: 0 !important;
  outline: 0 !important;
  background: #FFFFFF !important;
  color: #2E2E2E !important;
  font-size: 16px !important;
  font-weight: 500 !important;
}

/* SG Bike Market Header Bottom Search Placeholder */
.site-header .header-bottom form.sgbm-header-bottom-search input[type="search"]::placeholder {
  color: #8A94A6 !important;
  opacity: 1 !important;
}

/* SG Bike Market Header Bottom Search Form */
.site-header .header-bottom form.sgbm-header-bottom-search {
  display: flex !important;
  align-items: center !important;
  width: 600px !important;
  height: 54px !important;
  overflow: hidden !important;
  background: #FFFFFF !important;
  border-radius: 999px !important;
  box-shadow: 0 14px 34px rgba(37, 99, 235, 0.18) !important;
}

/* SG Bike Market Header Bottom Search Input */
.site-header .header-bottom form.sgbm-header-bottom-search input[type="search"] {
  flex: 1 1 auto !important;
  height: 54px !important;
  padding: 0 26px !important;
  border: 0 !important;
  background: #FFFFFF !important;
  color: #2E2E2E !important;
  font-size: 15px !important;
  font-weight: 500 !important;
  outline: none !important;
  box-shadow: none !important;
}

/* SG Bike Market Header Bottom Search Capsule */
.site-header .header-bottom form.sgbm-header-bottom-search {
  display: flex !important;
  align-items: stretch !important;
  width: min(800px, 72vw) !important;
  height: 54px !important;
  overflow: hidden !important;
  background: #FFFFFF !important;
  border: 0 !important;
  border-radius: 999px !important;
  box-shadow: 0 14px 34px rgba(37, 99, 235, 0.18) !important;
}

/* SG Bike Market Header Bottom Search Input */
.site-header .header-bottom form.sgbm-header-bottom-search input[type="search"],
.site-header .header-bottom form.sgbm-header-bottom-search input[type="text"] {
  flex: 1 1 auto !important;
  height: 54px !important;
  padding: 0 28px !important;
  border: 0 !important;
  background: #FFFFFF !important;
  color: #2E2E2E !important;
  font-size: 15px !important;
  font-weight: 500 !important;
  outline: none !important;
  box-shadow: none !important;
}

/* SG Bike Market Header Bottom Search Button */
.site-header .header-bottom form.sgbm-header-bottom-search button[type="submit"] {
  position: relative !important;
  flex: 0 0 64px !important;
  width: 64px !important;
  height: 54px !important;
  padding: 0 !important;
  border: 0 !important;
 
border-left: 1px solid #E5E5E5 !important;
  border-radius: 0 999px 999px 0 !important;
  background: #FFFFFF !important;


color: transparent !important;
  font-size: 0 !important;
  box-shadow: none !important;
  overflow: hidden !important;
}

/* SG Bike Market Remove Old Search Icon */
.site-header .header-bottom form.sgbm-header-bottom-search button[type="submit"] > *,
.site-header .header-bottom form.sgbm-header-bottom-search button[type="submit"] svg,
.site-header .header-bottom form.sgbm-header-bottom-search button[type="submit"] i,
.site-header .header-bottom form.sgbm-header-bottom-search button[type="submit"]::after {
  display: none !important;
  content: none !important;
}

/* SG Bike Market New Search SVG Icon */
.site-header .header-bottom form.sgbm-header-bottom-search button[type="submit"]::before {
  content: "" !important;
  position: absolute !important;
  inset: 0 !important;
  width: 24px !important;
  height: 24px !important;
  margin: auto !important;
  background-color: #2563EB !important;
  mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 26 26'%3E%3Cpath fill='%23000' d='M10 .188A9.812 9.812 0 0 0 .187 10A9.812 9.812 0 0 0 10 19.813c2.29 0 4.393-.811 6.063-2.125l.875.875a1.845 1.845 0 0 0 .343 2.156l4.594 4.625c.713.714 1.88.714 2.594 0l.875-.875a1.84 1.84 0 0 0 0-2.594l-4.625-4.594a1.824 1.824 0 0 0-2.157-.312l-.875-.875A9.812 9.812 0 0 0 10 .188zM10 2a8 8 0 1 1 0 16a8 8 0 0 1 0-16zM4.937 7.469a5.446 5.446 0 0 0-.812 2.875a5.46 5.46 0 0 0 5.469 5.469a5.516 5.516 0 0 0 3.156-1a7.166 7.166 0 0 1-.75.03a7.045 7.045 0 0 1-7.063-7.062c0-.104-.005-.208 0-.312z'/%3E%3C/svg%3E") center / contain no-repeat !important;
  -webkit-mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 26 26'%3E%3Cpath fill='%23000' d='M10 .188A9.812 9.812 0 0 0 .187 10A9.812 9.812 0 0 0 10 19.813c2.29 0 4.393-.811 6.063-2.125l.875.875a1.845 1.845 0 0 0 .343 2.156l4.594 4.625c.713.714 1.88.714 2.594 0l.875-.875a1.84 1.84 0 0 0 0-2.594l-4.625-4.594a1.824 1.824 0 0 0-2.157-.312l-.875-.875A9.812 9.812 0 0 0 10 .188zM10 2a8 8 0 1 1 0 16a8 8 0 0 1 0-16zM4.937 7.469a5.446 5.446 0 0 0-.812 2.875a5.46 5.46 0 0 0 5.469 5.469a5.516 5.516 0 0 0 3.156-1a7.166 7.166 0 0 1-.75.03a7.045 7.045 0 0 1-7.063-7.062c0-.104-.005-.208 0-.312z'/%3E%3C/svg%3E") center / contain no-repeat !important;
}

/* SG Bike Market Search Button Hover */
.site-header .header-bottom form.sgbm-header-bottom-search button[type="submit"]:hover {
  background: #F7F7F7 !important;
}

/* SG Bike Market Search Button Hover */
.site-header .header-bottom form.sgbm-header-bottom-search button[type="submit"] {
  transition: background-color 0.22s ease, transform 0.22s ease, box-shadow 0.22s ease !important;
}

.site-header .header-bottom form.sgbm-header-bottom-search button[type="submit"]:hover {
  background: #2563EB !important;
  box-shadow: 0 10px 22px rgba(37, 99, 235, 0.28) !important;
  transform: translateY(-1px) !important;
}

.site-header .header-bottom form.sgbm-header-bottom-search button[type="submit"]:hover svg,
.site-header .header-bottom form.sgbm-header-bottom-search button[type="submit"]:hover svg path {
  fill: #FFFFFF !important;
  color: #FFFFFF !important;
}

/* SG Bike Market Header Search Capsule Fix */
.site-header .header-bottom .sgbm-header-bottom-search {
  display: flex !important;
  align-items: stretch !important;
  width: min(800px, 72vw) !important;
  height: 60px !important;
  overflow: hidden !important;

background: #FFFFFF !important;
  border-radius: 999px !important;
  box-shadow: 0 16px 38px rgba(37, 99, 235, 0.16) !important;
}

/* SG Bike Market Header Search Input Fix */
.site-header .header-bottom .sgbm-header-bottom-search input[type="search"] {
  flex: 1 1 auto !important;
  width: auto !important;
  height: 60px !important;
  margin: 0 !important;

  padding: 0 32px !important;
  border: 0 !important;
  border-radius: 999px 0 0 999px !important;
  background: #FFFFFF !important;
  box-shadow: none !important;
}

/* SG Bike Market Header Search Button Fix */
.site-header .header-bottom .sgbm-header-bottom-search button[type="submit"] {
  flex: 0 0 86px !important;
  width: 86px !important;
  height: 60px !important;
  margin: 0 !important;
  padding: 0 !important;
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  border: 0 !important;

  border-left: 1px solid #E5E5E5 !important;
  border-radius: 0 999px 999px 0 !important;
  background: #FFFFFF !important;
  color: #2563EB !important;
  box-shadow: none !important;
  overflow: hidden !important;
}

/* SG Bike Market Header Search Button Icon */
.site-header .header-bottom .sgbm-header-bottom-search button[type="submit"] svg {
  width: 28px !important;


height: 28px !important;
  fill: currentColor !important;
}

/* SG Bike Market Header Search Button Hover */

.site-header .header-bottom .sgbm-header-bottom-search button[type="submit"]:hover {
  background: #2563EB !important;
  color: #FFFFFF !important;
}

/* SG Bike Market — Search Button Hover Fix */

.site-header .header-bottom form.sgbm-header-bottom-search button[type="submit"] {
  align-self: stretch !important;
  height: 100% !important;
  border-radius: 0 !important;
  transform: none !important;
}

.site-header .header-bottom form.sgbm-header-bottom-search button[type="submit"]:hover,
.site-header .header-bottom form.sgbm-header-bottom-search button[type="submit"]:focus-visible {
  background-color: #2563EB !important;
  color: #FFFFFF !important;
  transform: none !important;
}

/* Change the actual masked search icon to white */
.site-header .header-bottom form.sgbm-header-bottom-search button[type="submit"]:hover::before,
.site-header .header-bottom form.sgbm-header-bottom-search button[type="submit"]:focus-visible::before {
  background-color: #FFFFFF !important;
}

.site-header .header-bottom form.sgbm-header-bottom-search {
  gap: 0 !important;
  padding:
0 !important;
}

.site-header .header-bottom form.sgbm-header-bottom-search button[type="submit"] {
  align-self: stretch !important;
  height: 100% !important;
  margin: 0 !important;
  border-radius: 0 !important;
  transform: none !important;
}

/* Cover the theme's residual rounded layer */
.site-header .header-bottom form.sgbm-header-bottom-search button[type="submit"]:hover::after,
.site-header .header-bottom form.sgbm-header-bottom-search button[type="submit"]:focus::after,
.site-header .header-bottom form.sgbm-header-bottom-search button[type="submit"]:active::after {
  content: "" !important;
  position: absolute !important;
  z-index: 0 !important;
  display: block !important;
  inset: -5px !important;
  background: #2563EB !important;
  border: 0 !important;
  border-radius: 0 !important;
  outline: 0 !important;
  box-shadow: none !important;
  transform: none !important;
  opacity: 1 !important;
}

/* Keep the search icon above the blue cover */
.site-header .header-bottom form.sgbm-header-bottom-search button[type="submit"]::before {
  z-index: 1 !important;
}

/* Larger shop icon and smaller search-field gap */
.site-header .header-bottom .razzi-header-container {
  gap: 10px !important;
}

.site-header .header-bottom .header-department {
  display: flex !important;
  flex: 0 0 42px !important;
  width: 42px !important;
  min-width: 42px !important;
  align-items: center !important;
  justify-content: center !important;
  margin: 0 !important;
  padding: 0 !important;
}

.site-header .header-bottom .header-department .department-icon {
  display: inline-flex !important;
  width: 32px !important;
  height: 32px !important;
  align-items: center !important;
  justify-content: center !important;
  margin: 0 !important;
  font-size: 32px !important;
  line-height: 1 !important;
}

.site-header .header-bottom .header-department .department-icon svg {
  display: block !important;
  width: 32px !important;


height: 32px !important;
  max-width: none !important;
}

/* Center shop icon and search as one group */
.site-header .header-bottom .razzi-header-container {
  justify-content: center !important;
}

.site-header .header-bottom .header-left-items {
  display: flex !important;
  flex: 0 1 auto !important;
  width: auto !important;
  max-width: 100% !important;
  align-items: center !important;
  justify-content: center !important;
  gap: 15px !important;
  margin: 0 auto !important;
}

.site-header .header-bottom .header-left-items {
  transform: translateX(-25px) !important;
}