/**
 * header-pro-redesign.css  v2
 * Complete rewrite  Advice-inspired dark header, flex layout (no grid conflicts).
 * Loaded LAST so all !important rules win.
 */

/* ==============================================================
   1. TOP BAR  dark navy, slim utility strip
   ============================================================== */
.top-bar {
  display: none !important;
}

.top-bar .container,
.top-bar .top-bar-full-width {
  display: flex !important;
  align-items: center !important;
  justify-content: space-between !important;
}

.top-bar .left-content,
.top-bar .left-content span,
.top-bar .left-content i {
  color: rgba(148, 163, 184, 0.85) !important;
  font-size: 0.78rem !important;
  background: none !important;
  -webkit-text-fill-color: rgba(148,163,184,0.85) !important;
}

.top-bar .right-content a,
.top-bar .right-content button,
.top-bar .right-content .btn,
.top-bar .right-content .dropdown-toggle {
  color: rgba(148, 163, 184, 0.85) !important;
  background: none !important;
  border: none !important;
  font-size: 0.78rem !important;
  font-weight: 500 !important;
  padding: 0 0.5rem !important;
  box-shadow: none !important;
  text-decoration: none !important;
  -webkit-text-fill-color: rgba(148,163,184,0.85) !important;
}

.top-bar .right-content a:hover,
.top-bar .right-content .btn:hover {
  color: #ffffff !important;
  -webkit-text-fill-color: #ffffff !important;
}

/* ==============================================================
   2. MAIN HEADER  dark blue gradient, full height clear band
   ============================================================== */
.main-header-wrapper,
.main-header-wrapper-v2 {
  background: linear-gradient(90deg, #19d2df 0%, #3f8bf7 48%, #6e24ff 100%) !important;
  border-bottom: none !important;
  box-shadow: 0 14px 30px rgba(38, 44, 155, 0.22) !important;
  backdrop-filter: none !important;
  -webkit-backdrop-filter: none !important;
  padding: 0 !important;
  min-height: 110px !important;
  position: sticky !important;
  top: 0 !important;
  z-index: 1900 !important;
  width: 100% !important;
  margin-left: 0 !important;
  left: auto !important;
}

.main-header-wrapper:hover,
.main-header-wrapper-v2:hover {
  transform: none !important;
  box-shadow: 0 2px 16px rgba(10,28,80,0.35) !important;
}

.main-header-wrapper .container,
.main-header-wrapper-v2 .container,
.main-header-wrapper .main-header-full-width,
.main-header-wrapper-v2 .main-header-full-width {
  padding: 0 2.2rem !important;
  max-width: 100% !important;
  margin: 0 auto !important;
  width: 100% !important;
  height: 110px !important;
  box-sizing: border-box !important;
}

/* ==============================================================
   3. LAYOUT  switch to FLEX (kills all grid conflicts)
   ============================================================== */
.header-layout-v2 {
  display: flex !important;
  flex-direction: row !important;
  align-items: center !important;
  width: 100% !important;
  height: 110px !important;
  gap: 16px !important;
  padding: 0 !important;
  grid-template-columns: unset !important;
}

/* Left: fixed, dont shrink */
.header-left-v2 {
  flex: 0 0 250px !important;
  display: flex !important;
  align-items: center !important;
  gap: 12px !important;
  width: 250px !important;
  max-width: 250px !important;
  min-width: 0 !important;
}

/* Center: takes all remaining space */
.header-center-v2 {
  flex: 1 1 auto !important;
  max-width: none !important;
  min-width: 0 !important;
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  gap: 0 !important;
  padding: 4px 10px 4px 18px !important;
}

.search-container-v2 {
  width: min(100%, 700px) !important;
  max-width: 700px !important;
  margin: 0 auto !important;
  border: none !important;
  box-shadow: none !important;
}

/* Right: fixed, dont grow or shrink past content */
.header-right-v2 {
  flex: 0 0 auto !important;
  display: flex !important;
  align-items: center !important;
  gap: 10px !important;
  justify-content: flex-end !important;
  min-width: max-content !important;
  max-width: none !important;
  width: max-content !important;
  overflow: visible !important;
}

.header-right-actions-v2 {
  display: flex !important;
  align-items: center !important;
  justify-content: flex-end !important;
  flex: 0 0 auto !important;
  min-width: max-content !important;
}

.header-utility-v2 {
  display: flex !important;
  align-items: center !important;
  gap: 14px !important;
  padding-right: 20px !important;
  border-right: 1px solid rgba(255,255,255,0.34) !important;
}

.user-menu-v2 {
  display: flex !important;
  align-items: center !important;
  gap: 8px !important;
  flex-wrap: nowrap !important;
  background: linear-gradient(180deg, rgba(255,255,255,0.15) 0%, rgba(255,255,255,0.08) 100%) !important;
  padding: 6px 8px !important;
  border-radius: 22px !important;
  border: 1px solid rgba(255,255,255,0.22) !important;
  box-shadow: inset 0 1px 0 rgba(255,255,255,0.18), 0 12px 24px rgba(6, 32, 92, 0.14) !important;
  min-height: 62px !important;
  min-width: max-content !important;
  width: max-content !important;
  overflow: visible !important;
}

.repair-actions-v2 {
  display: inline-flex !important;
  align-items: center !important;
  gap: 8px !important;
  padding: 0 !important;
  border-radius: 0 !important;
  background: transparent !important;
  border: none !important;
  box-shadow: none !important;
  flex: 0 0 auto !important;
}

.header-cart-slot-v2 {
  flex: 0 0 auto !important;
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
}

html body .header-right-v2,
html body .header-right-actions-v2,
html body .user-menu-v2,
html body .repair-actions-v2 {
  flex-wrap: nowrap !important;
  white-space: nowrap !important;
  overflow: visible !important;
  max-width: none !important;
}

html body .user-menu-v2 > a,
html body .user-menu-v2 > div,
html body .repair-actions-v2 > a,
html body .header-cart-slot-v2 > a {
  flex: 0 0 auto !important;
  white-space: nowrap !important;
}

html body .main-header-wrapper-v2,
html body .main-header-full-width,
html body .header-layout-v2,
html body .header-right-v2,
html body .header-right-actions-v2,
html body .user-menu-v2 {
  overflow: visible !important;
  max-width: none !important;
}

/* ==============================================================
   4. BRAND  white text on dark bg
   ============================================================== */
.brand-container-v2 {
  display: flex !important;
  align-items: center !important;
  gap: 14px !important;
  text-decoration: none !important;
  min-width: 0 !important;
}

#shop-logo-main,
#shop-logo-main-v2 {
  width: auto !important;
  height: 62px !important;
  border-radius: 0 !important;
  border: none !important;
  box-shadow: none !important;
  flex-shrink: 0 !important;
  object-fit: contain !important;
}

.brand-text-v2 {
  min-width: 0 !important;
  overflow: hidden !important;
}

#shop-name-display,
#shop-name-display-v2 {
  font-size: 1.34rem !important;
  font-weight: 900 !important;
  color: #ffffff !important;
  background: none !important;
  -webkit-text-fill-color: #ffffff !important;
  letter-spacing: -0.03em !important;
  margin: 0 !important;
  line-height: 1.2 !important;
  white-space: nowrap !important;
  overflow: hidden !important;
  text-overflow: ellipsis !important;
}

.brand-tagline,
.brand-tagline-v2 {
  display: none !important;
}

.hamburger-menu,
.hamburger-menu-v2 {
  background: rgba(255,255,255,0.1) !important;
  border: 1px solid rgba(255,255,255,0.2) !important;
  color: #ffffff !important;
  border-radius: 8px !important;
  padding: 0.45rem 0.55rem !important;
}

/* ==============================================================
   5. SEARCH BAR  white on dark bg
   ============================================================== */
.search-bar,
.search-bar-v2 {
  display: flex !important;
  align-items: center !important;
  background: rgba(255,255,255,0.98) !important;
  border: 3px solid rgba(255,255,255,0.88) !important;
  border-radius: 999px !important;
  box-shadow: 0 14px 30px rgba(5,27,74,0.16) !important;
  overflow: hidden !important;
  height: 50px !important;
  padding: 0 !important;
  width: 100% !important;
}

.search-bar:focus-within,
.search-bar-v2:focus-within {
  box-shadow: 0 0 0 4px rgba(255,255,255,0.18), 0 12px 26px rgba(5,27,74,0.18) !important;
  background: #ffffff !important;
  transform: none !important;
  border-color: rgba(255,255,255,0.98) !important;
}

.category-select,
.category-select-v2 {
  display: none !important;
}

#search-input-main,
#search-input-main-v2 {
  flex: 1 1 auto !important;
  min-width: 0 !important;
  background: transparent !important;
  border: none !important;
  outline: none !important;
  color: #1e293b !important;
  font-size: 1rem !important;
  padding: 0 1.5rem !important;
  height: 100% !important;
  -webkit-text-fill-color: #1e293b !important;
}

#search-input-main::placeholder,
#search-input-main-v2::placeholder {
  color: #94a3b8 !important;
  -webkit-text-fill-color: #94a3b8 !important;
}

#search-button-main,
#search-button-main-v2 {
  flex: 0 0 auto !important;
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  gap: 0 !important;
  background: linear-gradient(180deg, #0f66bb 0%, #0d5daa 100%) !important;
  background-image: none !important;
  border: none !important;
  border-radius: 999px !important;
  color: #ffffff !important;
  font-size: 0.95rem !important;
  font-weight: 800 !important;
  padding: 0 !important;
  width: 62px !important;
  height: calc(100% - 8px) !important;
  min-width: 62px !important;
  margin: 0 4px 0 0 !important;
  cursor: pointer !important;
  box-shadow: 0 8px 18px rgba(13, 93, 170, 0.24) !important;
  white-space: nowrap !important;
  visibility: visible !important;
  opacity: 1 !important;
  position: relative !important;
  z-index: 1 !important;
}

#search-button-main:hover,
#search-button-main-v2:hover {
  background: linear-gradient(180deg, #0b6ccb 0%, #09579e 100%) !important;
}

#search-button-main i,
#search-button-main-v2 i {
  color: #ffffff !important;
  -webkit-text-fill-color: #ffffff !important;
}

.search-button-label-v2 {
  display: inline-block !important;
  color: #ffffff !important;
  -webkit-text-fill-color: #ffffff !important;
  font-weight: 800 !important;
  letter-spacing: -0.01em !important;
}

.header-locale-v2 {
  display: inline-flex !important;
  align-items: center !important;
  gap: 10px !important;
  min-height: 50px !important;
  padding: 0 14px 0 10px !important;
  border: 1px solid rgba(255,255,255,0.38) !important;
  border-radius: 999px !important;
  background: rgba(255,255,255,0.14) !important;
  box-shadow: inset 0 1px 0 rgba(255,255,255,0.14) !important;
}

.header-locale-icon-v2 {
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  width: 32px !important;
  height: 32px !important;
  border-radius: 50% !important;
  color: #ffffff !important;
  -webkit-text-fill-color: #ffffff !important;
  border: 1px solid rgba(255,255,255,0.26) !important;
}

.header-locale-options-v2 {
  display: inline-flex !important;
  align-items: center !important;
  gap: 4px !important;
}

.header-locale-option-v2 {
  border: none !important;
  background: transparent !important;
  color: rgba(255,255,255,0.88) !important;
  -webkit-text-fill-color: rgba(255,255,255,0.88) !important;
  font-size: 0.95rem !important;
  font-weight: 700 !important;
  padding: 0 4px !important;
  cursor: pointer !important;
}

.header-locale-options-v2 .header-locale-option-v2:not(.active) {
  display: none !important;
}

.header-locale-option-v2.active {
  color: #ffffff !important;
  -webkit-text-fill-color: #ffffff !important;
}

.header-locale-chevron-v2 {
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  color: rgba(255,255,255,0.9) !important;
  -webkit-text-fill-color: rgba(255,255,255,0.9) !important;
  font-size: 0.78rem !important;
}

/* ==============================================================
   6. ACTION BUTTONS  white ghost on dark bg
   ============================================================== */
.notification-btn-v2,
.warranty-check-btn-v2,
.repair-entry-btn-v2,
.repair-status-btn-v2,
.login-btn-v2 {
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  gap: 8px !important;
  height: 46px !important;
  padding: 0 16px !important;
  background: #ffffff !important;
  background-image: none !important;
  border: 1px solid #b8d2f1 !important;
  border-radius: 14px !important;
  color: #164e97 !important;
  font-size: 0.88rem !important;
  font-weight: 700 !important;
  cursor: pointer !important;
  text-decoration: none !important;
  box-shadow: 0 8px 16px rgba(7, 44, 111, 0.12) !important;
  transform: none !important;
  white-space: nowrap !important;
  transition: background 0.15s, border-color 0.15s, box-shadow 0.15s !important;
  -webkit-text-fill-color: #164e97 !important;
  flex-shrink: 0 !important;
}

.notification-btn-v2 i,
.warranty-check-btn-v2 i,
.repair-entry-btn-v2 i,
.repair-status-btn-v2 i,
.login-btn-v2 i {
  color: currentColor !important;
  -webkit-text-fill-color: currentColor !important;
  font-size: 1.05rem !important;
  opacity: 1 !important;
}

.notification-btn-v2 span,
.warranty-check-btn-v2 span,
.repair-entry-btn-v2 span,
.repair-status-btn-v2 span,
.login-btn-v2 span {
  color: inherit !important;
  -webkit-text-fill-color: inherit !important;
}

.notification-btn-v2:hover,
.warranty-check-btn-v2:hover,
.repair-entry-btn-v2:hover,
.repair-status-btn-v2:hover,
.login-btn-v2:hover {
  background: #f4f9ff !important;
  border-color: #7db6f5 !important;
  color: #0f4e9f !important;
  -webkit-text-fill-color: #0f4e9f !important;
  box-shadow: 0 12px 22px rgba(9, 46, 116, 0.18) !important;
  transform: none !important;
}

.warranty-check-btn-v2,
.repair-entry-btn-v2,
.repair-status-btn-v2,
.cart-link-v2 {
  width: auto !important;
  min-width: max-content !important;
  height: 46px !important;
  padding: 0 16px !important;
  border-radius: 14px !important;
}

.warranty-check-btn-v2 span,
.repair-entry-btn-v2 span,
.repair-status-btn-v2 span,
.cart-text-v2 {
  display: inline-flex !important;
}

html body .warranty-check-btn-v2 span,
html body .repair-entry-btn-v2 span,
html body .repair-status-btn-v2 span,
html body .login-btn-v2 span,
html body .cart-link-v2 .cart-text-v2 {
  display: inline-flex !important;
  align-items: center !important;
  white-space: nowrap !important;
}

.repair-actions-v2 .repair-entry-btn-v2,
.repair-actions-v2 .repair-status-btn-v2 {
  background: #fffaf4 !important;
  border: 1px solid #ffc27a !important;
  box-shadow: 0 8px 16px rgba(138, 72, 8, 0.08) !important;
  width: auto !important;
  min-width: max-content !important;
  height: 46px !important;
  padding: 0 16px !important;
  border-radius: 14px !important;
}

.repair-actions-v2 .repair-entry-btn-v2:hover,
.repair-actions-v2 .repair-status-btn-v2:hover {
  background: #fff8ef !important;
  border-color: #f7aa45 !important;
}

.warranty-check-btn-v2 {
  color: #123f86 !important;
  -webkit-text-fill-color: #123f86 !important;
}

.repair-entry-btn-v2 {
  color: #d46a00 !important;
  -webkit-text-fill-color: #d46a00 !important;
  background: #fffaf4 !important;
}

.repair-status-btn-v2 {
  color: #d46a00 !important;
  -webkit-text-fill-color: #d46a00 !important;
  background: #fffaf4 !important;
}

.warranty-check-btn-v2 {
  background: #f7fbff !important;
}

.login-btn-v2 {
  background: #ffffff !important;
  border-color: #7fb2ef !important;
  color: #123f86 !important;
  -webkit-text-fill-color: #123f86 !important;
  box-shadow: 0 10px 20px rgba(7, 76, 161, 0.14) !important;
  height: 46px !important;
  padding: 0 18px !important;
  min-width: 116px !important;
  border-radius: 14px !important;
  white-space: nowrap !important;
}

.login-btn-v2:hover {
  background: #f4f9ff !important;
  border-color: #5f9fe9 !important;
  color: #0f3879 !important;
  -webkit-text-fill-color: #0f3879 !important;
}

.cart-link-v2 {
  background: linear-gradient(180deg, #4898ff 0%, #2f6fe3 100%) !important;
  border: 1px solid rgba(255,255,255,0.48) !important;
  box-shadow: 0 14px 26px rgba(11, 74, 171, 0.28) !important;
  border-radius: 18px !important;
}


@media (max-width: 1600px) {
  html body .warranty-check-btn-v2,
  html body .repair-entry-btn-v2,
  html body .repair-status-btn-v2,
  html body .login-btn-v2,
  html body .cart-link-v2 {
    width: auto !important;
    min-width: max-content !important;
    height: 46px !important;
    padding: 0 14px !important;
    border-radius: 14px !important;
  }

  html body .warranty-check-btn-v2 span,
  html body .repair-entry-btn-v2 span,
  html body .repair-status-btn-v2 span,
  html body .login-btn-v2 span,
  html body .cart-link-v2 .cart-text-v2 {
    display: inline-flex !important;
  }

  html body .user-menu-v2 a,
  html body .user-menu-v2 button {
    width: auto !important;
    min-width: max-content !important;
    height: 46px !important;
    padding: 0 14px !important;
    border-radius: 14px !important;
    flex-shrink: 0 !important;
  }
}

/* Final hard override for the 5 action cards on desktop */
@media (min-width: 1201px) {
  html body .header-right-v2 {
    flex: 0 0 auto !important;
    width: max-content !important;
    min-width: max-content !important;
    overflow: visible !important;
  }

  html body .header-right-actions-v2,
  html body .user-menu-v2,
  html body .repair-actions-v2 {
    display: flex !important;
    align-items: center !important;
    flex-wrap: nowrap !important;
    width: max-content !important;
    min-width: max-content !important;
    overflow: visible !important;
    gap: 8px !important;
  }

  html body .warranty-check-btn-v2,
  html body .repair-entry-btn-v2,
  html body .repair-status-btn-v2,
  html body .login-btn-v2,
  html body .cart-link-v2 {
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    gap: 8px !important;
    width: auto !important;
    min-width: max-content !important;
    height: 46px !important;
    padding: 0 16px !important;
    border-radius: 14px !important;
    white-space: nowrap !important;
    flex: 0 0 auto !important;
  }

  html body .warranty-check-btn-v2 span,
  html body .repair-entry-btn-v2 span,
  html body .repair-status-btn-v2 span,
  html body .login-btn-v2 span,
  html body .cart-link-v2 .cart-text-v2 {
    display: inline-flex !important;
    align-items: center !important;
    white-space: nowrap !important;
  }

  html body .repair-actions-v2 {
    background: transparent !important;
    border: none !important;
    box-shadow: none !important;
    padding: 0 !important;
  }
}

.cart-link-v2 i {
  color: #ffffff !important;
  -webkit-text-fill-color: #ffffff !important;
}

.notification-btn-v2 {
  width: 38px !important;
  padding: 0 !important;
}

.notification-badge-v2 {
  background: #ef4444 !important;
  animation: none !important;
  box-shadow: none !important;
  top: -3px !important;
  right: -3px !important;
  min-width: 16px !important;
  height: 16px !important;
  font-size: 0.65rem !important;
  padding: 0 3px !important;
}

/* ==============================================================
   7. CART  white solid CTA
   ============================================================== */
.cart-link-v2 {
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  gap: 6px !important;
  width: auto !important;
  min-width: max-content !important;
  height: 46px !important;
  padding: 0 16px !important;
  background: linear-gradient(180deg, #4898ff 0%, #2f6fe3 100%) !important;
  background-image: none !important;
  border: 1px solid rgba(255,255,255,0.48) !important;
  border-radius: 14px !important;
  color: #ffffff !important;
  font-size: 0.83rem !important;
  font-weight: 700 !important;
  text-decoration: none !important;
  box-shadow: 0 14px 26px rgba(11, 74, 171, 0.28) !important;
  transform: none !important;
  position: relative !important;
  white-space: nowrap !important;
  transition: background 0.15s, box-shadow 0.15s !important;
}

.cart-link-v2:hover {
  background: linear-gradient(180deg, #66a9ff 0%, #3c78e4 100%) !important;
  color: #ffffff !important;
  box-shadow: 0 16px 28px rgba(9, 46, 116, 0.24) !important;
  transform: none !important;
}

.cart-link-v2 i {
  color: #ffffff !important;
  -webkit-text-fill-color: #ffffff !important;
  font-size: 1rem !important;
}

.cart-text-v2 {
  display: inline-flex !important;
  align-items: center !important;
  color: #ffffff !important;
  -webkit-text-fill-color: #ffffff !important;
  white-space: nowrap !important;
}

.cart-badge-v2 {
  position: absolute !important;
  background: #ef4444 !important;
  color: #fff !important;
  -webkit-text-fill-color: #fff !important;
  animation: none !important;
  box-shadow: none !important;
  top: -6px !important;
  right: -6px !important;
  min-width: 17px !important;
  height: 17px !important;
  font-size: 0.65rem !important;
  font-weight: 700 !important;
  padding: 0 3px !important;
  border-radius: 999px !important;
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
}

/* ==============================================================
   8. USER INFO (logged in)  avatar only chip
   ============================================================== */
.user-info-v2 {
  position: relative !important;
  z-index: 1901 !important;
  display: flex !important;
  align-items: center !important;
}

.user-profile-v2 {
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  gap: 6px !important;
  height: 46px !important;
  width: auto !important;
  min-width: unset !important;
  padding: 0 12px !important;
  background: #ffffff !important;
  background-image: none !important;
  border: 1px solid #b7d1ef !important;
  border-radius: 999px !important;
  color: #123f86 !important;
  font-size: 0.84rem !important;
  font-weight: 700 !important;
  -webkit-text-fill-color: #123f86 !important;
  box-shadow: 0 10px 20px rgba(8, 44, 112, 0.14) !important;
  transform: none !important;
  text-decoration: none !important;
  overflow: hidden !important;
  cursor: pointer !important;
  white-space: nowrap !important;
  transition: background 0.15s, border-color 0.15s, box-shadow 0.15s !important;
}

.user-profile-v2:hover {
  background: #f4f9ff !important;
  border-color: #7caee7 !important;
  color: #0f3879 !important;
  -webkit-text-fill-color: #0f3879 !important;
  transform: none !important;
  box-shadow: 0 12px 22px rgba(8, 44, 112, 0.18) !important;
}

#header-username-v2 {
  display: inline !important;
  max-width: 80px !important;
  overflow: hidden !important;
  text-overflow: ellipsis !important;
  color: inherit !important;
  -webkit-text-fill-color: inherit !important;
}

#header-user-avatar-v2 {
  width: 26px !important;
  height: 26px !important;
  border-radius: 50% !important;
  border: 1px solid #d6e6fb !important;
  background: #eef5ff !important;
  box-shadow: 0 2px 8px rgba(18, 63, 134, 0.12) !important;
  object-fit: cover !important;
  flex-shrink: 0 !important;
}

/* ==============================================================
   9. USER DROPDOWN
   ============================================================== */
.user-dropdown-v2 {
  position: absolute !important;
  top: calc(100% + 8px) !important;
  right: 0 !important;
  bottom: auto !important;
  left: auto !important;
  min-width: 168px !important;
  background: #ffffff !important;
  border: 1px solid #e2e8f0 !important;
  border-radius: 12px !important;
  box-shadow: 0 8px 32px rgba(15,23,42,0.14) !important;
  padding: 6px !important;
  z-index: 1902 !important;
  opacity: 0 !important;
  visibility: hidden !important;
  transform: translateY(-6px) scale(0.98) !important;
  transition: opacity 0.15s, transform 0.15s, visibility 0.15s !important;
}

.user-info-v2:hover .user-dropdown-v2 {
  opacity: 1 !important;
  visibility: visible !important;
  transform: translateY(0) scale(1) !important;
}

.user-dropdown-v2 a {
  display: block !important;
  padding: 9px 14px !important;
  color: #334155 !important;
  font-size: 0.85rem !important;
  font-weight: 500 !important;
  border-radius: 8px !important;
  text-decoration: none !important;
  border: none !important;
  -webkit-text-fill-color: #334155 !important;
  background: none !important;
  transition: background 0.12s !important;
  transform: none !important;
}

.user-dropdown-v2 a:hover {
  background: #f1f5f9 !important;
  color: #0f172a !important;
  -webkit-text-fill-color: #0f172a !important;
  transform: none !important;
  background-image: none !important;
}

/* ==============================================================
   10. NOTIFICATION DROPDOWN
   ============================================================== */
.notification-dropdown-v2 {
  top: calc(100% + 8px) !important;
  bottom: auto !important;
  border: 1px solid #e2e8f0 !important;
  border-radius: 14px !important;
  box-shadow: 0 8px 32px rgba(15,23,42,0.12) !important;
  z-index: 9999 !important;
}

.notification-dropdown-title {
  color: #0f172a !important;
  -webkit-text-fill-color: #0f172a !important;
  font-weight: 700 !important;
  font-size: 0.88rem !important;
}

.notification-mark-all-btn,
.notification-manage-btn {
  background: transparent !important;
  border: 1px solid #e2e8f0 !important;
  border-radius: 7px !important;
  color: #2563eb !important;
  -webkit-text-fill-color: #2563eb !important;
  font-size: 0.8rem !important;
  font-weight: 600 !important;
  padding: 4px 10px !important;
  box-shadow: none !important;
}

/* ==============================================================
   11. SECONDARY NAV  solar-style menu bar content
   ============================================================== */
.main-nav {
  display: block !important;
  visibility: visible !important;
  opacity: 1 !important;
  position: relative !important;
  height: auto !important;
  min-height: 72px !important;
  max-height: none !important;
  background: linear-gradient(90deg, rgba(240, 0, 247, 0.94) 0%, rgba(171, 98, 255, 0.88) 46%, rgba(88, 187, 246, 0.9) 100%) !important;
  border-top: 1px solid rgba(255, 255, 255, 0.12) !important;
  border-bottom: 1px solid rgba(255, 255, 255, 0.16) !important;
  box-shadow: 0 12px 26px rgba(67, 49, 173, 0.14) !important;
  overflow: visible !important;
  z-index: 1650 !important;
  isolation: isolate !important;
}

.main-nav .container.main-nav-full-width,
#main-nav-container {
  display: flex !important;
  visibility: visible !important;
  opacity: 1 !important;
  min-height: 72px !important;
  align-items: center !important;
  justify-content: flex-start !important;
  gap: 0 !important;
  padding: 0 1.4rem !important;
  overflow: visible !important;
  white-space: nowrap !important;
  flex-wrap: nowrap !important;
  scrollbar-width: none !important;
  -ms-overflow-style: none !important;
  position: relative !important;
  z-index: 1651 !important;
}

.main-nav .container.main-nav-full-width::-webkit-scrollbar,
#main-nav-container::-webkit-scrollbar {
  display: none !important;
}

html body .main-nav,
body .main-nav,
html body #main-nav,
body #main-nav {
  display: block !important;
  visibility: visible !important;
  opacity: 1 !important;
  position: relative !important;
  height: auto !important;
  min-height: 72px !important;
  max-height: none !important;
  overflow: visible !important;
  z-index: 1650 !important;
}

html body .main-nav .container.main-nav-full-width,
body .main-nav .container.main-nav-full-width,
html body #main-nav-container,
body #main-nav-container {
  display: flex !important;
  visibility: visible !important;
  opacity: 1 !important;
  min-height: 72px !important;
  overflow: visible !important;
  flex-wrap: nowrap !important;
  align-items: center !important;
  justify-content: flex-start !important;
  white-space: nowrap !important;
  row-gap: 0 !important;
  column-gap: 0 !important;
}

.nav-item-wrapper {
  position: relative !important;
  display: flex !important;
  align-items: stretch !important;
  flex: 0 0 auto !important;
  padding-bottom: 0 !important;
  margin-bottom: 0 !important;
  z-index: 1652 !important;
}

.nav-item-wrapper:not(.nav-item-wrapper--category) {
  border-left: 1px solid rgba(255, 255, 255, 0.12) !important;
}

.nav-item-wrapper:last-child {
  border-right: 1px solid rgba(255, 255, 255, 0.12) !important;
}

html body nav.main-nav #main-nav-container > a.secondary-nav-item-link,
html body nav.main-nav #main-nav-container > .nav-item-wrapper > .header-nav-dropdown-trigger {
  all: unset;
  box-sizing: border-box !important;
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  gap: 6px !important;
  min-height: 72px !important;
  padding: 0 16px !important;
  border-radius: 0 !important;
  border: none !important;
  background: transparent !important;
  color: #214b8f !important;
  -webkit-text-fill-color: #214b8f !important;
  text-decoration: none !important;
  font-size: 0.9rem !important;
  font-weight: 700 !important;
  line-height: 1 !important;
  white-space: nowrap !important;
  box-shadow: none !important;
  transition: color 0.18s ease, background 0.18s ease !important;
  cursor: pointer !important;
}

html body nav.main-nav #main-nav-container > a.secondary-nav-item-link span,
html body nav.main-nav #main-nav-container > .nav-item-wrapper > .header-nav-dropdown-trigger span,
html body nav.main-nav #main-nav-container > a.secondary-nav-item-link i,
html body nav.main-nav #main-nav-container > .nav-item-wrapper > .header-nav-dropdown-trigger i {
  color: #214b8f !important;
  -webkit-text-fill-color: #214b8f !important;
}

html body nav.main-nav #main-nav-container > a.secondary-nav-item-link:hover,
html body nav.main-nav #main-nav-container > .nav-item-wrapper > .header-nav-dropdown-trigger:hover,
html body nav.main-nav #main-nav-container > .nav-item-wrapper.is-open > .header-nav-dropdown-trigger {
  background: rgba(255, 255, 255, 0.1) !important;
  color: #143d84 !important;
  -webkit-text-fill-color: #143d84 !important;
  transform: none !important;
}

html body nav.main-nav #main-nav-container > a.secondary-nav-item-link:hover span,
html body nav.main-nav #main-nav-container > .nav-item-wrapper > .header-nav-dropdown-trigger:hover span,
html body nav.main-nav #main-nav-container > .nav-item-wrapper.is-open > .header-nav-dropdown-trigger span,
html body nav.main-nav #main-nav-container > a.secondary-nav-item-link:hover i,
html body nav.main-nav #main-nav-container > .nav-item-wrapper > .header-nav-dropdown-trigger:hover i,
html body nav.main-nav #main-nav-container > .nav-item-wrapper.is-open > .header-nav-dropdown-trigger i {
  color: #143d84 !important;
  -webkit-text-fill-color: #143d84 !important;
}

.header-nav-dropdown-trigger i {
  font-size: 0.72rem !important;
  transition: transform 0.18s ease !important;
}

.header-nav-category-trigger {
  min-height: 60px !important;
  margin: 0 22px 0 0 !important;
  padding: 0 18px 0 10px !important;
  border-radius: 999px !important;
  border: 1.5px solid #2595eb !important;
  background: linear-gradient(180deg, #fbfdff 0%, #f4fbff 100%) !important;
  color: #1684df !important;
  -webkit-text-fill-color: #1684df !important;
  box-shadow: 0 8px 18px rgba(42, 149, 232, 0.12) !important;
}

.header-nav-category-trigger:hover,
.nav-item-wrapper.is-open .header-nav-category-trigger {
  background: #eef7ff !important;
  color: #0f74ca !important;
  -webkit-text-fill-color: #0f74ca !important;
}

.header-nav-category-trigger__icon {
  position: relative !important;
  width: 42px !important;
  height: 42px !important;
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  border-radius: 50% !important;
  background: linear-gradient(180deg, #5bb7ff 0%, #1690ee 100%) !important;
  color: #ffffff !important;
  -webkit-text-fill-color: #ffffff !important;
  box-shadow: inset 0 0 0 4px rgba(255,255,255,0.78) !important;
  margin-right: 8px !important;
}

.header-nav-category-trigger__icon .fa-table-cells-large {
  font-size: 1.08rem !important;
}

.header-nav-category-trigger__icon .fa-magnifying-glass {
  position: absolute !important;
  right: 9px !important;
  bottom: 9px !important;
  font-size: 0.65rem !important;
}

.nav-item-wrapper.is-open .header-nav-dropdown-trigger i {
  transform: rotate(180deg) !important;
}

.header-nav-dropdown {
  position: absolute !important;
  top: calc(100% + 8px) !important;
  left: 0 !important;
  min-width: 240px !important;
  width: max-content !important;
  max-width: 360px !important;
  display: none !important;
  padding: 10px !important;
  border-radius: 18px !important;
  background: #ffffff !important;
  border: 1px solid #dbe6f5 !important;
  box-shadow: 0 22px 46px rgba(15, 23, 42, 0.18) !important;
  opacity: 0 !important;
  visibility: hidden !important;
  transform: translateY(8px) !important;
  pointer-events: none !important;
  transition: opacity 0.18s ease, transform 0.18s ease, visibility 0.18s ease !important;
  z-index: 3000 !important;
  overflow-y: auto !important;
  white-space: normal !important;
}

.main-nav {
  position: relative !important;
  z-index: 1700 !important;
  overflow: visible !important;
}

.nav-item-wrapper {
  position: relative !important;
}

.nav-item-wrapper.is-open {
  z-index: 3001 !important;
}

.header-nav-dropdown--category {
  min-width: 300px !important;
}

html body .main-nav .secondary-nav-item-link,
html body .main-nav .header-nav-dropdown-trigger,
html body #main-nav-container .secondary-nav-item-link,
html body #main-nav-container .header-nav-dropdown-trigger {
  color: #1757b7 !important;
  -webkit-text-fill-color: #1757b7 !important;
}

.nav-item-wrapper.is-open .header-nav-dropdown {
  display: block !important;
  opacity: 1 !important;
  visibility: visible !important;
  transform: translateY(0) !important;
  pointer-events: auto !important;
}

html body nav.main-nav #main-nav-container .header-nav-dropdown .header-nav-dropdown-item {
  all: unset;
  box-sizing: border-box !important;
  display: flex !important;
  align-items: center !important;
  justify-content: flex-start !important;
  width: 100% !important;
  max-width: none !important;
  min-height: 44px !important;
  padding: 0 15px !important;
  margin: 0 !important;
  flex: none !important;
  flex-basis: auto !important;
  flex-grow: 0 !important;
  flex-shrink: 0 !important;
  border-radius: 12px !important;
  color: #17325f !important;
  -webkit-text-fill-color: #17325f !important;
  font-size: 0.86rem !important;
  font-weight: 600 !important;
  text-decoration: none !important;
  text-align: left !important;
  white-space: nowrap !important;
  overflow: hidden !important;
  text-overflow: ellipsis !important;
  transition: background 0.14s ease, color 0.14s ease, transform 0.14s ease !important;
  cursor: pointer !important;
}

@media (max-width: 991.98px) {
  .repair-actions-v2 {
    padding: 2px !important;
    gap: 6px !important;
  }

  .search-button-label-v2 {
    display: none !important;
  }

  #search-button-main-v2 {
    min-width: 54px !important;
    padding: 0 1rem !important;
  }
}

.header-nav-dropdown-item:hover {
  background: #eff6ff !important;
  color: #0f4fc9 !important;
  -webkit-text-fill-color: #0f4fc9 !important;
  transform: translateX(2px) !important;
}

@media (max-width: 1200px) {
  .header-center-v2 {
    flex: 1 1 260px !important;
    padding: 4px 6px 4px 10px !important;
  }

  .search-container-v2 {
    width: min(100%, 620px) !important;
    max-width: 620px !important;
  }

  .header-right-v2 {
    gap: 8px !important;
  }

  .user-menu-v2 {
    gap: 6px !important;
    padding: 5px 6px !important;
    min-height: 56px !important;
  }

  .warranty-check-btn-v2,
  .repair-entry-btn-v2,
  .repair-status-btn-v2,
  .login-btn-v2,
  .cart-link-v2 {
    padding: 0 12px !important;
    font-size: 0.82rem !important;
  }
}

/* ==============================================================
   12. RESPONSIVE
   ============================================================== */
@media (max-width: 1280px) {
  .main-header-wrapper .container,
  .main-header-wrapper-v2 .container,
  .main-header-wrapper .main-header-full-width,
  .main-header-wrapper-v2 .main-header-full-width {
    padding: 0 1.2rem !important;
  }

  .search-container-v2 {
    max-width: 620px !important;
  }
}

@media (max-width: 991.98px) {
  .main-nav .container.main-nav-full-width,
  #main-nav-container,
  html body .main-nav .container.main-nav-full-width,
  body .main-nav .container.main-nav-full-width,
  html body #main-nav-container,
  body #main-nav-container {
    overflow-x: auto !important;
    overflow-y: visible !important;
    white-space: nowrap !important;
    flex-wrap: nowrap !important;
    align-items: center !important;
  }
}

@media (max-width: 1024px) {
  .header-layout-v2 {
    gap: 12px !important;
  }

  .header-utility-v2 {
    gap: 8px !important;
    padding-right: 12px !important;
  }

  .header-locale-v2 {
    min-height: 42px !important;
    padding: 0 10px 0 8px !important;
  }

  .login-btn-v2 span {
    display: none !important;
  }

  .login-btn-v2 {
    width: 46px !important;
    min-width: 46px !important;
    padding: 0 !important;
    border-radius: 50% !important;
  }
}

@media (max-width: 768px) {
  .main-nav,
  #main-nav {
    overflow: hidden !important;
  }

  .main-nav .container.main-nav-full-width,
  #main-nav-container,
  html body .main-nav .container.main-nav-full-width,
  body .main-nav .container.main-nav-full-width,
  html body #main-nav-container,
  body #main-nav-container {
    display: flex !important;
    flex-wrap: nowrap !important;
    align-items: center !important;
    align-content: center !important;
    justify-content: flex-start !important;
    gap: 6px !important;
    row-gap: 0 !important;
    column-gap: 6px !important;
    width: 100% !important;
    max-width: 100% !important;
    min-height: 54px !important;
    overflow-x: auto !important;
    overflow-y: hidden !important;
    white-space: nowrap !important;
    -webkit-overflow-scrolling: touch !important;
    touch-action: pan-x !important;
    scrollbar-width: none !important;
    padding: 0 10px !important;
  }

  .main-nav .container.main-nav-full-width::-webkit-scrollbar,
  #main-nav-container::-webkit-scrollbar {
    display: none !important;
    width: 0 !important;
    height: 0 !important;
  }

  .nav-item-wrapper,
  .nav-item-wrapper:not(.nav-item-wrapper--category),
  .nav-item-wrapper.nav-item-wrapper--category {
    display: inline-flex !important;
    flex: 0 0 auto !important;
    width: auto !important;
    max-width: none !important;
    min-width: max-content !important;
    margin: 0 !important;
    border: none !important;
  }

  html body nav.main-nav #main-nav-container > a.secondary-nav-item-link,
  html body nav.main-nav #main-nav-container > .nav-item-wrapper > .header-nav-dropdown-trigger,
  .secondary-nav-item-link,
  .header-nav-dropdown-trigger {
    display: inline-flex !important;
    flex: 0 0 auto !important;
    width: auto !important;
    max-width: none !important;
    min-width: max-content !important;
    min-height: 44px !important;
    padding: 0 14px !important;
    font-size: 0.8rem !important;
    line-height: 1 !important;
    white-space: nowrap !important;
    text-overflow: clip !important;
    scroll-snap-align: start !important;
  }

  .header-nav-category-trigger,
  html body nav.main-nav #main-nav-container > .nav-item-wrapper.nav-item-wrapper--category > .header-nav-dropdown-trigger {
    width: auto !important;
    min-width: max-content !important;
    margin: 0 !important;
    padding: 0 14px 0 10px !important;
    min-height: 46px !important;
  }

  .warranty-check-btn-v2,
  .repair-status-btn-v2 {
    display: none !important;
  }

  .header-locale-v2 {
    display: none !important;
  }

  .header-utility-v2 {
    padding-right: 8px !important;
    border-right: none !important;
  }

  .secondary-nav-item-link,
  .header-nav-dropdown-trigger {
    min-height: 44px !important;
    padding: 0 14px !important;
    font-size: 0.8rem !important;
  }

  .header-nav-category-trigger {
    min-height: 46px !important;
    margin: 0 !important;
    padding: 0 14px 0 10px !important;
  }

  .header-nav-category-trigger__icon {
    width: 38px !important;
    height: 38px !important;
  }

  .header-nav-dropdown {
    min-width: 210px !important;
    left: 0 !important;
  }

  /* Fix: container must NOT have fixed height โ€” search row would be clipped */
  .main-header-wrapper .container,
  .main-header-wrapper-v2 .container,
  .main-header-wrapper .main-header-full-width,
  .main-header-wrapper-v2 .main-header-full-width {
    height: auto !important;
    min-height: 76px !important;
    padding: 6px 12px !important;
  }

  .main-header-wrapper,
  .main-header-wrapper-v2 {
    min-height: auto !important;
    padding: 0 !important;
  }

  /* Row layout: logo+buttons on row 1, search on row 2 */
  .header-layout-v2 {
    flex-direction: row !important;
    flex-wrap: wrap !important;
    height: auto !important;
    padding: 10px 0 !important;
    gap: 6px !important;
    align-items: center !important;
  }

  /* row 1: brand โ€” full width, centered */
  .header-left-v2 {
    flex: 0 0 100% !important;
    max-width: none !important;
    min-width: 0 !important;
    justify-content: center !important;
    padding: 4px 0 2px !important;
  }

  /* row 2: action buttons โ€” full width, centered */
  .header-right-v2 {
    flex: 0 0 100% !important;
    order: 2 !important;
    justify-content: center !important;
    gap: 6px !important;
  }

  /* row 3: search โ€” full width */
  .header-center-v2 {
    order: 3 !important;
    flex: 0 0 100% !important;
    width: 100% !important;
    min-width: 0 !important;
    padding-bottom: 6px !important;
  }

  /* Smaller buttons on mobile */
  .login-btn-v2,
  .cart-link-v2 {
    height: 34px !important;
  }

  .search-bar,
  .search-bar-v2 {
    height: 46px !important;
    border-radius: 999px !important;
    pointer-events: auto !important;
  }

  #search-button-main,
  #search-button-main-v2 {
    min-width: 96px !important;
    height: calc(100% - 8px) !important;
  }

  #search-button-main,
  #search-button-main-v2 {
    pointer-events: auto !important;
    position: relative !important;
    z-index: 10 !important;
  }

  #search-input-main,
  #search-input-main-v2 {
    pointer-events: auto !important;
    appearance: none !important;
    -webkit-appearance: none !important;
  }
}

@media (max-width: 480px) {
  /* Very small phones: hide category select to give search input more room */
  .category-select,
  .category-select-v2 {
    display: none !important;
  }

  .secondary-nav-item-link,
  .header-nav-dropdown-trigger {
    min-height: 42px !important;
    padding: 0 12px !important;
    font-size: 0.76rem !important;
  }

  .header-nav-category-trigger {
    margin-right: 0 !important;
    min-height: 44px !important;
  }

  .header-nav-dropdown {
    min-width: 190px !important;
  }

  #shop-logo-main,
  #shop-logo-main-v2 {
    width: 42px !important;
    height: 42px !important;
  }

  #shop-name-display,
  #shop-name-display-v2 {
    font-size: 0.88rem !important;
  }

  .brand-tagline,
  .brand-tagline-v2 {
    display: none !important;
  }

  #shop-logo-main,
  #shop-logo-main-v2 {
    width: 34px !important;
    height: 34px !important;
  }

  .login-btn-v2,
  .cart-link-v2 {
    width: 32px !important;
    height: 32px !important;
    padding: 0 !important;
  }
}

/* ==============================================================
   12B. MOBILE HEADER REBUILD
   ============================================================== */
@media (max-width: 768px) {
  html body .main-header-wrapper-v2,
  html body .main-header-wrapper {
    min-height: auto !important;
    padding: 0 !important;
  }

  html body .main-header-wrapper-v2 .container,
  html body .main-header-wrapper .container,
  html body .main-header-full-width {
    height: auto !important;
    min-height: auto !important;
    padding: 10px 12px 12px !important;
  }

  html body .header-layout-v2 {
    display: flex !important;
    flex-direction: column !important;
    align-items: stretch !important;
    height: auto !important;
    gap: 12px !important;
    padding: 0 !important;
  }

  html body .header-left-v2,
  html body .header-center-v2,
  html body .header-right-v2,
  html body .header-right-actions-v2,
  html body .header-cart-slot-v2 {
    width: 100% !important;
    max-width: none !important;
    min-width: 0 !important;
  }

  html body .header-left-v2 {
    flex: 0 0 auto !important;
    order: 1 !important;
    justify-content: center !important;
    padding: 6px 0 0 !important;
  }

  html body .brand-container-v2 {
    justify-content: center !important;
    gap: 12px !important;
  }

  html body #shop-logo-main-v2,
  html body #shop-logo-main {
    width: auto !important;
    height: 42px !important;
  }

  html body #shop-name-display-v2,
  html body #shop-name-display {
    font-size: 1rem !important;
  }

  html body .header-right-v2 {
    order: 2 !important;
    display: flex !important;
    flex-direction: column !important;
    align-items: stretch !important;
    justify-content: flex-start !important;
    gap: 10px !important;
  }

  html body .header-right-actions-v2 {
    display: block !important;
    min-width: 0 !important;
  }

  html body .user-menu-v2 {
    display: grid !important;
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
    gap: 10px !important;
    width: 100% !important;
    min-width: 0 !important;
    padding: 10px !important;
    border-radius: 24px !important;
    min-height: 0 !important;
    height: auto !important;
    background: linear-gradient(180deg, rgba(255,255,255,0.18) 0%, rgba(255,255,255,0.1) 100%) !important;
  }

  html body .repair-actions-v2 {
    display: contents !important;
  }

  html body .warranty-check-btn-v2,
  html body .repair-entry-btn-v2,
  html body .repair-status-btn-v2,
  html body .login-btn-v2,
  html body .user-info-v2,
  html body .user-profile-v2 {
    display: inline-flex !important;
    width: 100% !important;
    min-width: 0 !important;
    height: 52px !important;
    padding: 0 14px !important;
    justify-content: center !important;
    border-radius: 18px !important;
    font-size: 0.92rem !important;
    white-space: nowrap !important;
    overflow: hidden !important;
    text-overflow: ellipsis !important;
  }

  html body .warranty-check-btn-v2,
  html body .repair-status-btn-v2 {
    display: inline-flex !important;
  }

  html body .login-btn-v2 span,
  html body #header-username-v2 {
    display: inline !important;
    max-width: none !important;
  }

  html body .header-cart-slot-v2 {
    order: 3 !important;
    display: flex !important;
    justify-content: stretch !important;
  }

  html body .cart-link-v2 {
    width: 100% !important;
    min-width: 0 !important;
    height: 50px !important;
    border-radius: 18px !important;
    justify-content: center !important;
    padding: 0 16px !important;
  }

  html body .cart-link-v2 .cart-text-v2 {
    display: inline-flex !important;
  }

  html body .header-center-v2 {
    order: 4 !important;
    flex: 0 0 auto !important;
    padding: 0 !important;
  }

  html body .search-container-v2 {
    width: 100% !important;
    max-width: none !important;
    margin: 0 !important;
  }

  html body .search-bar-v2,
  html body .search-bar {
    width: 100% !important;
    height: 58px !important;
    min-height: 58px !important;
    border-radius: 999px !important;
  }

  html body #search-input-main-v2,
  html body #search-input-main {
    font-size: 0.95rem !important;
    padding: 0 1.1rem !important;
  }

  html body #search-button-main-v2,
  html body #search-button-main {
    width: 58px !important;
    min-width: 58px !important;
    height: calc(100% - 8px) !important;
    margin-right: 4px !important;
    border-radius: 999px !important;
    padding: 0 !important;
  }
}

@media (max-width: 480px) {
  html body .main-header-wrapper-v2 .container,
  html body .main-header-wrapper .container,
  html body .main-header-full-width {
    padding: 8px 10px 10px !important;
  }

  html body .user-menu-v2 {
    grid-template-columns: 1fr !important;
    gap: 8px !important;
    padding: 8px !important;
  }

  html body .warranty-check-btn-v2,
  html body .repair-entry-btn-v2,
  html body .repair-status-btn-v2,
  html body .login-btn-v2,
  html body .user-profile-v2,
  html body .cart-link-v2 {
    height: 48px !important;
    font-size: 0.88rem !important;
    border-radius: 16px !important;
  }

  html body #shop-name-display-v2,
  html body #shop-name-display {
    font-size: 0.94rem !important;
  }

  html body .search-bar-v2,
  html body .search-bar {
    height: 54px !important;
    min-height: 54px !important;
  }

  html body #search-button-main-v2,
  html body #search-button-main {
    width: 54px !important;
    min-width: 54px !important;
  }
}

/* ==============================================================
   12C. MOBILE ACTION GRID REBALANCE
   ============================================================== */
@media (max-width: 768px) {
  html body .header-right-v2 {
    order: 2 !important;
    display: grid !important;
    grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
    gap: 10px !important;
    align-items: stretch !important;
    justify-content: stretch !important;
  }

  html body .header-right-actions-v2,
  html body .user-menu-v2,
  html body .repair-actions-v2,
  html body .header-cart-slot-v2 {
    display: contents !important;
  }

  html body #header-user-info-v2[style*="display: none"] {
    display: none !important;
  }

  html body .warranty-check-btn-v2,
  html body .repair-entry-btn-v2,
  html body .repair-status-btn-v2,
  html body .cart-link-v2 {
    grid-column: span 1 !important;
    width: 100% !important;
    min-width: 0 !important;
    height: 52px !important;
    padding: 0 10px !important;
    font-size: 0.82rem !important;
    gap: 6px !important;
    border-radius: 18px !important;
  }

  html body .login-btn-v2,
  html body #header-user-info-v2:not([style*="display: none"]) {
    grid-column: span 2 !important;
    width: 100% !important;
    min-width: 0 !important;
  }

  html body .login-btn-v2 {
    display: inline-flex !important;
    height: 52px !important;
    padding: 0 14px !important;
    justify-content: center !important;
    border-radius: 18px !important;
    font-size: 0.9rem !important;
  }

  html body #header-user-info-v2:not([style*="display: none"]) {
    display: flex !important;
    align-items: stretch !important;
  }

  html body #header-user-info-v2:not([style*="display: none"]) .user-profile-v2 {
    width: 100% !important;
    min-width: 0 !important;
    height: 52px !important;
    justify-content: center !important;
    padding: 0 14px !important;
    border-radius: 18px !important;
  }

  html body .login-btn-v2 span,
  html body #header-username-v2,
  html body .cart-link-v2 .cart-text-v2 {
    display: inline-flex !important;
    align-items: center !important;
  }

  html body .cart-link-v2 {
    justify-content: center !important;
  }

  html body .cart-link-v2 .cart-text-v2 {
    display: none !important;
  }
}

@media (max-width: 560px) {
  html body .header-right-v2 {
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
  }

  html body .warranty-check-btn-v2,
  html body .repair-entry-btn-v2,
  html body .repair-status-btn-v2,
  html body .login-btn-v2,
  html body #header-user-info-v2:not([style*="display: none"]) {
    grid-column: span 1 !important;
  }

  html body .cart-link-v2 {
    grid-column: span 2 !important;
  }
}

/* ==============================================================
   12D. FINAL MOBILE HEADER ACTION LAYOUT
   ============================================================== */
@media (max-width: 768px) {
  html body .header-right-v2 {
    order: 2 !important;
    display: flex !important;
    flex-direction: column !important;
    align-items: stretch !important;
    justify-content: flex-start !important;
    gap: 12px !important;
    width: 100% !important;
    min-width: 0 !important;
  }

  html body .header-right-actions-v2 {
    display: block !important;
    width: 100% !important;
    min-width: 0 !important;
  }

  html body .user-menu-v2 {
    display: grid !important;
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
    grid-auto-flow: row dense !important;
    align-items: stretch !important;
    gap: 10px !important;
    width: 100% !important;
    min-width: 0 !important;
    padding: 0 !important;
    margin: 0 !important;
    background: transparent !important;
    border: none !important;
    border-radius: 0 !important;
    box-shadow: none !important;
    min-height: 0 !important;
    height: auto !important;
  }

  html body .repair-actions-v2 {
    display: contents !important;
  }

  html body #header-user-info-v2[style*="display: none"] {
    display: none !important;
  }

  html body .user-menu-v2 > a,
  html body .user-menu-v2 > div,
  html body .repair-actions-v2 > a {
    min-width: 0 !important;
  }

  html body .warranty-check-btn-v2,
  html body .repair-entry-btn-v2,
  html body .repair-status-btn-v2,
  html body .login-btn-v2,
  html body .user-profile-v2 {
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    width: 100% !important;
    min-width: 0 !important;
    height: 54px !important;
    padding: 0 12px !important;
    gap: 7px !important;
    border-radius: 18px !important;
    font-size: 0.88rem !important;
    line-height: 1 !important;
    white-space: nowrap !important;
    overflow: hidden !important;
    text-overflow: ellipsis !important;
    box-sizing: border-box !important;
  }

  html body .warranty-check-btn-v2 i,
  html body .repair-entry-btn-v2 i,
  html body .repair-status-btn-v2 i,
  html body .login-btn-v2 i,
  html body .user-profile-v2 i {
    font-size: 1rem !important;
    flex-shrink: 0 !important;
  }

  html body .login-btn-v2,
  html body #header-user-info-v2:not([style*="display: none"]) {
    grid-column: 1 / -1 !important;
  }

  html body #header-user-info-v2:not([style*="display: none"]) {
    display: block !important;
    width: 100% !important;
  }

  html body #header-user-info-v2:not([style*="display: none"]) .user-profile-v2 {
    width: 100% !important;
  }

  html body .login-btn-v2 span,
  html body #header-username-v2 {
    display: inline !important;
    max-width: calc(100% - 32px) !important;
    overflow: hidden !important;
    text-overflow: ellipsis !important;
  }

  html body .header-cart-slot-v2 {
    order: 3 !important;
    display: block !important;
    width: 100% !important;
    min-width: 0 !important;
  }

  html body .cart-link-v2 {
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    width: 100% !important;
    min-width: 0 !important;
    height: 52px !important;
    padding: 0 14px !important;
    border-radius: 18px !important;
    box-sizing: border-box !important;
  }

  html body .cart-link-v2 .cart-text-v2 {
    display: inline-flex !important;
  }
}

@media (max-width: 480px) {
  html body .user-menu-v2 {
    grid-template-columns: 1fr !important;
    gap: 8px !important;
  }

  html body .warranty-check-btn-v2,
  html body .repair-entry-btn-v2,
  html body .repair-status-btn-v2,
  html body .login-btn-v2,
  html body .user-profile-v2,
  html body .cart-link-v2 {
    height: 50px !important;
    font-size: 0.84rem !important;
    border-radius: 16px !important;
  }
}

/* ==============================================================
   12E. MOBILE CART IN SAME BOX
   ============================================================== */
@media (max-width: 768px) {
  html body .header-right-v2 {
    order: 2 !important;
    display: block !important;
    width: 100% !important;
    min-width: 0 !important;
    padding: 14px !important;
    background: linear-gradient(180deg, rgba(255,255,255,0.17) 0%, rgba(255,255,255,0.08) 100%) !important;
    border: 1px solid rgba(255,255,255,0.24) !important;
    border-radius: 24px !important;
    box-shadow: inset 0 1px 0 rgba(255,255,255,0.18), 0 12px 24px rgba(6, 32, 92, 0.14) !important;
    box-sizing: border-box !important;
  }

  html body .header-right-v2 .header-right-actions-v2 {
    display: block !important;
    width: 100% !important;
    min-width: 0 !important;
    margin: 0 !important;
  }

  html body .header-right-v2 .header-right-actions-v2 .user-menu-v2 {
    display: grid !important;
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
    align-items: stretch !important;
    gap: 12px !important;
    justify-items: stretch !important;
    width: 100% !important;
    min-width: 0 !important;
    max-width: 100% !important;
    margin: 0 !important;
    padding: 0 !important;
    min-height: 0 !important;
    background: transparent !important;
    border: none !important;
    border-radius: 0 !important;
    box-shadow: none !important;
    box-sizing: border-box !important;
  }

  html body .header-right-v2 .header-right-actions-v2 .user-menu-v2 > a,
  html body .header-right-v2 .header-right-actions-v2 .user-menu-v2 > div {
    display: flex !important;
    min-width: 0 !important;
    width: 100% !important;
    max-width: 100% !important;
  }

  html body .header-cart-slot-v2 {
    width: 100% !important;
  }

  html body .warranty-check-btn-v2,
  html body .repair-entry-btn-v2,
  html body .repair-status-btn-v2,
  html body .login-btn-v2,
  html body .user-profile-v2,
  html body .cart-link-v2 {
    display: inline-flex !important;
    align-items: center !important;
    flex-direction: row !important;
    width: 100% !important;
    min-width: 0 !important;
    min-height: 58px !important;
    height: 58px !important;
    padding: 0 14px !important;
    gap: 10px !important;
    border-radius: 16px !important;
    justify-content: flex-start !important;
    box-sizing: border-box !important;
    white-space: nowrap !important;
    overflow: hidden !important;
    text-overflow: ellipsis !important;
    text-align: left !important;
  }

  html body .login-btn-v2,
  html body #header-user-info-v2:not([style*="display: none"]) {
    grid-column: 1 / -1 !important;
  }

  html body .warranty-check-btn-v2 i,
  html body .repair-entry-btn-v2 i,
  html body .repair-status-btn-v2 i,
  html body .login-btn-v2 i,
  html body .user-profile-v2 i,
  html body .cart-link-v2 i {
    width: 20px !important;
    min-width: 20px !important;
    font-size: 1rem !important;
    flex-shrink: 0 !important;
  }

  html body .warranty-check-btn-v2 span,
  html body .repair-entry-btn-v2 span,
  html body .repair-status-btn-v2 span,
  html body .login-btn-v2 span,
  html body .cart-link-v2 .cart-text-v2,
  html body #header-username-v2 {
    display: block !important;
    min-width: 0 !important;
    max-width: 100% !important;
    overflow: hidden !important;
    text-overflow: ellipsis !important;
    white-space: nowrap !important;
    line-height: 1.15 !important;
    text-align: left !important;
    font-size: 0.92rem !important;
    font-weight: 600 !important;
  }

  html body #header-user-info-v2[style*="display: none"] {
    display: none !important;
  }

  html body #header-user-info-v2:not([style*="display: none"]) {
    display: block !important;
    width: 100% !important;
  }

  html body #header-user-info-v2:not([style*="display: none"]) .user-profile-v2 {
    width: 100% !important;
    justify-content: flex-start !important;
  }

  html body #header-user-avatar-v2 {
    width: 30px !important;
    height: 30px !important;
    border-radius: 999px !important;
    flex-shrink: 0 !important;
  }

  html body .cart-link-v2 {
    position: relative !important;
  }

  html body .cart-link-v2 .cart-badge-v2 {
    margin-left: auto !important;
    position: static !important;
  }
}

@media (max-width: 480px) {
  html body .header-right-v2 .header-right-actions-v2 .user-menu-v2 {
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
    gap: 8px !important;
  }

  html body .header-right-v2 {
    padding: 8px !important;
  }

  html body .warranty-check-btn-v2,
  html body .repair-entry-btn-v2,
  html body .repair-status-btn-v2,
  html body .login-btn-v2,
  html body .cart-link-v2,
  html body .user-profile-v2 {
    min-height: 54px !important;
    height: 54px !important;
    border-radius: 14px !important;
  }

  html body .warranty-check-btn-v2 span,
  html body .repair-entry-btn-v2 span,
  html body .repair-status-btn-v2 span,
  html body .login-btn-v2 span,
  html body .cart-link-v2 .cart-text-v2,
  html body #header-username-v2 {
    font-size: 0.84rem !important;
  }
}

@media (max-width: 390px) {
  html body .header-right-v2 .header-right-actions-v2 .user-menu-v2 {
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
  }
}

@media (max-width: 768px) {
  html body .header-right-v2 {
    padding: 10px !important;
    border-radius: 20px !important;
  }

  html body .header-right-v2 .header-right-actions-v2 .user-menu-v2 {
    gap: 8px !important;
  }

  html body .warranty-check-btn-v2,
  html body .repair-entry-btn-v2,
  html body .repair-status-btn-v2,
  html body .header-cart-slot-v2 .cart-link-v2--standalone {
    min-height: 50px !important;
    height: 50px !important;
    padding: 0 12px !important;
    border-radius: 14px !important;
    gap: 8px !important;
  }

  html body .login-btn-v2,
  html body .user-profile-v2 {
    min-height: 46px !important;
    height: 46px !important;
    padding: 0 14px !important;
    border-radius: 14px !important;
  }

  html body .warranty-check-btn-v2 span,
  html body .repair-entry-btn-v2 span,
  html body .repair-status-btn-v2 span,
  html body .cart-link-v2 .cart-text-v2,
  html body .login-btn-v2 span,
  html body #header-username-v2 {
    font-size: 0.84rem !important;
  }
}

/* ==============================================================
  21. CATEGORY PAGE ACTION BUTTON NORMALIZE
   ============================================================== */
@media (min-width: 1201px) {
  html body.category-products-page .header-right-v2,
  html body.category-products-page .header-right-actions-v2,
  html body.category-products-page .user-menu-v2 {
    overflow: visible !important;
    max-width: none !important;
  }

  html body.category-products-page .user-menu-v2 {
    gap: 8px !important;
    padding: 6px 8px !important;
    background: linear-gradient(180deg, rgba(255,255,255,0.15) 0%, rgba(255,255,255,0.08) 100%) !important;
    border: 1px solid rgba(255,255,255,0.22) !important;
    border-radius: 22px !important;
    box-shadow: inset 0 1px 0 rgba(255,255,255,0.18), 0 12px 24px rgba(6, 32, 92, 0.14) !important;
  }

  html body.category-products-page .warranty-check-btn-v2,
  html body.category-products-page .repair-entry-btn-v2,
  html body.category-products-page .repair-status-btn-v2,
  html body.category-products-page .cart-link-v2,
  html body.category-products-page .login-btn-v2,
  html body.category-products-page .user-profile-v2 {
    width: auto !important;
    min-width: max-content !important;
    height: 46px !important;
    min-height: 46px !important;
    padding: 0 16px !important;
    gap: 8px !important;
    justify-content: center !important;
    border-radius: 14px !important;
    white-space: nowrap !important;
    overflow: hidden !important;
    text-overflow: ellipsis !important;
  }

  html body.category-products-page .warranty-check-btn-v2,
  html body.category-products-page .repair-entry-btn-v2,
  html body.category-products-page .repair-status-btn-v2 {
    background: linear-gradient(180deg, rgba(255,255,255,0.18) 0%, rgba(255,255,255,0.1) 100%) !important;
    border: 1px solid rgba(255,255,255,0.3) !important;
    color: #ffffff !important;
    -webkit-text-fill-color: #ffffff !important;
    box-shadow: inset 0 1px 0 rgba(255,255,255,0.22), 0 10px 20px rgba(5, 42, 106, 0.18) !important;
  }

  html body.category-products-page .warranty-check-btn-v2:hover,
  html body.category-products-page .repair-entry-btn-v2:hover,
  html body.category-products-page .repair-status-btn-v2:hover {
    background: linear-gradient(180deg, rgba(255,255,255,0.26) 0%, rgba(255,255,255,0.14) 100%) !important;
    border-color: rgba(255,255,255,0.42) !important;
  }

  html body.category-products-page .warranty-check-btn-v2 span,
  html body.category-products-page .repair-entry-btn-v2 span,
  html body.category-products-page .repair-status-btn-v2 span,
  html body.category-products-page .login-btn-v2 span,
  html body.category-products-page .cart-link-v2 .cart-text-v2,
  html body.category-products-page #header-username-v2 {
    display: inline-flex !important;
    align-items: center !important;
    color: inherit !important;
    -webkit-text-fill-color: inherit !important;
  }

  html body.category-products-page .warranty-check-btn-v2 i,
  html body.category-products-page .repair-entry-btn-v2 i,
  html body.category-products-page .repair-status-btn-v2 i,
  html body.category-products-page .login-btn-v2 i,
  html body.category-products-page .cart-link-v2 i,
  html body.category-products-page .user-profile-v2 i {
    width: 18px !important;
    min-width: 18px !important;
    font-size: 1rem !important;
    line-height: 1 !important;
    flex-shrink: 0 !important;
    color: inherit !important;
    -webkit-text-fill-color: inherit !important;
  }
}

@media (min-width: 1201px) and (max-width: 1480px) {
  html body.category-products-page .warranty-check-btn-v2,
  html body.category-products-page .repair-entry-btn-v2,
  html body.category-products-page .repair-status-btn-v2,
  html body.category-products-page .cart-link-v2,
  html body.category-products-page .login-btn-v2,
  html body.category-products-page .user-profile-v2 {
    padding-left: 13px !important;
    padding-right: 13px !important;
  }
}

html body.category-products-page #header-login-trigger-v2:not([style*="display: none"]) + #header-user-info-v2 {
  display: none !important;
  width: 0 !important;
  min-width: 0 !important;
  max-width: 0 !important;
  margin: 0 !important;
  padding: 0 !important;
  overflow: hidden !important;
}

html body.category-products-page #header-user-info-v2[style*="display: none"] {
  display: none !important;
  width: 0 !important;
  min-width: 0 !important;
  max-width: 0 !important;
  margin: 0 !important;
  padding: 0 !important;
  overflow: hidden !important;
}

html body.category-products-page #header-user-info-v2:not([style*="display: none"]) {
  flex: 0 0 auto !important;
}

/* ==============================================================
  13. Kill stray animations on header
   ============================================================== */
.main-header-wrapper *,
.main-header-wrapper-v2 * {
  animation-name: none !important;
}

/* ==============================================================
  14. DESKTOP HEADER REBALANCE
   ============================================================== */
@media (min-width: 1201px) {
  html body .main-header-wrapper .main-header-full-width,
  html body .main-header-wrapper-v2 .main-header-full-width,
  html body .main-header-wrapper .container,
  html body .main-header-wrapper-v2 .container {
    padding-left: clamp(14px, 1.8vw, 28px) !important;
    padding-right: clamp(14px, 1.8vw, 28px) !important;
  }

  html body .header-layout-v2 {
    gap: clamp(10px, 0.9vw, 16px) !important;
    justify-content: space-between !important;
  }

  html body .header-left-v2 {
    flex: 0 1 220px !important;
    width: auto !important;
    max-width: 220px !important;
    min-width: 170px !important;
  }

  html body .header-center-v2 {
    flex: 1 1 360px !important;
    min-width: 280px !important;
    padding: 4px 8px 4px 10px !important;
  }

  html body .search-container-v2 {
    width: min(100%, clamp(320px, 33vw, 620px)) !important;
    max-width: none !important;
  }

  html body .header-right-v2 {
    flex: 0 1 auto !important;
    width: auto !important;
    min-width: 0 !important;
    max-width: min(41vw, 700px) !important;
    margin-left: auto !important;
  }

  html body .header-right-actions-v2 {
    flex: 0 1 auto !important;
    width: auto !important;
    min-width: 0 !important;
    max-width: 100% !important;
  }

  html body .user-menu-v2 {
    flex: 0 1 auto !important;
    width: auto !important;
    min-width: 0 !important;
    max-width: 100% !important;
    gap: 6px !important;
    padding: 6px !important;
  }

  html body .user-menu-v2 > a,
  html body .user-menu-v2 > div,
  html body .repair-actions-v2 > a,
  html body .header-cart-slot-v2 > a {
    min-width: 0 !important;
  }

  html body .warranty-check-btn-v2,
  html body .repair-entry-btn-v2,
  html body .repair-status-btn-v2,
  html body .login-btn-v2,
  html body .cart-link-v2 {
    padding-left: 14px !important;
    padding-right: 14px !important;
  }
}

@media (min-width: 1201px) and (max-width: 1560px) {
  html body .header-left-v2 {
    max-width: 204px !important;
  }

  html body .search-container-v2 {
    width: min(100%, clamp(300px, 30vw, 560px)) !important;
  }

  html body .header-right-v2 {
    max-width: min(39vw, 620px) !important;
  }

  html body .warranty-check-btn-v2,
  html body .repair-entry-btn-v2,
  html body .repair-status-btn-v2,
  html body .login-btn-v2,
  html body .cart-link-v2 {
    padding-left: 12px !important;
    padding-right: 12px !important;
  }
}

@media (min-width: 1201px) and (max-width: 1440px) {
  html body .warranty-check-btn-v2 span,
  html body .repair-entry-btn-v2 span,
  html body .repair-status-btn-v2 span,
  html body .cart-link-v2 .cart-text-v2 {
    display: none !important;
  }

  html body .warranty-check-btn-v2,
  html body .repair-entry-btn-v2,
  html body .repair-status-btn-v2,
  html body .cart-link-v2 {
    width: 46px !important;
    min-width: 46px !important;
    padding: 0 !important;
    justify-content: center !important;
  }
}

@media (min-width: 1201px) and (max-width: 1320px) {
  html body .login-btn-v2 span {
    display: none !important;
  }

  html body .login-btn-v2 {
    width: 46px !important;
    min-width: 46px !important;
    padding: 0 !important;
    justify-content: center !important;
  }

  html body .header-right-v2 {
    max-width: min(34vw, 520px) !important;
  }
}

/* ==============================================================
  15. CATEGORY PAGE DESKTOP HEADER TUNING
   ============================================================== */
@media (min-width: 1201px) {
  html body.category-products-page.header-layout-customized .main-header-wrapper-v2 .main-header-full-width,
  html body.category-products-page.header-layout-customized .main-header-wrapper-v2 .container {
    padding-left: 18px !important;
    padding-right: 18px !important;
  }

  html body.category-products-page.header-layout-customized .header-layout-v2 {
    display: grid !important;
    grid-template-columns: minmax(170px, 210px) minmax(320px, 1fr) auto !important;
    align-items: center !important;
    column-gap: 12px !important;
  }

  html body.category-products-page.header-layout-customized .header-left-v2,
  html body.category-products-page.header-layout-customized .header-center-v2,
  html body.category-products-page.header-layout-customized .header-right-v2 {
    width: auto !important;
    max-width: none !important;
    min-width: 0 !important;
  }

  html body.category-products-page.header-layout-customized .header-left-v2 {
    flex: initial !important;
  }

  html body.category-products-page.header-layout-customized .header-center-v2 {
    flex: initial !important;
    padding: 0 !important;
    justify-content: flex-start !important;
  }

  html body.category-products-page.header-layout-customized .search-container-v2 {
    width: min(100%, 520px) !important;
    max-width: 520px !important;
    margin: 0 auto !important;
  }

  html body.category-products-page.header-layout-customized .header-right-v2 {
    flex: initial !important;
    justify-self: end !important;
    justify-content: flex-end !important;
    margin-left: 0 !important;
    max-width: 100% !important;
  }

  html body.category-products-page.header-layout-customized .header-right-actions-v2,
  html body.category-products-page.header-layout-customized .user-menu-v2 {
    width: auto !important;
    min-width: 0 !important;
    max-width: 100% !important;
  }

  html body.category-products-page.header-layout-customized .user-menu-v2 {
    gap: 6px !important;
    padding: 5px 6px !important;
    border-radius: 18px !important;
    min-height: 56px !important;
  }

  html body.category-products-page.header-layout-customized .warranty-check-btn-v2,
  html body.category-products-page.header-layout-customized .repair-entry-btn-v2,
  html body.category-products-page.header-layout-customized .repair-status-btn-v2,
  html body.category-products-page.header-layout-customized .login-btn-v2,
  html body.category-products-page.header-layout-customized .cart-link-v2 {
    height: 42px !important;
    min-height: 42px !important;
    padding: 0 12px !important;
    border-radius: 12px !important;
    font-size: 0.81rem !important;
    gap: 6px !important;
  }

  html body.category-products-page.header-layout-customized .notification-btn-v2 {
    width: 36px !important;
    height: 36px !important;
  }
}

@media (min-width: 1201px) and (max-width: 1500px) {
  html body.category-products-page.header-layout-customized .warranty-check-btn-v2 span,
  html body.category-products-page.header-layout-customized .repair-entry-btn-v2 span,
  html body.category-products-page.header-layout-customized .repair-status-btn-v2 span,
  html body.category-products-page.header-layout-customized .cart-link-v2 .cart-text-v2 {
    display: none !important;
  }

  html body.category-products-page.header-layout-customized .warranty-check-btn-v2,
  html body.category-products-page.header-layout-customized .repair-entry-btn-v2,
  html body.category-products-page.header-layout-customized .repair-status-btn-v2,
  html body.category-products-page.header-layout-customized .cart-link-v2 {
    width: 42px !important;
    min-width: 42px !important;
    padding: 0 !important;
    justify-content: center !important;
  }
}

@media (min-width: 1201px) and (max-width: 1360px) {
  html body.category-products-page.header-layout-customized .login-btn-v2 span {
    display: none !important;
  }

  html body.category-products-page.header-layout-customized .login-btn-v2 {
    width: 42px !important;
    min-width: 42px !important;
    padding: 0 !important;
    justify-content: center !important;
  }

  html body.category-products-page.header-layout-customized .search-container-v2 {
    max-width: 460px !important;
  }
}

/* ==============================================================
  16. CATEGORY PAGE DESKTOP COMPACT ACTION BAR
   ============================================================== */
@media (min-width: 1201px) {
  html body.category-products-page.header-layout-customized .header-layout-v2 {
    grid-template-columns: 180px minmax(280px, 1fr) auto !important;
    column-gap: 10px !important;
  }

  html body.category-products-page.header-layout-customized .search-container-v2 {
    width: min(100%, 460px) !important;
    max-width: 460px !important;
  }

  html body.category-products-page.header-layout-customized .header-right-v2,
  html body.category-products-page.header-layout-customized .header-right-actions-v2,
  html body.category-products-page.header-layout-customized .user-menu-v2 {
    max-width: none !important;
    overflow: visible !important;
  }

  html body.category-products-page.header-layout-customized .user-menu-v2 {
    gap: 8px !important;
    padding: 4px 5px !important;
    min-height: 50px !important;
    border-radius: 16px !important;
    background: linear-gradient(180deg, rgba(255,255,255,0.13) 0%, rgba(255,255,255,0.07) 100%) !important;
  }

  html body.category-products-page.header-layout-customized .warranty-check-btn-v2,
  html body.category-products-page.header-layout-customized .repair-entry-btn-v2,
  html body.category-products-page.header-layout-customized .repair-status-btn-v2,
  html body.category-products-page.header-layout-customized .login-btn-v2,
  html body.category-products-page.header-layout-customized .cart-link-v2 {
    width: 40px !important;
    min-width: 40px !important;
    height: 40px !important;
    min-height: 40px !important;
    padding: 0 !important;
    gap: 0 !important;
    justify-content: center !important;
    border-radius: 12px !important;
  }

  html body.category-products-page.header-layout-customized .warranty-check-btn-v2 span,
  html body.category-products-page.header-layout-customized .repair-entry-btn-v2 span,
  html body.category-products-page.header-layout-customized .repair-status-btn-v2 span,
  html body.category-products-page.header-layout-customized .login-btn-v2 span,
  html body.category-products-page.header-layout-customized .cart-link-v2 .cart-text-v2 {
    display: none !important;
  }

  html body.category-products-page.header-layout-customized .warranty-check-btn-v2 i,
  html body.category-products-page.header-layout-customized .repair-entry-btn-v2 i,
  html body.category-products-page.header-layout-customized .repair-status-btn-v2 i,
  html body.category-products-page.header-layout-customized .login-btn-v2 i,
  html body.category-products-page.header-layout-customized .cart-link-v2 i {
    font-size: 0.98rem !important;
    margin: 0 !important;
  }

  html body.category-products-page.header-layout-customized .cart-link-v2 {
    position: relative !important;
  }

  html body.category-products-page.header-layout-customized .cart-badge-v2 {
    top: -5px !important;
    right: -5px !important;
  }
}

/* ==============================================================
  17. SHARED NAV FINAL FIX (match index.html)
   ============================================================== */
.main-nav {
  background: linear-gradient(90deg, rgba(240, 0, 247, 0.94) 0%, rgba(171, 98, 255, 0.88) 46%, rgba(88, 187, 246, 0.9) 100%) !important;
  border-top: 1px solid rgba(255, 255, 255, 0.12) !important;
  border-bottom: 1px solid rgba(255, 255, 255, 0.16) !important;
  box-shadow: 0 12px 26px rgba(67, 49, 173, 0.14) !important;
  padding: 14px 0 16px !important;
  overflow: visible !important;
  position: relative !important;
  z-index: 1700 !important;
}

#main-nav-container {
  display: flex !important;
  flex-direction: row !important;
  flex-wrap: wrap !important;
  align-items: center !important;
  justify-content: center !important;
  align-content: flex-start !important;
  gap: 10px !important;
  width: calc(100% - 24px) !important;
  max-width: min(1320px, calc(100% - 24px)) !important;
  margin: 0 auto !important;
  padding: 0 12px !important;
  min-height: 64px !important;
  position: relative !important;
  overflow-x: hidden !important;
  overflow-y: visible !important;
  white-space: normal !important;
  row-gap: 12px !important;
  scrollbar-width: none !important;
  -ms-overflow-style: none !important;
  box-sizing: border-box !important;
}

#main-nav-container::-webkit-scrollbar {
  display: none !important;
}

.nav-row-break {
  display: block !important;
  flex: 0 0 100% !important;
  width: 100% !important;
  height: 0 !important;
  margin: 0 !important;
  padding: 0 !important;
  pointer-events: none !important;
}

.nav-item-wrapper,
.nav-item-wrapper:not(.nav-item-wrapper--category),
.nav-item-wrapper:last-child {
  position: relative !important;
  display: inline-flex !important;
  align-items: stretch !important;
  flex: 0 0 auto !important;
  border: none !important;
}

.nav-item-wrapper.is-open {
  z-index: 10001 !important;
}

#main-nav-container > a.secondary-nav-item-link,
#main-nav-container > .nav-item-wrapper > .header-nav-dropdown-trigger {
  all: unset;
  box-sizing: border-box !important;
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  gap: 8px !important;
  min-height: 50px !important;
  padding: 0 16px !important;
  border-radius: 0 !important;
  border: none !important;
  background: transparent !important;
  color: #214b8f !important;
  -webkit-text-fill-color: #214b8f !important;
  text-decoration: none !important;
  font-size: 0.9rem !important;
  font-weight: 700 !important;
  letter-spacing: -0.01em !important;
  box-shadow: none !important;
  cursor: pointer !important;
  transition: transform 0.18s ease, box-shadow 0.18s ease, border-color 0.18s ease, background 0.18s ease, color 0.18s ease !important;
  flex: 0 0 auto !important;
  white-space: nowrap !important;
}

#main-nav-container > a.secondary-nav-item-link:hover,
#main-nav-container > .nav-item-wrapper > .header-nav-dropdown-trigger:hover,
#main-nav-container > .nav-item-wrapper.is-open > .header-nav-dropdown-trigger {
  background: rgba(255, 255, 255, 0.1) !important;
  border-color: transparent !important;
  color: #143d84 !important;
  -webkit-text-fill-color: #143d84 !important;
  box-shadow: none !important;
  transform: translateY(-1px) !important;
}

#main-nav-container > a.secondary-nav-item-link,
#main-nav-container > .nav-item-wrapper > .header-nav-dropdown-trigger,
#main-nav-container > a.secondary-nav-item-link span,
#main-nav-container > .nav-item-wrapper > .header-nav-dropdown-trigger span,
#main-nav-container > a.secondary-nav-item-link i,
#main-nav-container > .nav-item-wrapper > .header-nav-dropdown-trigger i {
  color: #214b8f !important;
  -webkit-text-fill-color: #214b8f !important;
}

#main-nav-container > a.secondary-nav-item-link:hover span,
#main-nav-container > .nav-item-wrapper > .header-nav-dropdown-trigger:hover span,
#main-nav-container > .nav-item-wrapper.is-open > .header-nav-dropdown-trigger span,
#main-nav-container > a.secondary-nav-item-link:hover i,
#main-nav-container > .nav-item-wrapper > .header-nav-dropdown-trigger:hover i,
#main-nav-container > .nav-item-wrapper.is-open > .header-nav-dropdown-trigger i {
  color: #143d84 !important;
  -webkit-text-fill-color: #143d84 !important;
}

#main-nav-container > .nav-item-wrapper.nav-item-wrapper--category > .header-nav-dropdown-trigger {
  min-height: 54px !important;
  padding: 0 20px 0 12px !important;
  border: 2px solid #46a6f8 !important;
  border-radius: 999px !important;
  background: #ffffff !important;
  color: #1480d8 !important;
  -webkit-text-fill-color: #1480d8 !important;
  box-shadow: 0 12px 26px rgba(44, 136, 234, 0.14) !important;
}

#main-nav-container > .nav-item-wrapper.nav-item-wrapper--category > .header-nav-dropdown-trigger .header-nav-category-trigger__icon {
  width: 40px !important;
  height: 40px !important;
  margin-right: 8px !important;
  border-radius: 14px !important;
  background: linear-gradient(180deg, #e8f5ff 0%, #d6ebff 100%) !important;
  box-shadow: inset 0 0 0 1px rgba(84, 165, 245, 0.2) !important;
}

#main-nav-container > .nav-item-wrapper.nav-item-wrapper--category > .header-nav-dropdown-trigger .header-nav-category-trigger__icon i {
  color: #1790e7 !important;
  -webkit-text-fill-color: #1790e7 !important;
}

#main-nav-container > .nav-item-wrapper.nav-item-wrapper--category > .header-nav-dropdown-trigger:hover,
#main-nav-container > .nav-item-wrapper.nav-item-wrapper--category.is-open > .header-nav-dropdown-trigger {
  background: #ffffff !important;
  border-color: #2196f3 !important;
  color: #0f75c9 !important;
  -webkit-text-fill-color: #0f75c9 !important;
  box-shadow: 0 16px 34px rgba(33, 150, 243, 0.16) !important;
}

.header-nav-dropdown {
  display: none !important;
  position: absolute !important;
  top: calc(100% + 10px) !important;
  left: 0 !important;
  z-index: 10002 !important;
  min-width: 240px !important;
  max-width: 320px !important;
  background: rgba(255, 255, 255, 0.98) !important;
  border-radius: 18px !important;
  box-shadow: 0 24px 60px rgba(15, 23, 42, 0.16) !important;
  padding: 10px !important;
  border: 1px solid rgba(209, 220, 236, 0.95) !important;
  backdrop-filter: blur(12px) !important;
  flex-direction: column !important;
}

.nav-item-wrapper.is-open .header-nav-dropdown {
  display: flex !important;
}

.header-nav-dropdown-item {
  display: flex !important;
  align-items: center !important;
  width: 100% !important;
  max-width: none !important;
  min-height: 44px !important;
  padding: 0 14px !important;
  margin: 0 !important;
  flex: 0 0 auto !important;
  border-radius: 12px !important;
  color: #1f3658 !important;
  -webkit-text-fill-color: #1f3658 !important;
  font-size: 0.88rem !important;
  font-weight: 600 !important;
  line-height: 1.35 !important;
  text-decoration: none !important;
  white-space: nowrap !important;
  cursor: pointer !important;
  background: transparent !important;
  box-sizing: border-box !important;
  transition: background 0.16s ease, color 0.16s ease, transform 0.16s ease !important;
  opacity: 1 !important;
  visibility: visible !important;
}

.header-nav-dropdown-item,
.header-nav-dropdown-item span,
.header-nav-dropdown-item i,
.header-nav-dropdown * {
  color: #1f3658 !important;
  -webkit-text-fill-color: #1f3658 !important;
}

.header-nav-dropdown-item:hover {
  background: #edf4ff !important;
  color: #1452b8 !important;
  -webkit-text-fill-color: #1452b8 !important;
  transform: translateX(2px) !important;
}

.header-nav-dropdown-item:hover,
.header-nav-dropdown-item:hover span,
.header-nav-dropdown-item:hover i {
  color: #1452b8 !important;
  -webkit-text-fill-color: #1452b8 !important;
}

.pro-category-dropdown {
  background: rgba(255, 255, 255, 0.98) !important;
  border: 1px solid rgba(209, 220, 236, 0.95) !important;
  border-radius: 22px !important;
  box-shadow: 0 24px 60px rgba(15, 23, 42, 0.18) !important;
  backdrop-filter: blur(12px) !important;
  padding: 14px !important;
}

.pro-category-dropdown .category-dropdown-loading,
.pro-category-dropdown .category-dropdown-error {
  padding: 16px !important;
  color: #334155 !important;
  font-size: 0.92rem !important;
}

.pro-category-dropdown .category-dropdown-group {
  display: grid !important;
  gap: 8px !important;
}

.pro-category-dropdown .category-dropdown-group + .category-dropdown-group {
  margin-top: 12px !important;
  padding-top: 12px !important;
  border-top: 1px solid rgba(226, 232, 240, 0.9) !important;
}

.pro-category-dropdown .category-dropdown-parent,
.pro-category-dropdown .category-dropdown-leaf,
.pro-category-dropdown .category-dropdown-child {
  display: flex !important;
  align-items: center !important;
  gap: 10px !important;
  min-height: 44px !important;
  padding: 0 14px !important;
  border-radius: 14px !important;
  color: #17325f !important;
  text-decoration: none !important;
  transition: background 0.16s ease, color 0.16s ease, transform 0.16s ease !important;
}

.pro-category-dropdown .category-dropdown-parent,
.pro-category-dropdown .category-dropdown-leaf {
  background: linear-gradient(180deg, #f8fbff 0%, #eff6ff 100%) !important;
  font-weight: 800 !important;
}

.pro-category-dropdown .category-dropdown-children {
  display: grid !important;
  gap: 6px !important;
  padding-left: 12px !important;
}

.pro-category-dropdown .category-dropdown-child {
  min-height: 40px !important;
  padding-left: 16px !important;
  font-size: 0.88rem !important;
  font-weight: 600 !important;
  background: transparent !important;
}

.pro-category-dropdown .category-dropdown-parent:hover,
.pro-category-dropdown .category-dropdown-leaf:hover,
.pro-category-dropdown .category-dropdown-child:hover {
  background: #edf4ff !important;
  color: #1452b8 !important;
  transform: translateX(2px) !important;
}

.pro-category-dropdown .category-dropdown-icon {
  width: 30px !important;
  height: 30px !important;
  border-radius: 10px !important;
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  background: linear-gradient(180deg, #e8f5ff 0%, #d6ebff 100%) !important;
  color: #1790e7 !important;
  flex-shrink: 0 !important;
}

.pro-category-dropdown .category-dropdown-child .category-dropdown-icon {
  width: 24px !important;
  height: 24px !important;
  border-radius: 8px !important;
  background: rgba(232, 245, 255, 0.82) !important;
}

.header-nav-dropdown--category {
  min-width: 280px !important;
  max-width: 360px !important;
}

.header-nav-category-panel-header {
  display: flex !important;
  align-items: center !important;
  gap: 10px !important;
  padding: 4px 4px 10px !important;
  margin-bottom: 8px !important;
  border-bottom: 1px solid rgba(226, 232, 240, 0.9) !important;
}

.header-nav-category-back {
  display: inline-flex !important;
  align-items: center !important;
  gap: 6px !important;
  min-height: 36px !important;
  padding: 0 12px !important;
  border: none !important;
  border-radius: 999px !important;
  background: #edf4ff !important;
  color: #1452b8 !important;
  font-size: 0.82rem !important;
  font-weight: 700 !important;
  cursor: pointer !important;
}

.header-nav-category-panel-title {
  min-width: 0 !important;
  font-size: 0.92rem !important;
  font-weight: 800 !important;
  color: #17325f !important;
  line-height: 1.35 !important;
}

.header-nav-dropdown-item--category {
  justify-content: space-between !important;
  gap: 12px !important;
  white-space: normal !important;
}

.header-nav-dropdown-item--category .header-nav-dropdown-item__label {
  flex: 1 1 auto !important;
  min-width: 0 !important;
  text-align: left !important;
}

.header-nav-dropdown-item--branch {
  border: none !important;
}

.header-nav-dropdown-item--branch i,
.header-nav-dropdown-item--category-overview i {
  flex: 0 0 auto !important;
  font-size: 0.8rem !important;
  opacity: 0.72 !important;
}

.header-nav-dropdown-item--category-overview {
  background: linear-gradient(180deg, #f8fbff 0%, #eff6ff 100%) !important;
  font-weight: 800 !important;
  margin-bottom: 8px !important;
}

@media (max-width: 991.98px) {
  .nav-row-break {
    display: none !important;
  }

  .main-nav {
    padding: 10px 0 12px !important;
  }

  #main-nav-container {
    flex-wrap: nowrap !important;
    align-items: center !important;
    align-content: center !important;
    justify-content: flex-start !important;
    gap: 8px !important;
    padding: 0 12px !important;
    min-height: 56px !important;
    overflow-x: auto !important;
    overflow-y: hidden !important;
    white-space: nowrap !important;
    scroll-snap-type: x proximity !important;
    -webkit-overflow-scrolling: touch !important;
    touch-action: pan-x !important;
  }

  #main-nav-container > a.secondary-nav-item-link,
  #main-nav-container > .nav-item-wrapper > .header-nav-dropdown-trigger {
    min-height: 48px !important;
    padding: 0 16px !important;
    font-size: 0.86rem !important;
    border-radius: 14px !important;
    flex: 0 0 auto !important;
    scroll-snap-align: start !important;
  }

  #main-nav-container > .nav-item-wrapper.nav-item-wrapper--category {
    width: auto !important;
    flex: 0 0 auto !important;
    justify-content: flex-start !important;
    margin-bottom: 0 !important;
  }

  #main-nav-container > .nav-item-wrapper.nav-item-wrapper--category > .header-nav-dropdown-trigger {
    min-height: 54px !important;
    padding: 0 18px 0 12px !important;
    font-size: 0.9rem !important;
    min-width: max-content !important;
  }

  .pro-category-dropdown {
    width: min(92vw, 360px) !important;
    min-width: 0 !important;
    max-height: min(78vh, 560px) !important;
  }
}

/* ==============================================================
   17. FINAL DESKTOP SEARCH BAR RESET
   ============================================================== */
@media (min-width: 769px) {
  html body .header-center-v2 {
    min-width: 0 !important;
  }

  html body .header-center-v2 .search-container-v2 {
    width: 100% !important;
    max-width: 100% !important;
    min-width: 0 !important;
  }

  html body .header-center-v2 .search-bar-v2 {
    position: relative !important;
    display: grid !important;
    grid-template-columns: minmax(0, 1fr) 56px !important;
    align-items: center !important;
    column-gap: 10px !important;
    width: 100% !important;
    min-width: 0 !important;
    height: 58px !important;
    min-height: 58px !important;
    padding: 6px !important;
    overflow: hidden !important;
    box-sizing: border-box !important;
  }

  html body .header-center-v2 .search-bar-v2 .category-select-v2 {
    display: none !important;
  }

  html body .header-center-v2 .search-bar-v2 #search-input-main-v2 {
    grid-column: 1 !important;
    display: block !important;
    width: 100% !important;
    height: 100% !important;
    min-width: 0 !important;
    margin: 0 !important;
    padding: 0 14px !important;
    box-sizing: border-box !important;
  }

  html body .header-center-v2 .search-bar-v2 #search-button-main-v2 {
    grid-column: 2 !important;
    position: static !important;
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    width: 56px !important;
    min-width: 56px !important;
    max-width: 56px !important;
    height: 100% !important;
    min-height: 0 !important;
    margin: 0 !important;
    padding: 0 !important;
    border-radius: 999px !important;
    flex: none !important;
    z-index: 2 !important;
    justify-self: stretch !important;
    align-self: stretch !important;
  }

  html body .header-center-v2 .search-bar-v2 #search-button-main-v2:hover {
    transform: none !important;
  }
}

@media (max-width: 575.98px) {
  #main-nav-container {
    gap: 6px !important;
    padding: 0 10px !important;
  }

  #main-nav-container > a.secondary-nav-item-link,
  #main-nav-container > .nav-item-wrapper > .header-nav-dropdown-trigger {
    min-height: 44px !important;
    padding: 0 14px !important;
    font-size: 0.82rem !important;
    border-radius: 12px !important;
  }

  #main-nav-container > .nav-item-wrapper.nav-item-wrapper--category > .header-nav-dropdown-trigger {
    min-height: 48px !important;
    padding: 0 16px 0 10px !important;
    font-size: 0.84rem !important;
  }
}

/* ==============================================================
  18. CATEGORY PAGE DESKTOP HEADER BAR REBUILD
   ============================================================== */
@media (min-width: 1201px) {
  html body.category-products-page.header-layout-customized .main-header-wrapper-v2 {
    min-height: 124px !important;
  }

  html body.category-products-page.header-layout-customized .main-header-wrapper-v2 .main-header-full-width,
  html body.category-products-page.header-layout-customized .main-header-wrapper-v2 .container {
    height: 124px !important;
    padding-left: clamp(18px, 2vw, 32px) !important;
    padding-right: clamp(18px, 2vw, 32px) !important;
  }

  html body.category-products-page.header-layout-customized .header-layout-v2 {
    display: flex !important;
    align-items: center !important;
    justify-content: space-between !important;
    gap: clamp(14px, 1.4vw, 22px) !important;
    width: 100% !important;
    height: 124px !important;
    grid-template-columns: unset !important;
  }

  html body.category-products-page.header-layout-customized .header-left-v2 {
    flex: 0 0 230px !important;
    width: 230px !important;
    max-width: 230px !important;
    min-width: 190px !important;
  }

  html body.category-products-page.header-layout-customized .header-center-v2 {
    flex: 1 1 auto !important;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    min-width: 0 !important;
    padding: 0 !important;
  }

  html body.category-products-page.header-layout-customized .header-center-v2 .search-container-v2 {
    width: min(100%, 640px) !important;
    max-width: 640px !important;
    min-width: 320px !important;
    margin: 0 auto !important;
  }

  html body.category-products-page.header-layout-customized .header-center-v2 .search-bar-v2 {
    height: 58px !important;
    min-height: 58px !important;
    padding: 6px !important;
    border-radius: 999px !important;
    box-shadow: 0 16px 34px rgba(8, 34, 92, 0.18) !important;
  }

  html body.category-products-page.header-layout-customized .header-center-v2 .search-bar-v2 #search-input-main-v2 {
    padding: 0 20px !important;
    font-size: 1rem !important;
  }

  html body.category-products-page.header-layout-customized .header-center-v2 .search-bar-v2 #search-button-main-v2 {
    width: 58px !important;
    min-width: 58px !important;
    max-width: 58px !important;
    height: 46px !important;
    align-self: center !important;
    justify-self: end !important;
  }

  html body.category-products-page.header-layout-customized .header-right-v2 {
    flex: 0 0 auto !important;
    width: auto !important;
    min-width: 0 !important;
    max-width: none !important;
    margin-left: auto !important;
    justify-content: flex-end !important;
  }

  html body.category-products-page.header-layout-customized .header-right-actions-v2 {
    width: auto !important;
    min-width: 0 !important;
    max-width: none !important;
  }

  html body.category-products-page.header-layout-customized .user-menu-v2 {
    display: inline-flex !important;
    align-items: center !important;
    justify-content: flex-end !important;
    gap: 8px !important;
    padding: 8px 10px !important;
    min-height: 64px !important;
    width: auto !important;
    min-width: 0 !important;
    max-width: none !important;
    border-radius: 24px !important;
    background: linear-gradient(180deg, rgba(255,255,255,0.16) 0%, rgba(255,255,255,0.09) 100%) !important;
    border: 1px solid rgba(255,255,255,0.26) !important;
    box-shadow: inset 0 1px 0 rgba(255,255,255,0.2), 0 14px 30px rgba(6, 32, 92, 0.16) !important;
  }

  html body.category-products-page.header-layout-customized .user-menu-v2 > a,
  html body.category-products-page.header-layout-customized .user-menu-v2 > div {
    flex: 0 0 auto !important;
  }

  html body.category-products-page.header-layout-customized .repair-entry-btn-v2,
  html body.category-products-page.header-layout-customized .repair-status-btn-v2,
  html body.category-products-page.header-layout-customized .warranty-check-btn-v2,
  html body.category-products-page.header-layout-customized .header-cart-slot-v2 .cart-link-v2--standalone {
    width: 46px !important;
    min-width: 46px !important;
    height: 46px !important;
    min-height: 46px !important;
    padding: 0 !important;
    border-radius: 14px !important;
    justify-content: center !important;
    gap: 0 !important;
  }

  html body.category-products-page.header-layout-customized .repair-entry-btn-v2 span,
  html body.category-products-page.header-layout-customized .repair-status-btn-v2 span,
  html body.category-products-page.header-layout-customized .warranty-check-btn-v2 span,
  html body.category-products-page.header-layout-customized .cart-link-v2 .cart-text-v2 {
    display: none !important;
  }

  html body.category-products-page.header-layout-customized .login-btn-v2,
  html body.category-products-page.header-layout-customized .user-profile-v2 {
    min-width: 102px !important;
    height: 46px !important;
    min-height: 46px !important;
    padding: 0 16px !important;
    border-radius: 16px !important;
    justify-content: center !important;
    gap: 8px !important;
  }

  html body.category-products-page.header-layout-customized .login-btn-v2 span,
  html body.category-products-page.header-layout-customized #header-username-v2 {
    display: inline-block !important;
    max-width: 72px !important;
    overflow: hidden !important;
    text-overflow: ellipsis !important;
    white-space: nowrap !important;
    font-size: 0.88rem !important;
  }

  html body.category-products-page.header-layout-customized .main-nav {
    background: linear-gradient(90deg, #1d78ea 0%, #0fb7df 100%) !important;
    padding: 8px 0 !important;
    box-shadow: 0 10px 26px rgba(15, 90, 176, 0.16) !important;
  }

  html body.category-products-page.header-layout-customized #main-nav-container {
    width: min(100%, 1420px) !important;
    max-width: 1420px !important;
    min-height: 58px !important;
    flex-wrap: wrap !important;
    justify-content: center !important;
    align-items: center !important;
    align-content: flex-start !important;
    gap: clamp(4px, 0.55vw, 10px) !important;
    row-gap: 12px !important;
    padding: 0 10px !important;
    overflow-x: hidden !important;
    overflow-y: visible !important;
    white-space: normal !important;
    scrollbar-width: none !important;
  }

  html body.category-products-page.header-layout-customized .nav-row-break {
    display: block !important;
  }

  html body.category-products-page.header-layout-customized #main-nav-container > a.secondary-nav-item-link,
  html body.category-products-page.header-layout-customized #main-nav-container > .nav-item-wrapper > .header-nav-dropdown-trigger {
    min-height: 44px !important;
    padding: 0 12px !important;
    font-size: 0.82rem !important;
    border-radius: 999px !important;
    justify-content: center !important;
  }

  html body.category-products-page.header-layout-customized #main-nav-container > .nav-item-wrapper.nav-item-wrapper--category > .header-nav-dropdown-trigger {
    min-height: 48px !important;
    padding: 0 16px 0 10px !important;
  }
}

@media (min-width: 1201px) and (max-width: 1440px) {
  html body.category-products-page.header-layout-customized .header-left-v2 {
    flex-basis: 210px !important;
    width: 210px !important;
    max-width: 210px !important;
  }

  html body.category-products-page.header-layout-customized .header-center-v2 .search-container-v2 {
    max-width: 560px !important;
  }

  html body.category-products-page.header-layout-customized .login-btn-v2,
  html body.category-products-page.header-layout-customized .user-profile-v2 {
    min-width: 46px !important;
    width: 46px !important;
    padding: 0 !important;
  }

  html body.category-products-page.header-layout-customized .login-btn-v2 span,
  html body.category-products-page.header-layout-customized #header-username-v2 {
    display: none !important;
  }
}

/* ==============================================================
  19. CATEGORY PAGE ACTION COLOR OVERRIDES
   ============================================================== */
html body.category-products-page.header-layout-customized .repair-entry-btn-v2,
html body.category-products-page.header-layout-customized .repair-status-btn-v2,
html body.category-products-page.header-layout-customized .warranty-check-btn-v2 {
  background: linear-gradient(180deg, rgba(255,255,255,0.2) 0%, rgba(255,255,255,0.1) 100%) !important;
  border: 1px solid rgba(255,255,255,0.3) !important;
  color: #ffffff !important;
  -webkit-text-fill-color: #ffffff !important;
  box-shadow: inset 0 1px 0 rgba(255,255,255,0.22), 0 10px 20px rgba(5, 42, 106, 0.18) !important;
}

html body.category-products-page.header-layout-customized .repair-entry-btn-v2:hover,
html body.category-products-page.header-layout-customized .repair-status-btn-v2:hover,
html body.category-products-page.header-layout-customized .warranty-check-btn-v2:hover {
  background: linear-gradient(180deg, rgba(255,255,255,0.28) 0%, rgba(255,255,255,0.14) 100%) !important;
  border-color: rgba(255,255,255,0.44) !important;
  color: #ffffff !important;
  -webkit-text-fill-color: #ffffff !important;
}

html body.category-products-page.header-layout-customized .repair-entry-btn-v2 i,
html body.category-products-page.header-layout-customized .repair-status-btn-v2 i,
html body.category-products-page.header-layout-customized .warranty-check-btn-v2 i,
html body.category-products-page.header-layout-customized .repair-entry-btn-v2 span,
html body.category-products-page.header-layout-customized .repair-status-btn-v2 span,
html body.category-products-page.header-layout-customized .warranty-check-btn-v2 span {
  color: #ffffff !important;
  -webkit-text-fill-color: #ffffff !important;
}

html body.category-products-page.header-layout-customized .header-cart-slot-v2 .cart-link-v2--standalone,
html body.category-products-page.header-layout-customized .cart-link-v2 {
  background: linear-gradient(180deg, #1fd2c5 0%, #11b7b8 100%) !important;
  border: 1px solid rgba(255,255,255,0.24) !important;
  color: #ffffff !important;
  -webkit-text-fill-color: #ffffff !important;
  box-shadow: 0 12px 24px rgba(4, 126, 133, 0.24) !important;
}

html body.category-products-page.header-layout-customized .header-cart-slot-v2 .cart-link-v2--standalone:hover,
html body.category-products-page.header-layout-customized .cart-link-v2:hover {
  background: linear-gradient(180deg, #22ddd0 0%, #14c2c3 100%) !important;
  color: #ffffff !important;
  -webkit-text-fill-color: #ffffff !important;
}

html body.category-products-page.header-layout-customized .login-btn-v2,
html body.category-products-page.header-layout-customized .user-profile-v2 {
  background: linear-gradient(180deg, #0f66bb 0%, #0b57a0 100%) !important;
  border: 1px solid rgba(255,255,255,0.24) !important;
  color: #ffffff !important;
  -webkit-text-fill-color: #ffffff !important;
  box-shadow: 0 12px 26px rgba(6, 32, 92, 0.18) !important;
}

html body.category-products-page.header-layout-customized .login-btn-v2:hover,
html body.category-products-page.header-layout-customized .user-profile-v2:hover {
  background: linear-gradient(180deg, #1171ce 0%, #0c60b3 100%) !important;
  border-color: rgba(255,255,255,0.38) !important;
  color: #ffffff !important;
  -webkit-text-fill-color: #ffffff !important;
}

html body.category-products-page.header-layout-customized .login-btn-v2 i,
html body.category-products-page.header-layout-customized .login-btn-v2 span,
html body.category-products-page.header-layout-customized .user-profile-v2 i,
html body.category-products-page.header-layout-customized #header-username-v2 {
  color: inherit !important;
  -webkit-text-fill-color: inherit !important;
}

/* ==============================================================
  20. CATEGORY PAGE FINAL MOBILE HEADER RESET
   ============================================================== */
@media (max-width: 768px) {
  html body.category-products-page.header-layout-customized .main-header-wrapper-v2,
  html body.category-products-page.header-layout-customized .main-header-wrapper {
    min-height: auto !important;
    padding: 0 !important;
  }

  html body.category-products-page.header-layout-customized .main-header-wrapper-v2 .container,
  html body.category-products-page.header-layout-customized .main-header-wrapper .container,
  html body.category-products-page.header-layout-customized .main-header-full-width {
    height: auto !important;
    min-height: auto !important;
    padding: 10px 12px 14px !important;
  }

  html body.category-products-page.header-layout-customized .header-layout-v2 {
    display: flex !important;
    flex-direction: column !important;
    align-items: stretch !important;
    justify-content: flex-start !important;
    gap: 12px !important;
    height: auto !important;
    width: 100% !important;
    grid-template-columns: unset !important;
  }

  html body.category-products-page.header-layout-customized .header-left-v2,
  html body.category-products-page.header-layout-customized .header-center-v2,
  html body.category-products-page.header-layout-customized .header-right-v2,
  html body.category-products-page.header-layout-customized .header-right-actions-v2 {
    width: 100% !important;
    max-width: none !important;
    min-width: 0 !important;
    margin: 0 !important;
  }

  html body.category-products-page.header-layout-customized .header-left-v2 {
    order: 1 !important;
    flex: 0 0 auto !important;
    justify-content: center !important;
    padding: 2px 0 0 !important;
  }

  html body.category-products-page.header-layout-customized .brand-container-v2 {
    justify-content: center !important;
    gap: 10px !important;
  }

  html body.category-products-page.header-layout-customized #shop-logo-main-v2,
  html body.category-products-page.header-layout-customized #shop-logo-main {
    height: 40px !important;
  }

  html body.category-products-page.header-layout-customized #shop-name-display-v2,
  html body.category-products-page.header-layout-customized #shop-name-display {
    font-size: 0.98rem !important;
  }

  html body.category-products-page.header-layout-customized .header-center-v2 {
    order: 2 !important;
    flex: 0 0 auto !important;
    padding: 0 !important;
    justify-content: stretch !important;
  }

  html body.category-products-page.header-layout-customized .search-container-v2 {
    width: min(100%, 360px) !important;
    max-width: 360px !important;
    min-width: 0 !important;
    margin: 0 auto !important;
  }

  html body.category-products-page.header-layout-customized .search-bar-v2,
  html body.category-products-page.header-layout-customized .search-bar {
    width: 100% !important;
    height: 54px !important;
    min-height: 54px !important;
    border-radius: 999px !important;
    padding: 5px !important;
  }

  html body.category-products-page.header-layout-customized #search-input-main-v2,
  html body.category-products-page.header-layout-customized #search-input-main {
    padding: 0 14px !important;
    font-size: 0.92rem !important;
  }

  html body.category-products-page.header-layout-customized #search-button-main-v2,
  html body.category-products-page.header-layout-customized #search-button-main {
    width: 52px !important;
    min-width: 52px !important;
    max-width: 52px !important;
    height: calc(100% - 6px) !important;
    margin-right: 0 !important;
  }

  html body.category-products-page.header-layout-customized .header-right-v2 {
    order: 3 !important;
    display: block !important;
    width: min(100%, 360px) !important;
    max-width: 360px !important;
    margin: 0 auto !important;
    padding: 0 !important;
    background: none !important;
    border: none !important;
    border-radius: 0 !important;
    box-shadow: none !important;
  }

  html body.category-products-page.header-layout-customized .header-right-actions-v2 {
    display: block !important;
    width: 100% !important;
    margin: 0 auto !important;
  }

  html body.category-products-page.header-layout-customized .user-menu-v2 {
    display: grid !important;
    grid-template-columns: repeat(4, minmax(0, 1fr)) !important;
    align-items: stretch !important;
    gap: 8px !important;
    width: 100% !important;
    max-width: 360px !important;
    padding: 0 !important;
    margin: 0 auto !important;
    min-height: 0 !important;
    height: auto !important;
    background: transparent !important;
    border: none !important;
    border-radius: 0 !important;
    box-shadow: none !important;
  }

  html body.category-products-page.header-layout-customized .repair-actions-v2,
  html body.category-products-page.header-layout-customized .header-cart-slot-v2 {
    display: contents !important;
  }

  html body.category-products-page.header-layout-customized .repair-entry-btn-v2,
  html body.category-products-page.header-layout-customized .repair-status-btn-v2,
  html body.category-products-page.header-layout-customized .warranty-check-btn-v2,
  html body.category-products-page.header-layout-customized .header-cart-slot-v2 .cart-link-v2--standalone {
    width: 100% !important;
    min-width: 0 !important;
    height: 48px !important;
    min-height: 48px !important;
    padding: 0 !important;
    justify-content: center !important;
    gap: 0 !important;
    border-radius: 16px !important;
  }

  html body.category-products-page.header-layout-customized .repair-entry-btn-v2 span,
  html body.category-products-page.header-layout-customized .repair-status-btn-v2 span,
  html body.category-products-page.header-layout-customized .warranty-check-btn-v2 span,
  html body.category-products-page.header-layout-customized .header-cart-slot-v2 .cart-text-v2 {
    display: none !important;
  }

  html body.category-products-page.header-layout-customized .login-btn-v2,
  html body.category-products-page.header-layout-customized #header-user-info-v2:not([style*="display: none"]) {
    grid-column: 1 / -1 !important;
    width: 100% !important;
    min-width: 0 !important;
  }

  html body.category-products-page.header-layout-customized .login-btn-v2,
  html body.category-products-page.header-layout-customized .user-profile-v2 {
    height: 48px !important;
    min-height: 48px !important;
    padding: 0 14px !important;
    justify-content: center !important;
    gap: 8px !important;
    border-radius: 16px !important;
  }

  html body.category-products-page.header-layout-customized .login-btn-v2 span,
  html body.category-products-page.header-layout-customized #header-username-v2 {
    display: inline-block !important;
    max-width: calc(100% - 32px) !important;
    overflow: hidden !important;
    text-overflow: ellipsis !important;
    white-space: nowrap !important;
  }
}

@media (max-width: 480px) {
  html body.category-products-page.header-layout-customized .main-header-wrapper-v2 .container,
  html body.category-products-page.header-layout-customized .main-header-wrapper .container,
  html body.category-products-page.header-layout-customized .main-header-full-width {
    padding: 8px 10px 12px !important;
  }

  html body.category-products-page.header-layout-customized .user-menu-v2 {
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
    max-width: 320px !important;
  }

  html body.category-products-page.header-layout-customized .repair-entry-btn-v2,
  html body.category-products-page.header-layout-customized .repair-status-btn-v2,
  html body.category-products-page.header-layout-customized .warranty-check-btn-v2,
  html body.category-products-page.header-layout-customized .header-cart-slot-v2 .cart-link-v2--standalone,
  html body.category-products-page.header-layout-customized .login-btn-v2,
  html body.category-products-page.header-layout-customized .user-profile-v2 {
    height: 46px !important;
    min-height: 46px !important;
    border-radius: 14px !important;
  }
}


/**
 * header-pro-redesign.css  v2
 * Complete rewrite  Advice-inspired dark header, flex layout (no grid conflicts).
 * Loaded LAST so all !important rules win.
 */

/* ==============================================================
   1. TOP BAR  dark navy, slim utility strip
   ============================================================== */
.top-bar {
  display: none !important;
}

.top-bar .container,
.top-bar .top-bar-full-width {
  display: flex !important;
  align-items: center !important;
  justify-content: space-between !important;
}

.top-bar .left-content,
.top-bar .left-content span,
.top-bar .left-content i {
  color: rgba(148, 163, 184, 0.85) !important;
  font-size: 0.78rem !important;
  background: none !important;
  -webkit-text-fill-color: rgba(148,163,184,0.85) !important;
}

.top-bar .right-content a,
.top-bar .right-content button,
.top-bar .right-content .btn,
.top-bar .right-content .dropdown-toggle {
  color: rgba(148, 163, 184, 0.85) !important;
  background: none !important;
  border: none !important;
  font-size: 0.78rem !important;
  font-weight: 500 !important;
  padding: 0 0.5rem !important;
  box-shadow: none !important;
  text-decoration: none !important;
  -webkit-text-fill-color: rgba(148,163,184,0.85) !important;
}

.top-bar .right-content a:hover,
.top-bar .right-content .btn:hover {
  color: #ffffff !important;
  -webkit-text-fill-color: #ffffff !important;
}

/* ==============================================================
   2. MAIN HEADER  dark blue gradient, full height clear band
   ============================================================== */
.main-header-wrapper,
.main-header-wrapper-v2 {
  background: linear-gradient(90deg, #19d2df 0%, #3f8bf7 48%, #6e24ff 100%) !important;
  border-bottom: none !important;
  box-shadow: 0 14px 30px rgba(38, 44, 155, 0.22) !important;
  backdrop-filter: none !important;
  -webkit-backdrop-filter: none !important;
  padding: 0 !important;
  min-height: 110px !important;
  position: sticky !important;
  top: 0 !important;
  z-index: 1900 !important;
  width: 100% !important;
  margin-left: 0 !important;
  left: auto !important;
}

.main-header-wrapper:hover,
.main-header-wrapper-v2:hover {
  transform: none !important;
  box-shadow: 0 2px 16px rgba(10,28,80,0.35) !important;
}

.main-header-wrapper .container,
.main-header-wrapper-v2 .container,
.main-header-wrapper .main-header-full-width,
.main-header-wrapper-v2 .main-header-full-width {
  padding: 0 2.2rem !important;
  max-width: 100% !important;
  margin: 0 auto !important;
  width: 100% !important;
  height: 110px !important;
  box-sizing: border-box !important;
}

/* ==============================================================
   3. LAYOUT  switch to FLEX (kills all grid conflicts)
   ============================================================== */
.header-layout-v2 {
  display: flex !important;
  flex-direction: row !important;
  align-items: center !important;
  width: 100% !important;
  height: 110px !important;
  gap: 16px !important;
  padding: 0 !important;
  grid-template-columns: unset !important;
}

/* Left: fixed, dont shrink */
.header-left-v2 {
  flex: 0 0 250px !important;
  display: flex !important;
  align-items: center !important;
  gap: 12px !important;
  width: 250px !important;
  max-width: 250px !important;
  min-width: 0 !important;
}

/* Center: takes all remaining space */
.header-center-v2 {
  flex: 1 1 auto !important;
  max-width: none !important;
  min-width: 0 !important;
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  gap: 0 !important;
  padding: 4px 10px 4px 18px !important;
}

.search-container-v2 {
  width: min(100%, 700px) !important;
  max-width: 700px !important;
  margin: 0 auto !important;
  border: none !important;
  box-shadow: none !important;
}

/* Right: fixed, dont grow or shrink past content */
.header-right-v2 {
  flex: 0 0 auto !important;
  display: flex !important;
  align-items: center !important;
  gap: 10px !important;
  justify-content: flex-end !important;
  min-width: max-content !important;
  max-width: none !important;
  width: max-content !important;
  overflow: visible !important;
}

.header-right-actions-v2 {
  display: flex !important;
  align-items: center !important;
  justify-content: flex-end !important;
  flex: 0 0 auto !important;
  min-width: max-content !important;
}

.header-utility-v2 {
  display: flex !important;
  align-items: center !important;
  gap: 14px !important;
  padding-right: 20px !important;
  border-right: 1px solid rgba(255,255,255,0.34) !important;
}

.user-menu-v2 {
  display: flex !important;
  align-items: center !important;
  gap: 8px !important;
  flex-wrap: nowrap !important;
  background: linear-gradient(180deg, rgba(255,255,255,0.15) 0%, rgba(255,255,255,0.08) 100%) !important;
  padding: 6px 8px !important;
  border-radius: 22px !important;
  border: 1px solid rgba(255,255,255,0.22) !important;
  box-shadow: inset 0 1px 0 rgba(255,255,255,0.18), 0 12px 24px rgba(6, 32, 92, 0.14) !important;
  min-height: 62px !important;
  min-width: max-content !important;
  width: max-content !important;
  overflow: visible !important;
}

.repair-actions-v2 {
  display: inline-flex !important;
  align-items: center !important;
  gap: 8px !important;
  padding: 0 !important;
  border-radius: 0 !important;
  background: transparent !important;
  border: none !important;
  box-shadow: none !important;
  flex: 0 0 auto !important;
}

.header-cart-slot-v2 {
  flex: 0 0 auto !important;
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
}

html body .header-right-v2,
html body .header-right-actions-v2,
html body .user-menu-v2,
html body .repair-actions-v2 {
  flex-wrap: nowrap !important;
  white-space: nowrap !important;
  overflow: visible !important;
  max-width: none !important;
}

html body .user-menu-v2 > a,
html body .user-menu-v2 > div,
html body .repair-actions-v2 > a,
html body .header-cart-slot-v2 > a {
  flex: 0 0 auto !important;
  white-space: nowrap !important;
}

html body .main-header-wrapper-v2,
html body .main-header-full-width,
html body .header-layout-v2,
html body .header-right-v2,
html body .header-right-actions-v2,
html body .user-menu-v2 {
  overflow: visible !important;
  max-width: none !important;
}

/* ==============================================================
   4. BRAND  white text on dark bg
   ============================================================== */
.brand-container-v2 {
  display: flex !important;
  align-items: center !important;
  gap: 14px !important;
  text-decoration: none !important;
  min-width: 0 !important;
}

#shop-logo-main,
#shop-logo-main-v2 {
  width: auto !important;
  height: 62px !important;
  border-radius: 0 !important;
  border: none !important;
  box-shadow: none !important;
  flex-shrink: 0 !important;
  object-fit: contain !important;
}

.brand-text-v2 {
  min-width: 0 !important;
  overflow: hidden !important;
}

#shop-name-display,
#shop-name-display-v2 {
  font-size: 1.34rem !important;
  font-weight: 900 !important;
  color: #ffffff !important;
  background: none !important;
  -webkit-text-fill-color: #ffffff !important;
  letter-spacing: -0.03em !important;
  margin: 0 !important;
  line-height: 1.2 !important;
  white-space: nowrap !important;
  overflow: hidden !important;
  text-overflow: ellipsis !important;
}

.brand-tagline,
.brand-tagline-v2 {
  display: none !important;
}

.hamburger-menu,
.hamburger-menu-v2 {
  background: rgba(255,255,255,0.1) !important;
  border: 1px solid rgba(255,255,255,0.2) !important;
  color: #ffffff !important;
  border-radius: 8px !important;
  padding: 0.45rem 0.55rem !important;
}

/* ==============================================================
   5. SEARCH BAR  white on dark bg
   ============================================================== */
.search-bar,
.search-bar-v2 {
  display: flex !important;
  align-items: center !important;
  background: rgba(255,255,255,0.98) !important;
  border: 3px solid rgba(255,255,255,0.88) !important;
  border-radius: 999px !important;
  box-shadow: 0 14px 30px rgba(5,27,74,0.16) !important;
  overflow: hidden !important;
  height: 50px !important;
  padding: 0 !important;
  width: 100% !important;
}

.search-bar:focus-within,
.search-bar-v2:focus-within {
  box-shadow: 0 0 0 4px rgba(255,255,255,0.18), 0 12px 26px rgba(5,27,74,0.18) !important;
  background: #ffffff !important;
  transform: none !important;
  border-color: rgba(255,255,255,0.98) !important;
}

.category-select,
.category-select-v2 {
  display: none !important;
}

#search-input-main,
#search-input-main-v2 {
  flex: 1 1 auto !important;
  min-width: 0 !important;
  background: transparent !important;
  border: none !important;
  outline: none !important;
  color: #1e293b !important;
  font-size: 1rem !important;
  padding: 0 1.5rem !important;
  height: 100% !important;
  -webkit-text-fill-color: #1e293b !important;
}

#search-input-main::placeholder,
#search-input-main-v2::placeholder {
  color: #94a3b8 !important;
  -webkit-text-fill-color: #94a3b8 !important;
}

#search-button-main,
#search-button-main-v2 {
  flex: 0 0 auto !important;
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  gap: 0 !important;
  background: linear-gradient(180deg, #0f66bb 0%, #0d5daa 100%) !important;
  background-image: none !important;
  border: none !important;
  border-radius: 999px !important;
  color: #ffffff !important;
  font-size: 0.95rem !important;
  font-weight: 800 !important;
  padding: 0 !important;
  width: 62px !important;
  height: calc(100% - 8px) !important;
  min-width: 62px !important;
  margin: 0 4px 0 0 !important;
  cursor: pointer !important;
  box-shadow: 0 8px 18px rgba(13, 93, 170, 0.24) !important;
  white-space: nowrap !important;
  visibility: visible !important;
  opacity: 1 !important;
  position: relative !important;
  z-index: 1 !important;
}

#search-button-main:hover,
#search-button-main-v2:hover {
  background: linear-gradient(180deg, #0b6ccb 0%, #09579e 100%) !important;
}

#search-button-main i,
#search-button-main-v2 i {
  color: #ffffff !important;
  -webkit-text-fill-color: #ffffff !important;
}

.search-button-label-v2 {
  display: inline-block !important;
  color: #ffffff !important;
  -webkit-text-fill-color: #ffffff !important;
  font-weight: 800 !important;
  letter-spacing: -0.01em !important;
}

.header-locale-v2 {
  display: inline-flex !important;
  align-items: center !important;
  gap: 10px !important;
  min-height: 50px !important;
  padding: 0 14px 0 10px !important;
  border: 1px solid rgba(255,255,255,0.38) !important;
  border-radius: 999px !important;
  background: rgba(255,255,255,0.14) !important;
  box-shadow: inset 0 1px 0 rgba(255,255,255,0.14) !important;
}

.header-locale-icon-v2 {
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  width: 32px !important;
  height: 32px !important;
  border-radius: 50% !important;
  color: #ffffff !important;
  -webkit-text-fill-color: #ffffff !important;
  border: 1px solid rgba(255,255,255,0.26) !important;
}

.header-locale-options-v2 {
  display: inline-flex !important;
  align-items: center !important;
  gap: 4px !important;
}

.header-locale-option-v2 {
  border: none !important;
  background: transparent !important;
  color: rgba(255,255,255,0.88) !important;
  -webkit-text-fill-color: rgba(255,255,255,0.88) !important;
  font-size: 0.95rem !important;
  font-weight: 700 !important;
  padding: 0 4px !important;
  cursor: pointer !important;
}

.header-locale-options-v2 .header-locale-option-v2:not(.active) {
  display: none !important;
}

.header-locale-option-v2.active {
  color: #ffffff !important;
  -webkit-text-fill-color: #ffffff !important;
}

.header-locale-chevron-v2 {
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  color: rgba(255,255,255,0.9) !important;
  -webkit-text-fill-color: rgba(255,255,255,0.9) !important;
  font-size: 0.78rem !important;
}

/* ==============================================================
   6. ACTION BUTTONS  white ghost on dark bg
   ============================================================== */
.notification-btn-v2,
.warranty-check-btn-v2,
.repair-entry-btn-v2,
.repair-status-btn-v2,
.login-btn-v2 {
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  gap: 8px !important;
  height: 46px !important;
  padding: 0 16px !important;
  background: #ffffff !important;
  background-image: none !important;
  border: 1px solid #b8d2f1 !important;
  border-radius: 14px !important;
  color: #164e97 !important;
  font-size: 0.88rem !important;
  font-weight: 700 !important;
  cursor: pointer !important;
  text-decoration: none !important;
  box-shadow: 0 8px 16px rgba(7, 44, 111, 0.12) !important;
  transform: none !important;
  white-space: nowrap !important;
  transition: background 0.15s, border-color 0.15s, box-shadow 0.15s !important;
  -webkit-text-fill-color: #164e97 !important;
  flex-shrink: 0 !important;
}

.notification-btn-v2 i,
.warranty-check-btn-v2 i,
.repair-entry-btn-v2 i,
.repair-status-btn-v2 i,
.login-btn-v2 i {
  color: currentColor !important;
  -webkit-text-fill-color: currentColor !important;
  font-size: 1.05rem !important;
  opacity: 1 !important;
}

.notification-btn-v2 span,
.warranty-check-btn-v2 span,
.repair-entry-btn-v2 span,
.repair-status-btn-v2 span,
.login-btn-v2 span {
  color: inherit !important;
  -webkit-text-fill-color: inherit !important;
}

.notification-btn-v2:hover,
.warranty-check-btn-v2:hover,
.repair-entry-btn-v2:hover,
.repair-status-btn-v2:hover,
.login-btn-v2:hover {
  background: #f4f9ff !important;
  border-color: #7db6f5 !important;
  color: #0f4e9f !important;
  -webkit-text-fill-color: #0f4e9f !important;
  box-shadow: 0 12px 22px rgba(9, 46, 116, 0.18) !important;
  transform: none !important;
}

.warranty-check-btn-v2,
.repair-entry-btn-v2,
.repair-status-btn-v2,
.cart-link-v2 {
  width: auto !important;
  min-width: max-content !important;
  height: 46px !important;
  padding: 0 16px !important;
  border-radius: 14px !important;
}

.warranty-check-btn-v2 span,
.repair-entry-btn-v2 span,
.repair-status-btn-v2 span,
.cart-text-v2 {
  display: inline-flex !important;
}

html body .warranty-check-btn-v2 span,
html body .repair-entry-btn-v2 span,
html body .repair-status-btn-v2 span,
html body .login-btn-v2 span,
html body .cart-link-v2 .cart-text-v2 {
  display: inline-flex !important;
  align-items: center !important;
  white-space: nowrap !important;
}

.repair-actions-v2 .repair-entry-btn-v2,
.repair-actions-v2 .repair-status-btn-v2 {
  background: #fffaf4 !important;
  border: 1px solid #ffc27a !important;
  box-shadow: 0 8px 16px rgba(138, 72, 8, 0.08) !important;
  width: auto !important;
  min-width: max-content !important;
  height: 46px !important;
  padding: 0 16px !important;
  border-radius: 14px !important;
}

.repair-actions-v2 .repair-entry-btn-v2:hover,
.repair-actions-v2 .repair-status-btn-v2:hover {
  background: #fff8ef !important;
  border-color: #f7aa45 !important;
}

.warranty-check-btn-v2 {
  color: #123f86 !important;
  -webkit-text-fill-color: #123f86 !important;
}

.repair-entry-btn-v2 {
  color: #d46a00 !important;
  -webkit-text-fill-color: #d46a00 !important;
  background: #fffaf4 !important;
}

.repair-status-btn-v2 {
  color: #d46a00 !important;
  -webkit-text-fill-color: #d46a00 !important;
  background: #fffaf4 !important;
}

.warranty-check-btn-v2 {
  background: #f7fbff !important;
}

.login-btn-v2 {
  background: #ffffff !important;
  border-color: #7fb2ef !important;
  color: #123f86 !important;
  -webkit-text-fill-color: #123f86 !important;
  box-shadow: 0 10px 20px rgba(7, 76, 161, 0.14) !important;
  height: 46px !important;
  padding: 0 18px !important;
  min-width: 116px !important;
  border-radius: 14px !important;
  white-space: nowrap !important;
}

.login-btn-v2:hover {
  background: #f4f9ff !important;
  border-color: #5f9fe9 !important;
  color: #0f3879 !important;
  -webkit-text-fill-color: #0f3879 !important;
}

.cart-link-v2 {
  background: linear-gradient(180deg, #4898ff 0%, #2f6fe3 100%) !important;
  border: 1px solid rgba(255,255,255,0.48) !important;
  box-shadow: 0 14px 26px rgba(11, 74, 171, 0.28) !important;
  border-radius: 18px !important;
}


@media (max-width: 1600px) {
  html body .warranty-check-btn-v2,
  html body .repair-entry-btn-v2,
  html body .repair-status-btn-v2,
  html body .login-btn-v2,
  html body .cart-link-v2 {
    width: auto !important;
    min-width: max-content !important;
    height: 46px !important;
    padding: 0 14px !important;
    border-radius: 14px !important;
  }

  html body .warranty-check-btn-v2 span,
  html body .repair-entry-btn-v2 span,
  html body .repair-status-btn-v2 span,
  html body .login-btn-v2 span,
  html body .cart-link-v2 .cart-text-v2 {
    display: inline-flex !important;
  }

  html body .user-menu-v2 a,
  html body .user-menu-v2 button {
    width: auto !important;
    min-width: max-content !important;
    height: 46px !important;
    padding: 0 14px !important;
    border-radius: 14px !important;
    flex-shrink: 0 !important;
  }
}

/* Final hard override for the 5 action cards on desktop */
@media (min-width: 1201px) {
  html body .header-right-v2 {
    flex: 0 0 auto !important;
    width: max-content !important;
    min-width: max-content !important;
    overflow: visible !important;
  }

  html body .header-right-actions-v2,
  html body .user-menu-v2,
  html body .repair-actions-v2 {
    display: flex !important;
    align-items: center !important;
    flex-wrap: nowrap !important;
    width: max-content !important;
    min-width: max-content !important;
    overflow: visible !important;
    gap: 8px !important;
  }

  html body .warranty-check-btn-v2,
  html body .repair-entry-btn-v2,
  html body .repair-status-btn-v2,
  html body .login-btn-v2,
  html body .cart-link-v2 {
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    gap: 8px !important;
    width: auto !important;
    min-width: max-content !important;
    height: 46px !important;
    padding: 0 16px !important;
    border-radius: 14px !important;
    white-space: nowrap !important;
    flex: 0 0 auto !important;
  }

  html body .warranty-check-btn-v2 span,
  html body .repair-entry-btn-v2 span,
  html body .repair-status-btn-v2 span,
  html body .login-btn-v2 span,
  html body .cart-link-v2 .cart-text-v2 {
    display: inline-flex !important;
    align-items: center !important;
    white-space: nowrap !important;
  }

  html body .repair-actions-v2 {
    background: transparent !important;
    border: none !important;
    box-shadow: none !important;
    padding: 0 !important;
  }
}

.cart-link-v2 i {
  color: #ffffff !important;
  -webkit-text-fill-color: #ffffff !important;
}

.notification-btn-v2 {
  width: 38px !important;
  padding: 0 !important;
}

.notification-badge-v2 {
  background: #ef4444 !important;
  animation: none !important;
  box-shadow: none !important;
  top: -3px !important;
  right: -3px !important;
  min-width: 16px !important;
  height: 16px !important;
  font-size: 0.65rem !important;
  padding: 0 3px !important;
}

/* ==============================================================
   7. CART  white solid CTA
   ============================================================== */
.cart-link-v2 {
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  gap: 6px !important;
  width: auto !important;
  min-width: max-content !important;
  height: 46px !important;
  padding: 0 16px !important;
  background: linear-gradient(180deg, #4898ff 0%, #2f6fe3 100%) !important;
  background-image: none !important;
  border: 1px solid rgba(255,255,255,0.48) !important;
  border-radius: 14px !important;
  color: #ffffff !important;
  font-size: 0.83rem !important;
  font-weight: 700 !important;
  text-decoration: none !important;
  box-shadow: 0 14px 26px rgba(11, 74, 171, 0.28) !important;
  transform: none !important;
  position: relative !important;
  white-space: nowrap !important;
  transition: background 0.15s, box-shadow 0.15s !important;
}

.cart-link-v2:hover {
  background: linear-gradient(180deg, #66a9ff 0%, #3c78e4 100%) !important;
  color: #ffffff !important;
  box-shadow: 0 16px 28px rgba(9, 46, 116, 0.24) !important;
  transform: none !important;
}

.cart-link-v2 i {
  color: #ffffff !important;
  -webkit-text-fill-color: #ffffff !important;
  font-size: 1rem !important;
}

.cart-text-v2 {
  display: inline-flex !important;
  align-items: center !important;
  color: #ffffff !important;
  -webkit-text-fill-color: #ffffff !important;
  white-space: nowrap !important;
}

.cart-badge-v2 {
  position: absolute !important;
  background: #ef4444 !important;
  color: #fff !important;
  -webkit-text-fill-color: #fff !important;
  animation: none !important;
  box-shadow: none !important;
  top: -6px !important;
  right: -6px !important;
  min-width: 17px !important;
  height: 17px !important;
  font-size: 0.65rem !important;
  font-weight: 700 !important;
  padding: 0 3px !important;
  border-radius: 999px !important;
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
}

/* ==============================================================
   8. USER INFO (logged in)  avatar only chip
   ============================================================== */
.user-info-v2 {
  position: relative !important;
  z-index: 1901 !important;
  display: flex !important;
  align-items: center !important;
}

.user-profile-v2 {
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  gap: 6px !important;
  height: 46px !important;
  width: auto !important;
  min-width: unset !important;
  padding: 0 12px !important;
  background: #ffffff !important;
  background-image: none !important;
  border: 1px solid #b7d1ef !important;
  border-radius: 999px !important;
  color: #123f86 !important;
  font-size: 0.84rem !important;
  font-weight: 700 !important;
  -webkit-text-fill-color: #123f86 !important;
  box-shadow: 0 10px 20px rgba(8, 44, 112, 0.14) !important;
  transform: none !important;
  text-decoration: none !important;
  overflow: hidden !important;
  cursor: pointer !important;
  white-space: nowrap !important;
  transition: background 0.15s, border-color 0.15s, box-shadow 0.15s !important;
}

.user-profile-v2:hover {
  background: #f4f9ff !important;
  border-color: #7caee7 !important;
  color: #0f3879 !important;
  -webkit-text-fill-color: #0f3879 !important;
  transform: none !important;
  box-shadow: 0 12px 22px rgba(8, 44, 112, 0.18) !important;
}

#header-username-v2 {
  display: inline !important;
  max-width: 80px !important;
  overflow: hidden !important;
  text-overflow: ellipsis !important;
  color: inherit !important;
  -webkit-text-fill-color: inherit !important;
}

#header-user-avatar-v2 {
  width: 26px !important;
  height: 26px !important;
  border-radius: 50% !important;
  border: 1px solid #d6e6fb !important;
  background: #eef5ff !important;
  box-shadow: 0 2px 8px rgba(18, 63, 134, 0.12) !important;
  object-fit: cover !important;
  flex-shrink: 0 !important;
}

/* ==============================================================
   9. USER DROPDOWN
   ============================================================== */
.user-dropdown-v2 {
  position: absolute !important;
  top: calc(100% + 8px) !important;
  right: 0 !important;
  bottom: auto !important;
  left: auto !important;
  min-width: 168px !important;
  background: #ffffff !important;
  border: 1px solid #e2e8f0 !important;
  border-radius: 12px !important;
  box-shadow: 0 8px 32px rgba(15,23,42,0.14) !important;
  padding: 6px !important;
  z-index: 1902 !important;
  opacity: 0 !important;
  visibility: hidden !important;
  transform: translateY(-6px) scale(0.98) !important;
  transition: opacity 0.15s, transform 0.15s, visibility 0.15s !important;
}

.user-info-v2:hover .user-dropdown-v2 {
  opacity: 1 !important;
  visibility: visible !important;
  transform: translateY(0) scale(1) !important;
}

.user-dropdown-v2 a {
  display: block !important;
  padding: 9px 14px !important;
  color: #334155 !important;
  font-size: 0.85rem !important;
  font-weight: 500 !important;
  border-radius: 8px !important;
  text-decoration: none !important;
  border: none !important;
  -webkit-text-fill-color: #334155 !important;
  background: none !important;
  transition: background 0.12s !important;
  transform: none !important;
}

.user-dropdown-v2 a:hover {
  background: #f1f5f9 !important;
  color: #0f172a !important;
  -webkit-text-fill-color: #0f172a !important;
  transform: none !important;
  background-image: none !important;
}

/* ==============================================================
   10. NOTIFICATION DROPDOWN
   ============================================================== */
.notification-dropdown-v2 {
  top: calc(100% + 8px) !important;
  bottom: auto !important;
  border: 1px solid #e2e8f0 !important;
  border-radius: 14px !important;
  box-shadow: 0 8px 32px rgba(15,23,42,0.12) !important;
  z-index: 9999 !important;
}

.notification-dropdown-title {
  color: #0f172a !important;
  -webkit-text-fill-color: #0f172a !important;
  font-weight: 700 !important;
  font-size: 0.88rem !important;
}

.notification-mark-all-btn,
.notification-manage-btn {
  background: transparent !important;
  border: 1px solid #e2e8f0 !important;
  border-radius: 7px !important;
  color: #2563eb !important;
  -webkit-text-fill-color: #2563eb !important;
  font-size: 0.8rem !important;
  font-weight: 600 !important;
  padding: 4px 10px !important;
  box-shadow: none !important;
}

/* ==============================================================
   11. SECONDARY NAV  solar-style menu bar content
   ============================================================== */
.main-nav {
  display: block !important;
  visibility: visible !important;
  opacity: 1 !important;
  position: relative !important;
  height: auto !important;
  min-height: 72px !important;
  max-height: none !important;
  background: linear-gradient(90deg, rgba(240, 0, 247, 0.94) 0%, rgba(171, 98, 255, 0.88) 46%, rgba(88, 187, 246, 0.9) 100%) !important;
  border-top: 1px solid rgba(255, 255, 255, 0.12) !important;
  border-bottom: 1px solid rgba(255, 255, 255, 0.16) !important;
  box-shadow: 0 12px 26px rgba(67, 49, 173, 0.14) !important;
  overflow: visible !important;
  z-index: 1650 !important;
  isolation: isolate !important;
}

.main-nav .container.main-nav-full-width,
#main-nav-container {
  display: flex !important;
  visibility: visible !important;
  opacity: 1 !important;
  min-height: 72px !important;
  align-items: center !important;
  justify-content: flex-start !important;
  gap: 0 !important;
  padding: 0 1.4rem !important;
  overflow: visible !important;
  white-space: nowrap !important;
  flex-wrap: nowrap !important;
  scrollbar-width: none !important;
  -ms-overflow-style: none !important;
  position: relative !important;
  z-index: 1651 !important;
}

.main-nav .container.main-nav-full-width::-webkit-scrollbar,
#main-nav-container::-webkit-scrollbar {
  display: none !important;
}

html body .main-nav,
body .main-nav,
html body #main-nav,
body #main-nav {
  display: block !important;
  visibility: visible !important;
  opacity: 1 !important;
  position: relative !important;
  height: auto !important;
  min-height: 72px !important;
  max-height: none !important;
  overflow: visible !important;
  z-index: 1650 !important;
}

html body .main-nav .container.main-nav-full-width,
body .main-nav .container.main-nav-full-width,
html body #main-nav-container,
body #main-nav-container {
  display: flex !important;
  visibility: visible !important;
  opacity: 1 !important;
  min-height: 72px !important;
  overflow: visible !important;
  flex-wrap: nowrap !important;
  align-items: center !important;
  justify-content: flex-start !important;
  white-space: nowrap !important;
  row-gap: 0 !important;
  column-gap: 0 !important;
}

.nav-item-wrapper {
  position: relative !important;
  display: flex !important;
  align-items: stretch !important;
  flex: 0 0 auto !important;
  padding-bottom: 0 !important;
  margin-bottom: 0 !important;
  z-index: 1652 !important;
}

.nav-item-wrapper:not(.nav-item-wrapper--category) {
  border-left: 1px solid rgba(255, 255, 255, 0.12) !important;
}

.nav-item-wrapper:last-child {
  border-right: 1px solid rgba(255, 255, 255, 0.12) !important;
}

html body nav.main-nav #main-nav-container > a.secondary-nav-item-link,
html body nav.main-nav #main-nav-container > .nav-item-wrapper > .header-nav-dropdown-trigger {
  all: unset;
  box-sizing: border-box !important;
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  gap: 6px !important;
  min-height: 72px !important;
  padding: 0 16px !important;
  border-radius: 0 !important;
  border: none !important;
  background: transparent !important;
  color: #214b8f !important;
  -webkit-text-fill-color: #214b8f !important;
  text-decoration: none !important;
  font-size: 0.9rem !important;
  font-weight: 700 !important;
  line-height: 1 !important;
  white-space: nowrap !important;
  box-shadow: none !important;
  transition: color 0.18s ease, background 0.18s ease !important;
  cursor: pointer !important;
}

html body nav.main-nav #main-nav-container > a.secondary-nav-item-link span,
html body nav.main-nav #main-nav-container > .nav-item-wrapper > .header-nav-dropdown-trigger span,
html body nav.main-nav #main-nav-container > a.secondary-nav-item-link i,
html body nav.main-nav #main-nav-container > .nav-item-wrapper > .header-nav-dropdown-trigger i {
  color: #214b8f !important;
  -webkit-text-fill-color: #214b8f !important;
}

html body nav.main-nav #main-nav-container > a.secondary-nav-item-link:hover,
html body nav.main-nav #main-nav-container > .nav-item-wrapper > .header-nav-dropdown-trigger:hover,
html body nav.main-nav #main-nav-container > .nav-item-wrapper.is-open > .header-nav-dropdown-trigger {
  background: rgba(255, 255, 255, 0.1) !important;
  color: #143d84 !important;
  -webkit-text-fill-color: #143d84 !important;
  transform: none !important;
}

html body nav.main-nav #main-nav-container > a.secondary-nav-item-link:hover span,
html body nav.main-nav #main-nav-container > .nav-item-wrapper > .header-nav-dropdown-trigger:hover span,
html body nav.main-nav #main-nav-container > .nav-item-wrapper.is-open > .header-nav-dropdown-trigger span,
html body nav.main-nav #main-nav-container > a.secondary-nav-item-link:hover i,
html body nav.main-nav #main-nav-container > .nav-item-wrapper > .header-nav-dropdown-trigger:hover i,
html body nav.main-nav #main-nav-container > .nav-item-wrapper.is-open > .header-nav-dropdown-trigger i {
  color: #143d84 !important;
  -webkit-text-fill-color: #143d84 !important;
}

.header-nav-dropdown-trigger i {
  font-size: 0.72rem !important;
  transition: transform 0.18s ease !important;
}

.header-nav-category-trigger {
  min-height: 60px !important;
  margin: 0 22px 0 0 !important;
  padding: 0 18px 0 10px !important;
  border-radius: 999px !important;
  border: 1.5px solid #2595eb !important;
  background: linear-gradient(180deg, #fbfdff 0%, #f4fbff 100%) !important;
  color: #1684df !important;
  -webkit-text-fill-color: #1684df !important;
  box-shadow: 0 8px 18px rgba(42, 149, 232, 0.12) !important;
}

.header-nav-category-trigger:hover,
.nav-item-wrapper.is-open .header-nav-category-trigger {
  background: #eef7ff !important;
  color: #0f74ca !important;
  -webkit-text-fill-color: #0f74ca !important;
}

.header-nav-category-trigger__icon {
  position: relative !important;
  width: 42px !important;
  height: 42px !important;
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  border-radius: 50% !important;
  background: linear-gradient(180deg, #5bb7ff 0%, #1690ee 100%) !important;
  color: #ffffff !important;
  -webkit-text-fill-color: #ffffff !important;
  box-shadow: inset 0 0 0 4px rgba(255,255,255,0.78) !important;
  margin-right: 8px !important;
}

.header-nav-category-trigger__icon .fa-table-cells-large {
  font-size: 1.08rem !important;
}

.header-nav-category-trigger__icon .fa-magnifying-glass {
  position: absolute !important;
  right: 9px !important;
  bottom: 9px !important;
  font-size: 0.65rem !important;
}

.nav-item-wrapper.is-open .header-nav-dropdown-trigger i {
  transform: rotate(180deg) !important;
}

.header-nav-dropdown {
  position: absolute !important;
  top: calc(100% + 8px) !important;
  left: 0 !important;
  min-width: 240px !important;
  width: max-content !important;
  max-width: 360px !important;
  display: none !important;
  padding: 10px !important;
  border-radius: 18px !important;
  background: #ffffff !important;
  border: 1px solid #dbe6f5 !important;
  box-shadow: 0 22px 46px rgba(15, 23, 42, 0.18) !important;
  opacity: 0 !important;
  visibility: hidden !important;
  transform: translateY(8px) !important;
  pointer-events: none !important;
  transition: opacity 0.18s ease, transform 0.18s ease, visibility 0.18s ease !important;
  z-index: 3000 !important;
  overflow-y: auto !important;
  white-space: normal !important;
}

.main-nav {
  position: relative !important;
  z-index: 1700 !important;
  overflow: visible !important;
}

.nav-item-wrapper {
  position: relative !important;
}

.nav-item-wrapper.is-open {
  z-index: 3001 !important;
}

.header-nav-dropdown--category {
  min-width: 300px !important;
}

html body .main-nav .secondary-nav-item-link,
html body .main-nav .header-nav-dropdown-trigger,
html body #main-nav-container .secondary-nav-item-link,
html body #main-nav-container .header-nav-dropdown-trigger {
  color: #1757b7 !important;
  -webkit-text-fill-color: #1757b7 !important;
}

.nav-item-wrapper.is-open .header-nav-dropdown {
  display: block !important;
  opacity: 1 !important;
  visibility: visible !important;
  transform: translateY(0) !important;
  pointer-events: auto !important;
}

html body nav.main-nav #main-nav-container .header-nav-dropdown .header-nav-dropdown-item {
  all: unset;
  box-sizing: border-box !important;
  display: flex !important;
  align-items: center !important;
  justify-content: flex-start !important;
  width: 100% !important;
  max-width: none !important;
  min-height: 44px !important;
  padding: 0 15px !important;
  margin: 0 !important;
  flex: none !important;
  flex-basis: auto !important;
  flex-grow: 0 !important;
  flex-shrink: 0 !important;
  border-radius: 12px !important;
  color: #17325f !important;
  -webkit-text-fill-color: #17325f !important;
  font-size: 0.86rem !important;
  font-weight: 600 !important;
  text-decoration: none !important;
  text-align: left !important;
  white-space: nowrap !important;
  overflow: hidden !important;
  text-overflow: ellipsis !important;
  transition: background 0.14s ease, color 0.14s ease, transform 0.14s ease !important;
  cursor: pointer !important;
}

@media (max-width: 991.98px) {
  .repair-actions-v2 {
    padding: 2px !important;
    gap: 6px !important;
  }

  .search-button-label-v2 {
    display: none !important;
  }

  #search-button-main-v2 {
    min-width: 54px !important;
    padding: 0 1rem !important;
  }
}

.header-nav-dropdown-item:hover {
  background: #eff6ff !important;
  color: #0f4fc9 !important;
  -webkit-text-fill-color: #0f4fc9 !important;
  transform: translateX(2px) !important;
}

@media (max-width: 1200px) {
  .header-center-v2 {
    flex: 1 1 260px !important;
    padding: 4px 6px 4px 10px !important;
  }

  .search-container-v2 {
    width: min(100%, 620px) !important;
    max-width: 620px !important;
  }

  .header-right-v2 {
    gap: 8px !important;
  }

  .user-menu-v2 {
    gap: 6px !important;
    padding: 5px 6px !important;
    min-height: 56px !important;
  }

  .warranty-check-btn-v2,
  .repair-entry-btn-v2,
  .repair-status-btn-v2,
  .login-btn-v2,
  .cart-link-v2 {
    padding: 0 12px !important;
    font-size: 0.82rem !important;
  }
}

/* ==============================================================
   12. RESPONSIVE
   ============================================================== */
@media (max-width: 1280px) {
  .main-header-wrapper .container,
  .main-header-wrapper-v2 .container,
  .main-header-wrapper .main-header-full-width,
  .main-header-wrapper-v2 .main-header-full-width {
    padding: 0 1.2rem !important;
  }

  .search-container-v2 {
    max-width: 620px !important;
  }
}

@media (max-width: 991.98px) {
  .main-nav .container.main-nav-full-width,
  #main-nav-container,
  html body .main-nav .container.main-nav-full-width,
  body .main-nav .container.main-nav-full-width,
  html body #main-nav-container,
  body #main-nav-container {
    overflow-x: auto !important;
    overflow-y: visible !important;
    white-space: nowrap !important;
    flex-wrap: nowrap !important;
    align-items: center !important;
  }
}

@media (max-width: 1024px) {
  .header-layout-v2 {
    gap: 12px !important;
  }

  .header-utility-v2 {
    gap: 8px !important;
    padding-right: 12px !important;
  }

  .header-locale-v2 {
    min-height: 42px !important;
    padding: 0 10px 0 8px !important;
  }

  .login-btn-v2 span {
    display: none !important;
  }

  .login-btn-v2 {
    width: 46px !important;
    min-width: 46px !important;
    padding: 0 !important;
    border-radius: 50% !important;
  }
}

@media (max-width: 768px) {
  .main-nav,
  #main-nav {
    overflow: hidden !important;
  }

  .main-nav .container.main-nav-full-width,
  #main-nav-container,
  html body .main-nav .container.main-nav-full-width,
  body .main-nav .container.main-nav-full-width,
  html body #main-nav-container,
  body #main-nav-container {
    display: flex !important;
    flex-wrap: nowrap !important;
    align-items: center !important;
    align-content: center !important;
    justify-content: flex-start !important;
    gap: 6px !important;
    row-gap: 0 !important;
    column-gap: 6px !important;
    width: 100% !important;
    max-width: 100% !important;
    min-height: 54px !important;
    overflow-x: auto !important;
    overflow-y: hidden !important;
    white-space: nowrap !important;
    -webkit-overflow-scrolling: touch !important;
    touch-action: pan-x !important;
    scrollbar-width: none !important;
    padding: 0 10px !important;
  }

  .main-nav .container.main-nav-full-width::-webkit-scrollbar,
  #main-nav-container::-webkit-scrollbar {
    display: none !important;
    width: 0 !important;
    height: 0 !important;
  }

  .nav-item-wrapper,
  .nav-item-wrapper:not(.nav-item-wrapper--category),
  .nav-item-wrapper.nav-item-wrapper--category {
    display: inline-flex !important;
    flex: 0 0 auto !important;
    width: auto !important;
    max-width: none !important;
    min-width: max-content !important;
    margin: 0 !important;
    border: none !important;
  }

  html body nav.main-nav #main-nav-container > a.secondary-nav-item-link,
  html body nav.main-nav #main-nav-container > .nav-item-wrapper > .header-nav-dropdown-trigger,
  .secondary-nav-item-link,
  .header-nav-dropdown-trigger {
    display: inline-flex !important;
    flex: 0 0 auto !important;
    width: auto !important;
    max-width: none !important;
    min-width: max-content !important;
    min-height: 44px !important;
    padding: 0 14px !important;
    font-size: 0.8rem !important;
    line-height: 1 !important;
    white-space: nowrap !important;
    text-overflow: clip !important;
    scroll-snap-align: start !important;
  }

  .header-nav-category-trigger,
  html body nav.main-nav #main-nav-container > .nav-item-wrapper.nav-item-wrapper--category > .header-nav-dropdown-trigger {
    width: auto !important;
    min-width: max-content !important;
    margin: 0 !important;
    padding: 0 14px 0 10px !important;
    min-height: 46px !important;
  }

  .warranty-check-btn-v2,
  .repair-status-btn-v2 {
    display: none !important;
  }

  .header-locale-v2 {
    display: none !important;
  }

  .header-utility-v2 {
    padding-right: 8px !important;
    border-right: none !important;
  }

  .secondary-nav-item-link,
  .header-nav-dropdown-trigger {
    min-height: 44px !important;
    padding: 0 14px !important;
    font-size: 0.8rem !important;
  }

  .header-nav-category-trigger {
    min-height: 46px !important;
    margin: 0 !important;
    padding: 0 14px 0 10px !important;
  }

  .header-nav-category-trigger__icon {
    width: 38px !important;
    height: 38px !important;
  }

  .header-nav-dropdown {
    min-width: 210px !important;
    left: 0 !important;
  }

  /* Fix: container must NOT have fixed height โ€” search row would be clipped */
  .main-header-wrapper .container,
  .main-header-wrapper-v2 .container,
  .main-header-wrapper .main-header-full-width,
  .main-header-wrapper-v2 .main-header-full-width {
    height: auto !important;
    min-height: 76px !important;
    padding: 6px 12px !important;
  }

  .main-header-wrapper,
  .main-header-wrapper-v2 {
    min-height: auto !important;
    padding: 0 !important;
  }

  /* Row layout: logo+buttons on row 1, search on row 2 */
  .header-layout-v2 {
    flex-direction: row !important;
    flex-wrap: wrap !important;
    height: auto !important;
    padding: 10px 0 !important;
    gap: 6px !important;
    align-items: center !important;
  }

  /* row 1: brand โ€” full width, centered */
  .header-left-v2 {
    flex: 0 0 100% !important;
    max-width: none !important;
    min-width: 0 !important;
    justify-content: center !important;
    padding: 4px 0 2px !important;
  }

  /* row 2: action buttons โ€” full width, centered */
  .header-right-v2 {
    flex: 0 0 100% !important;
    order: 2 !important;
    justify-content: center !important;
    gap: 6px !important;
  }

  /* row 3: search โ€” full width */
  .header-center-v2 {
    order: 3 !important;
    flex: 0 0 100% !important;
    width: 100% !important;
    min-width: 0 !important;
    padding-bottom: 6px !important;
  }

  /* Smaller buttons on mobile */
  .login-btn-v2,
  .cart-link-v2 {
    height: 34px !important;
  }

  .search-bar,
  .search-bar-v2 {
    height: 46px !important;
    border-radius: 999px !important;
    pointer-events: auto !important;
  }

  #search-button-main,
  #search-button-main-v2 {
    min-width: 96px !important;
    height: calc(100% - 8px) !important;
  }

  #search-button-main,
  #search-button-main-v2 {
    pointer-events: auto !important;
    position: relative !important;
    z-index: 10 !important;
  }

  #search-input-main,
  #search-input-main-v2 {
    pointer-events: auto !important;
    appearance: none !important;
    -webkit-appearance: none !important;
  }
}

@media (max-width: 480px) {
  /* Very small phones: hide category select to give search input more room */
  .category-select,
  .category-select-v2 {
    display: none !important;
  }

  .secondary-nav-item-link,
  .header-nav-dropdown-trigger {
    min-height: 42px !important;
    padding: 0 12px !important;
    font-size: 0.76rem !important;
  }

  .header-nav-category-trigger {
    margin-right: 0 !important;
    min-height: 44px !important;
  }

  .header-nav-dropdown {
    min-width: 190px !important;
  }

  #shop-logo-main,
  #shop-logo-main-v2 {
    width: 42px !important;
    height: 42px !important;
  }

  #shop-name-display,
  #shop-name-display-v2 {
    font-size: 0.88rem !important;
  }

  .brand-tagline,
  .brand-tagline-v2 {
    display: none !important;
  }

  #shop-logo-main,
  #shop-logo-main-v2 {
    width: 34px !important;
    height: 34px !important;
  }

  .login-btn-v2,
  .cart-link-v2 {
    width: 32px !important;
    height: 32px !important;
    padding: 0 !important;
  }
}

/* ==============================================================
   12B. MOBILE HEADER REBUILD
   ============================================================== */
@media (max-width: 768px) {
  html body .main-header-wrapper-v2,
  html body .main-header-wrapper {
    min-height: auto !important;
    padding: 0 !important;
  }

  html body .main-header-wrapper-v2 .container,
  html body .main-header-wrapper .container,
  html body .main-header-full-width {
    height: auto !important;
    min-height: auto !important;
    padding: 10px 12px 12px !important;
  }

  html body .header-layout-v2 {
    display: flex !important;
    flex-direction: column !important;
    align-items: stretch !important;
    height: auto !important;
    gap: 12px !important;
    padding: 0 !important;
  }

  html body .header-left-v2,
  html body .header-center-v2,
  html body .header-right-v2,
  html body .header-right-actions-v2,
  html body .header-cart-slot-v2 {
    width: 100% !important;
    max-width: none !important;
    min-width: 0 !important;
  }

  html body .header-left-v2 {
    flex: 0 0 auto !important;
    order: 1 !important;
    justify-content: center !important;
    padding: 6px 0 0 !important;
  }

  html body .brand-container-v2 {
    justify-content: center !important;
    gap: 12px !important;
  }

  html body #shop-logo-main-v2,
  html body #shop-logo-main {
    width: auto !important;
    height: 42px !important;
  }

  html body #shop-name-display-v2,
  html body #shop-name-display {
    font-size: 1rem !important;
  }

  html body .header-right-v2 {
    order: 2 !important;
    display: flex !important;
    flex-direction: column !important;
    align-items: stretch !important;
    justify-content: flex-start !important;
    gap: 10px !important;
  }

  html body .header-right-actions-v2 {
    display: block !important;
    min-width: 0 !important;
  }

  html body .user-menu-v2 {
    display: grid !important;
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
    gap: 10px !important;
    width: 100% !important;
    min-width: 0 !important;
    padding: 10px !important;
    border-radius: 24px !important;
    min-height: 0 !important;
    height: auto !important;
    background: linear-gradient(180deg, rgba(255,255,255,0.18) 0%, rgba(255,255,255,0.1) 100%) !important;
  }

  html body .repair-actions-v2 {
    display: contents !important;
  }

  html body .warranty-check-btn-v2,
  html body .repair-entry-btn-v2,
  html body .repair-status-btn-v2,
  html body .login-btn-v2,
  html body .user-info-v2,
  html body .user-profile-v2 {
    display: inline-flex !important;
    width: 100% !important;
    min-width: 0 !important;
    height: 52px !important;
    padding: 0 14px !important;
    justify-content: center !important;
    border-radius: 18px !important;
    font-size: 0.92rem !important;
    white-space: nowrap !important;
    overflow: hidden !important;
    text-overflow: ellipsis !important;
  }

  html body .warranty-check-btn-v2,
  html body .repair-status-btn-v2 {
    display: inline-flex !important;
  }

  html body .login-btn-v2 span,
  html body #header-username-v2 {
    display: inline !important;
    max-width: none !important;
  }

  html body .header-cart-slot-v2 {
    order: 3 !important;
    display: flex !important;
    justify-content: stretch !important;
  }

  html body .cart-link-v2 {
    width: 100% !important;
    min-width: 0 !important;
    height: 50px !important;
    border-radius: 18px !important;
    justify-content: center !important;
    padding: 0 16px !important;
  }

  html body .cart-link-v2 .cart-text-v2 {
    display: inline-flex !important;
  }

  html body .header-center-v2 {
    order: 4 !important;
    flex: 0 0 auto !important;
    padding: 0 !important;
  }

  html body .search-container-v2 {
    width: 100% !important;
    max-width: none !important;
    margin: 0 !important;
  }

  html body .search-bar-v2,
  html body .search-bar {
    width: 100% !important;
    height: 58px !important;
    min-height: 58px !important;
    border-radius: 999px !important;
  }

  html body #search-input-main-v2,
  html body #search-input-main {
    font-size: 0.95rem !important;
    padding: 0 1.1rem !important;
  }

  html body #search-button-main-v2,
  html body #search-button-main {
    width: 58px !important;
    min-width: 58px !important;
    height: calc(100% - 8px) !important;
    margin-right: 4px !important;
    border-radius: 999px !important;
    padding: 0 !important;
  }
}

@media (max-width: 480px) {
  html body .main-header-wrapper-v2 .container,
  html body .main-header-wrapper .container,
  html body .main-header-full-width {
    padding: 8px 10px 10px !important;
  }

  html body .user-menu-v2 {
    grid-template-columns: 1fr !important;
    gap: 8px !important;
    padding: 8px !important;
  }

  html body .warranty-check-btn-v2,
  html body .repair-entry-btn-v2,
  html body .repair-status-btn-v2,
  html body .login-btn-v2,
  html body .user-profile-v2,
  html body .cart-link-v2 {
    height: 48px !important;
    font-size: 0.88rem !important;
    border-radius: 16px !important;
  }

  html body #shop-name-display-v2,
  html body #shop-name-display {
    font-size: 0.94rem !important;
  }

  html body .search-bar-v2,
  html body .search-bar {
    height: 54px !important;
    min-height: 54px !important;
  }

  html body #search-button-main-v2,
  html body #search-button-main {
    width: 54px !important;
    min-width: 54px !important;
  }
}

/* ==============================================================
   12C. MOBILE ACTION GRID REBALANCE
   ============================================================== */
@media (max-width: 768px) {
  html body .header-right-v2 {
    order: 2 !important;
    display: grid !important;
    grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
    gap: 10px !important;
    align-items: stretch !important;
    justify-content: stretch !important;
  }

  html body .header-right-actions-v2,
  html body .user-menu-v2,
  html body .repair-actions-v2,
  html body .header-cart-slot-v2 {
    display: contents !important;
  }

  html body #header-user-info-v2[style*="display: none"] {
    display: none !important;
  }

  html body .warranty-check-btn-v2,
  html body .repair-entry-btn-v2,
  html body .repair-status-btn-v2,
  html body .cart-link-v2 {
    grid-column: span 1 !important;
    width: 100% !important;
    min-width: 0 !important;
    height: 52px !important;
    padding: 0 10px !important;
    font-size: 0.82rem !important;
    gap: 6px !important;
    border-radius: 18px !important;
  }

  html body .login-btn-v2,
  html body #header-user-info-v2:not([style*="display: none"]) {
    grid-column: span 2 !important;
    width: 100% !important;
    min-width: 0 !important;
  }

  html body .login-btn-v2 {
    display: inline-flex !important;
    height: 52px !important;
    padding: 0 14px !important;
    justify-content: center !important;
    border-radius: 18px !important;
    font-size: 0.9rem !important;
  }

  html body #header-user-info-v2:not([style*="display: none"]) {
    display: flex !important;
    align-items: stretch !important;
  }

  html body #header-user-info-v2:not([style*="display: none"]) .user-profile-v2 {
    width: 100% !important;
    min-width: 0 !important;
    height: 52px !important;
    justify-content: center !important;
    padding: 0 14px !important;
    border-radius: 18px !important;
  }

  html body .login-btn-v2 span,
  html body #header-username-v2,
  html body .cart-link-v2 .cart-text-v2 {
    display: inline-flex !important;
    align-items: center !important;
  }

  html body .cart-link-v2 {
    justify-content: center !important;
  }

  html body .cart-link-v2 .cart-text-v2 {
    display: none !important;
  }
}

@media (max-width: 560px) {
  html body .header-right-v2 {
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
  }

  html body .warranty-check-btn-v2,
  html body .repair-entry-btn-v2,
  html body .repair-status-btn-v2,
  html body .login-btn-v2,
  html body #header-user-info-v2:not([style*="display: none"]) {
    grid-column: span 1 !important;
  }

  html body .cart-link-v2 {
    grid-column: span 2 !important;
  }
}

/* ==============================================================
   12D. FINAL MOBILE HEADER ACTION LAYOUT
   ============================================================== */
@media (max-width: 768px) {
  html body .header-right-v2 {
    order: 2 !important;
    display: flex !important;
    flex-direction: column !important;
    align-items: stretch !important;
    justify-content: flex-start !important;
    gap: 12px !important;
    width: 100% !important;
    min-width: 0 !important;
  }

  html body .header-right-actions-v2 {
    display: block !important;
    width: 100% !important;
    min-width: 0 !important;
  }

  html body .user-menu-v2 {
    display: grid !important;
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
    grid-auto-flow: row dense !important;
    align-items: stretch !important;
    gap: 10px !important;
    width: 100% !important;
    min-width: 0 !important;
    padding: 0 !important;
    margin: 0 !important;
    background: transparent !important;
    border: none !important;
    border-radius: 0 !important;
    box-shadow: none !important;
    min-height: 0 !important;
    height: auto !important;
  }

  html body .repair-actions-v2 {
    display: contents !important;
  }

  html body #header-user-info-v2[style*="display: none"] {
    display: none !important;
  }

  html body .user-menu-v2 > a,
  html body .user-menu-v2 > div,
  html body .repair-actions-v2 > a {
    min-width: 0 !important;
  }

  html body .warranty-check-btn-v2,
  html body .repair-entry-btn-v2,
  html body .repair-status-btn-v2,
  html body .login-btn-v2,
  html body .user-profile-v2 {
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    width: 100% !important;
    min-width: 0 !important;
    height: 54px !important;
    padding: 0 12px !important;
    gap: 7px !important;
    border-radius: 18px !important;
    font-size: 0.88rem !important;
    line-height: 1 !important;
    white-space: nowrap !important;
    overflow: hidden !important;
    text-overflow: ellipsis !important;
    box-sizing: border-box !important;
  }

  html body .warranty-check-btn-v2 i,
  html body .repair-entry-btn-v2 i,
  html body .repair-status-btn-v2 i,
  html body .login-btn-v2 i,
  html body .user-profile-v2 i {
    font-size: 1rem !important;
    flex-shrink: 0 !important;
  }

  html body .login-btn-v2,
  html body #header-user-info-v2:not([style*="display: none"]) {
    grid-column: 1 / -1 !important;
  }

  html body #header-user-info-v2:not([style*="display: none"]) {
    display: block !important;
    width: 100% !important;
  }

  html body #header-user-info-v2:not([style*="display: none"]) .user-profile-v2 {
    width: 100% !important;
  }

  html body .login-btn-v2 span,
  html body #header-username-v2 {
    display: inline !important;
    max-width: calc(100% - 32px) !important;
    overflow: hidden !important;
    text-overflow: ellipsis !important;
  }

  html body .header-cart-slot-v2 {
    order: 3 !important;
    display: block !important;
    width: 100% !important;
    min-width: 0 !important;
  }

  html body .cart-link-v2 {
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    width: 100% !important;
    min-width: 0 !important;
    height: 52px !important;
    padding: 0 14px !important;
    border-radius: 18px !important;
    box-sizing: border-box !important;
  }

  html body .cart-link-v2 .cart-text-v2 {
    display: inline-flex !important;
  }
}

@media (max-width: 480px) {
  html body .user-menu-v2 {
    grid-template-columns: 1fr !important;
    gap: 8px !important;
  }

  html body .warranty-check-btn-v2,
  html body .repair-entry-btn-v2,
  html body .repair-status-btn-v2,
  html body .login-btn-v2,
  html body .user-profile-v2,
  html body .cart-link-v2 {
    height: 50px !important;
    font-size: 0.84rem !important;
    border-radius: 16px !important;
  }
}

/* ==============================================================
   12E. MOBILE CART IN SAME BOX
   ============================================================== */
@media (max-width: 768px) {
  html body .header-right-v2 {
    order: 2 !important;
    display: block !important;
    width: 100% !important;
    min-width: 0 !important;
    padding: 14px !important;
    background: linear-gradient(180deg, rgba(255,255,255,0.17) 0%, rgba(255,255,255,0.08) 100%) !important;
    border: 1px solid rgba(255,255,255,0.24) !important;
    border-radius: 24px !important;
    box-shadow: inset 0 1px 0 rgba(255,255,255,0.18), 0 12px 24px rgba(6, 32, 92, 0.14) !important;
    box-sizing: border-box !important;
  }

  html body .header-right-v2 .header-right-actions-v2 {
    display: block !important;
    width: 100% !important;
    min-width: 0 !important;
    margin: 0 !important;
  }

  html body .header-right-v2 .header-right-actions-v2 .user-menu-v2 {
    display: grid !important;
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
    align-items: stretch !important;
    gap: 12px !important;
    justify-items: stretch !important;
    width: 100% !important;
    min-width: 0 !important;
    max-width: 100% !important;
    margin: 0 !important;
    padding: 0 !important;
    min-height: 0 !important;
    background: transparent !important;
    border: none !important;
    border-radius: 0 !important;
    box-shadow: none !important;
    box-sizing: border-box !important;
  }

  html body .header-right-v2 .header-right-actions-v2 .user-menu-v2 > a,
  html body .header-right-v2 .header-right-actions-v2 .user-menu-v2 > div {
    display: flex !important;
    min-width: 0 !important;
    width: 100% !important;
    max-width: 100% !important;
  }

  html body .header-cart-slot-v2 {
    width: 100% !important;
  }

  html body .warranty-check-btn-v2,
  html body .repair-entry-btn-v2,
  html body .repair-status-btn-v2,
  html body .login-btn-v2,
  html body .user-profile-v2,
  html body .cart-link-v2 {
    display: inline-flex !important;
    align-items: center !important;
    flex-direction: row !important;
    width: 100% !important;
    min-width: 0 !important;
    min-height: 58px !important;
    height: 58px !important;
    padding: 0 14px !important;
    gap: 10px !important;
    border-radius: 16px !important;
    justify-content: flex-start !important;
    box-sizing: border-box !important;
    white-space: nowrap !important;
    overflow: hidden !important;
    text-overflow: ellipsis !important;
    text-align: left !important;
  }

  html body .login-btn-v2,
  html body #header-user-info-v2:not([style*="display: none"]) {
    grid-column: 1 / -1 !important;
  }

  html body .warranty-check-btn-v2 i,
  html body .repair-entry-btn-v2 i,
  html body .repair-status-btn-v2 i,
  html body .login-btn-v2 i,
  html body .user-profile-v2 i,
  html body .cart-link-v2 i {
    width: 20px !important;
    min-width: 20px !important;
    font-size: 1rem !important;
    flex-shrink: 0 !important;
  }

  html body .warranty-check-btn-v2 span,
  html body .repair-entry-btn-v2 span,
  html body .repair-status-btn-v2 span,
  html body .login-btn-v2 span,
  html body .cart-link-v2 .cart-text-v2,
  html body #header-username-v2 {
    display: block !important;
    min-width: 0 !important;
    max-width: 100% !important;
    overflow: hidden !important;
    text-overflow: ellipsis !important;
    white-space: nowrap !important;
    line-height: 1.15 !important;
    text-align: left !important;
    font-size: 0.92rem !important;
    font-weight: 600 !important;
  }

  html body #header-user-info-v2[style*="display: none"] {
    display: none !important;
  }

  html body #header-user-info-v2:not([style*="display: none"]) {
    display: block !important;
    width: 100% !important;
  }

  html body #header-user-info-v2:not([style*="display: none"]) .user-profile-v2 {
    width: 100% !important;
    justify-content: flex-start !important;
  }

  html body #header-user-avatar-v2 {
    width: 30px !important;
    height: 30px !important;
    border-radius: 999px !important;
    flex-shrink: 0 !important;
  }

  html body .cart-link-v2 {
    position: relative !important;
  }

  html body .cart-link-v2 .cart-badge-v2 {
    margin-left: auto !important;
    position: static !important;
  }
}

@media (max-width: 480px) {
  html body .header-right-v2 .header-right-actions-v2 .user-menu-v2 {
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
    gap: 8px !important;
  }

  html body .header-right-v2 {
    padding: 8px !important;
  }

  html body .warranty-check-btn-v2,
  html body .repair-entry-btn-v2,
  html body .repair-status-btn-v2,
  html body .login-btn-v2,
  html body .cart-link-v2,
  html body .user-profile-v2 {
    min-height: 54px !important;
    height: 54px !important;
    border-radius: 14px !important;
  }

  html body .warranty-check-btn-v2 span,
  html body .repair-entry-btn-v2 span,
  html body .repair-status-btn-v2 span,
  html body .login-btn-v2 span,
  html body .cart-link-v2 .cart-text-v2,
  html body #header-username-v2 {
    font-size: 0.84rem !important;
  }
}

@media (max-width: 390px) {
  html body .header-right-v2 .header-right-actions-v2 .user-menu-v2 {
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
  }
}

@media (max-width: 768px) {
  html body .header-right-v2 {
    padding: 10px !important;
    border-radius: 20px !important;
  }

  html body .header-right-v2 .header-right-actions-v2 .user-menu-v2 {
    gap: 8px !important;
  }

  html body .warranty-check-btn-v2,
  html body .repair-entry-btn-v2,
  html body .repair-status-btn-v2,
  html body .header-cart-slot-v2 .cart-link-v2--standalone {
    min-height: 50px !important;
    height: 50px !important;
    padding: 0 12px !important;
    border-radius: 14px !important;
    gap: 8px !important;
  }

  html body .login-btn-v2,
  html body .user-profile-v2 {
    min-height: 46px !important;
    height: 46px !important;
    padding: 0 14px !important;
    border-radius: 14px !important;
  }

  html body .warranty-check-btn-v2 span,
  html body .repair-entry-btn-v2 span,
  html body .repair-status-btn-v2 span,
  html body .cart-link-v2 .cart-text-v2,
  html body .login-btn-v2 span,
  html body #header-username-v2 {
    font-size: 0.84rem !important;
  }
}

/* ==============================================================
  21. CATEGORY PAGE ACTION BUTTON NORMALIZE
   ============================================================== */
@media (min-width: 1201px) {
  html body.category-products-page .header-right-v2,
  html body.category-products-page .header-right-actions-v2,
  html body.category-products-page .user-menu-v2 {
    overflow: visible !important;
    max-width: none !important;
  }

  html body.category-products-page .user-menu-v2 {
    gap: 8px !important;
    padding: 6px 8px !important;
    background: linear-gradient(180deg, rgba(255,255,255,0.15) 0%, rgba(255,255,255,0.08) 100%) !important;
    border: 1px solid rgba(255,255,255,0.22) !important;
    border-radius: 22px !important;
    box-shadow: inset 0 1px 0 rgba(255,255,255,0.18), 0 12px 24px rgba(6, 32, 92, 0.14) !important;
  }

  html body.category-products-page .warranty-check-btn-v2,
  html body.category-products-page .repair-entry-btn-v2,
  html body.category-products-page .repair-status-btn-v2,
  html body.category-products-page .cart-link-v2,
  html body.category-products-page .login-btn-v2,
  html body.category-products-page .user-profile-v2 {
    width: auto !important;
    min-width: max-content !important;
    height: 46px !important;
    min-height: 46px !important;
    padding: 0 16px !important;
    gap: 8px !important;
    justify-content: center !important;
    border-radius: 14px !important;
    white-space: nowrap !important;
    overflow: hidden !important;
    text-overflow: ellipsis !important;
  }

  html body.category-products-page .warranty-check-btn-v2,
  html body.category-products-page .repair-entry-btn-v2,
  html body.category-products-page .repair-status-btn-v2 {
    background: linear-gradient(180deg, rgba(255,255,255,0.18) 0%, rgba(255,255,255,0.1) 100%) !important;
    border: 1px solid rgba(255,255,255,0.3) !important;
    color: #ffffff !important;
    -webkit-text-fill-color: #ffffff !important;
    box-shadow: inset 0 1px 0 rgba(255,255,255,0.22), 0 10px 20px rgba(5, 42, 106, 0.18) !important;
  }

  html body.category-products-page .warranty-check-btn-v2:hover,
  html body.category-products-page .repair-entry-btn-v2:hover,
  html body.category-products-page .repair-status-btn-v2:hover {
    background: linear-gradient(180deg, rgba(255,255,255,0.26) 0%, rgba(255,255,255,0.14) 100%) !important;
    border-color: rgba(255,255,255,0.42) !important;
  }

  html body.category-products-page .warranty-check-btn-v2 span,
  html body.category-products-page .repair-entry-btn-v2 span,
  html body.category-products-page .repair-status-btn-v2 span,
  html body.category-products-page .login-btn-v2 span,
  html body.category-products-page .cart-link-v2 .cart-text-v2,
  html body.category-products-page #header-username-v2 {
    display: inline-flex !important;
    align-items: center !important;
    color: inherit !important;
    -webkit-text-fill-color: inherit !important;
  }

  html body.category-products-page .warranty-check-btn-v2 i,
  html body.category-products-page .repair-entry-btn-v2 i,
  html body.category-products-page .repair-status-btn-v2 i,
  html body.category-products-page .login-btn-v2 i,
  html body.category-products-page .cart-link-v2 i,
  html body.category-products-page .user-profile-v2 i {
    width: 18px !important;
    min-width: 18px !important;
    font-size: 1rem !important;
    line-height: 1 !important;
    flex-shrink: 0 !important;
    color: inherit !important;
    -webkit-text-fill-color: inherit !important;
  }
}

@media (min-width: 1201px) and (max-width: 1480px) {
  html body.category-products-page .warranty-check-btn-v2,
  html body.category-products-page .repair-entry-btn-v2,
  html body.category-products-page .repair-status-btn-v2,
  html body.category-products-page .cart-link-v2,
  html body.category-products-page .login-btn-v2,
  html body.category-products-page .user-profile-v2 {
    padding-left: 13px !important;
    padding-right: 13px !important;
  }
}

html body.category-products-page #header-login-trigger-v2:not([style*="display: none"]) + #header-user-info-v2 {
  display: none !important;
  width: 0 !important;
  min-width: 0 !important;
  max-width: 0 !important;
  margin: 0 !important;
  padding: 0 !important;
  overflow: hidden !important;
}

html body.category-products-page #header-user-info-v2[style*="display: none"] {
  display: none !important;
  width: 0 !important;
  min-width: 0 !important;
  max-width: 0 !important;
  margin: 0 !important;
  padding: 0 !important;
  overflow: hidden !important;
}

html body.category-products-page #header-user-info-v2:not([style*="display: none"]) {
  flex: 0 0 auto !important;
}

/* ==============================================================
  13. Kill stray animations on header
   ============================================================== */
.main-header-wrapper *,
.main-header-wrapper-v2 * {
  animation-name: none !important;
}

/* ==============================================================
  14. DESKTOP HEADER REBALANCE
   ============================================================== */
@media (min-width: 1201px) {
  html body .main-header-wrapper .main-header-full-width,
  html body .main-header-wrapper-v2 .main-header-full-width,
  html body .main-header-wrapper .container,
  html body .main-header-wrapper-v2 .container {
    padding-left: clamp(14px, 1.8vw, 28px) !important;
    padding-right: clamp(14px, 1.8vw, 28px) !important;
  }

  html body .header-layout-v2 {
    gap: clamp(10px, 0.9vw, 16px) !important;
    justify-content: space-between !important;
  }

  html body .header-left-v2 {
    flex: 0 1 220px !important;
    width: auto !important;
    max-width: 220px !important;
    min-width: 170px !important;
  }

  html body .header-center-v2 {
    flex: 1 1 360px !important;
    min-width: 280px !important;
    padding: 4px 8px 4px 10px !important;
  }

  html body .search-container-v2 {
    width: min(100%, clamp(320px, 33vw, 620px)) !important;
    max-width: none !important;
  }

  html body .header-right-v2 {
    flex: 0 1 auto !important;
    width: auto !important;
    min-width: 0 !important;
    max-width: min(41vw, 700px) !important;
    margin-left: auto !important;
  }

  html body .header-right-actions-v2 {
    flex: 0 1 auto !important;
    width: auto !important;
    min-width: 0 !important;
    max-width: 100% !important;
  }

  html body .user-menu-v2 {
    flex: 0 1 auto !important;
    width: auto !important;
    min-width: 0 !important;
    max-width: 100% !important;
    gap: 6px !important;
    padding: 6px !important;
  }

  html body .user-menu-v2 > a,
  html body .user-menu-v2 > div,
  html body .repair-actions-v2 > a,
  html body .header-cart-slot-v2 > a {
    min-width: 0 !important;
  }

  html body .warranty-check-btn-v2,
  html body .repair-entry-btn-v2,
  html body .repair-status-btn-v2,
  html body .login-btn-v2,
  html body .cart-link-v2 {
    padding-left: 14px !important;
    padding-right: 14px !important;
  }
}

@media (min-width: 1201px) and (max-width: 1560px) {
  html body .header-left-v2 {
    max-width: 204px !important;
  }

  html body .search-container-v2 {
    width: min(100%, clamp(300px, 30vw, 560px)) !important;
  }

  html body .header-right-v2 {
    max-width: min(39vw, 620px) !important;
  }

  html body .warranty-check-btn-v2,
  html body .repair-entry-btn-v2,
  html body .repair-status-btn-v2,
  html body .login-btn-v2,
  html body .cart-link-v2 {
    padding-left: 12px !important;
    padding-right: 12px !important;
  }
}

@media (min-width: 1201px) and (max-width: 1440px) {
  html body .warranty-check-btn-v2 span,
  html body .repair-entry-btn-v2 span,
  html body .repair-status-btn-v2 span,
  html body .cart-link-v2 .cart-text-v2 {
    display: none !important;
  }

  html body .warranty-check-btn-v2,
  html body .repair-entry-btn-v2,
  html body .repair-status-btn-v2,
  html body .cart-link-v2 {
    width: 46px !important;
    min-width: 46px !important;
    padding: 0 !important;
    justify-content: center !important;
  }
}

@media (min-width: 1201px) and (max-width: 1320px) {
  html body .login-btn-v2 span {
    display: none !important;
  }

  html body .login-btn-v2 {
    width: 46px !important;
    min-width: 46px !important;
    padding: 0 !important;
    justify-content: center !important;
  }

  html body .header-right-v2 {
    max-width: min(34vw, 520px) !important;
  }
}

/* ==============================================================
  15. CATEGORY PAGE DESKTOP HEADER TUNING
   ============================================================== */
@media (min-width: 1201px) {
  html body.category-products-page.header-layout-customized .main-header-wrapper-v2 .main-header-full-width,
  html body.category-products-page.header-layout-customized .main-header-wrapper-v2 .container {
    padding-left: 18px !important;
    padding-right: 18px !important;
  }

  html body.category-products-page.header-layout-customized .header-layout-v2 {
    display: grid !important;
    grid-template-columns: minmax(170px, 210px) minmax(320px, 1fr) auto !important;
    align-items: center !important;
    column-gap: 12px !important;
  }

  html body.category-products-page.header-layout-customized .header-left-v2,
  html body.category-products-page.header-layout-customized .header-center-v2,
  html body.category-products-page.header-layout-customized .header-right-v2 {
    width: auto !important;
    max-width: none !important;
    min-width: 0 !important;
  }

  html body.category-products-page.header-layout-customized .header-left-v2 {
    flex: initial !important;
  }

  html body.category-products-page.header-layout-customized .header-center-v2 {
    flex: initial !important;
    padding: 0 !important;
    justify-content: flex-start !important;
  }

  html body.category-products-page.header-layout-customized .search-container-v2 {
    width: min(100%, 520px) !important;
    max-width: 520px !important;
    margin: 0 auto !important;
  }

  html body.category-products-page.header-layout-customized .header-right-v2 {
    flex: initial !important;
    justify-self: end !important;
    justify-content: flex-end !important;
    margin-left: 0 !important;
    max-width: 100% !important;
  }

  html body.category-products-page.header-layout-customized .header-right-actions-v2,
  html body.category-products-page.header-layout-customized .user-menu-v2 {
    width: auto !important;
    min-width: 0 !important;
    max-width: 100% !important;
  }

  html body.category-products-page.header-layout-customized .user-menu-v2 {
    gap: 6px !important;
    padding: 5px 6px !important;
    border-radius: 18px !important;
    min-height: 56px !important;
  }

  html body.category-products-page.header-layout-customized .warranty-check-btn-v2,
  html body.category-products-page.header-layout-customized .repair-entry-btn-v2,
  html body.category-products-page.header-layout-customized .repair-status-btn-v2,
  html body.category-products-page.header-layout-customized .login-btn-v2,
  html body.category-products-page.header-layout-customized .cart-link-v2 {
    height: 42px !important;
    min-height: 42px !important;
    padding: 0 12px !important;
    border-radius: 12px !important;
    font-size: 0.81rem !important;
    gap: 6px !important;
  }

  html body.category-products-page.header-layout-customized .notification-btn-v2 {
    width: 36px !important;
    height: 36px !important;
  }
}

@media (min-width: 1201px) and (max-width: 1500px) {
  html body.category-products-page.header-layout-customized .warranty-check-btn-v2 span,
  html body.category-products-page.header-layout-customized .repair-entry-btn-v2 span,
  html body.category-products-page.header-layout-customized .repair-status-btn-v2 span,
  html body.category-products-page.header-layout-customized .cart-link-v2 .cart-text-v2 {
    display: none !important;
  }

  html body.category-products-page.header-layout-customized .warranty-check-btn-v2,
  html body.category-products-page.header-layout-customized .repair-entry-btn-v2,
  html body.category-products-page.header-layout-customized .repair-status-btn-v2,
  html body.category-products-page.header-layout-customized .cart-link-v2 {
    width: 42px !important;
    min-width: 42px !important;
    padding: 0 !important;
    justify-content: center !important;
  }
}

@media (min-width: 1201px) and (max-width: 1360px) {
  html body.category-products-page.header-layout-customized .login-btn-v2 span {
    display: none !important;
  }

  html body.category-products-page.header-layout-customized .login-btn-v2 {
    width: 42px !important;
    min-width: 42px !important;
    padding: 0 !important;
    justify-content: center !important;
  }

  html body.category-products-page.header-layout-customized .search-container-v2 {
    max-width: 460px !important;
  }
}

/* ==============================================================
  16. CATEGORY PAGE DESKTOP COMPACT ACTION BAR
   ============================================================== */
@media (min-width: 1201px) {
  html body.category-products-page.header-layout-customized .header-layout-v2 {
    grid-template-columns: 180px minmax(280px, 1fr) auto !important;
    column-gap: 10px !important;
  }

  html body.category-products-page.header-layout-customized .search-container-v2 {
    width: min(100%, 460px) !important;
    max-width: 460px !important;
  }

  html body.category-products-page.header-layout-customized .header-right-v2,
  html body.category-products-page.header-layout-customized .header-right-actions-v2,
  html body.category-products-page.header-layout-customized .user-menu-v2 {
    max-width: none !important;
    overflow: visible !important;
  }

  html body.category-products-page.header-layout-customized .user-menu-v2 {
    gap: 8px !important;
    padding: 4px 5px !important;
    min-height: 50px !important;
    border-radius: 16px !important;
    background: linear-gradient(180deg, rgba(255,255,255,0.13) 0%, rgba(255,255,255,0.07) 100%) !important;
  }

  html body.category-products-page.header-layout-customized .warranty-check-btn-v2,
  html body.category-products-page.header-layout-customized .repair-entry-btn-v2,
  html body.category-products-page.header-layout-customized .repair-status-btn-v2,
  html body.category-products-page.header-layout-customized .login-btn-v2,
  html body.category-products-page.header-layout-customized .cart-link-v2 {
    width: 40px !important;
    min-width: 40px !important;
    height: 40px !important;
    min-height: 40px !important;
    padding: 0 !important;
    gap: 0 !important;
    justify-content: center !important;
    border-radius: 12px !important;
  }

  html body.category-products-page.header-layout-customized .warranty-check-btn-v2 span,
  html body.category-products-page.header-layout-customized .repair-entry-btn-v2 span,
  html body.category-products-page.header-layout-customized .repair-status-btn-v2 span,
  html body.category-products-page.header-layout-customized .login-btn-v2 span,
  html body.category-products-page.header-layout-customized .cart-link-v2 .cart-text-v2 {
    display: none !important;
  }

  html body.category-products-page.header-layout-customized .warranty-check-btn-v2 i,
  html body.category-products-page.header-layout-customized .repair-entry-btn-v2 i,
  html body.category-products-page.header-layout-customized .repair-status-btn-v2 i,
  html body.category-products-page.header-layout-customized .login-btn-v2 i,
  html body.category-products-page.header-layout-customized .cart-link-v2 i {
    font-size: 0.98rem !important;
    margin: 0 !important;
  }

  html body.category-products-page.header-layout-customized .cart-link-v2 {
    position: relative !important;
  }

  html body.category-products-page.header-layout-customized .cart-badge-v2 {
    top: -5px !important;
    right: -5px !important;
  }
}

/* ==============================================================
  17. SHARED NAV FINAL FIX (match index.html)
   ============================================================== */
.main-nav {
  background: linear-gradient(90deg, rgba(240, 0, 247, 0.94) 0%, rgba(171, 98, 255, 0.88) 46%, rgba(88, 187, 246, 0.9) 100%) !important;
  border-top: 1px solid rgba(255, 255, 255, 0.12) !important;
  border-bottom: 1px solid rgba(255, 255, 255, 0.16) !important;
  box-shadow: 0 12px 26px rgba(67, 49, 173, 0.14) !important;
  padding: 14px 0 16px !important;
  overflow: visible !important;
  position: relative !important;
  z-index: 1700 !important;
}

#main-nav-container {
  display: flex !important;
  flex-direction: row !important;
  flex-wrap: wrap !important;
  align-items: center !important;
  justify-content: center !important;
  align-content: flex-start !important;
  gap: 10px !important;
  width: calc(100% - 24px) !important;
  max-width: min(1320px, calc(100% - 24px)) !important;
  margin: 0 auto !important;
  padding: 0 12px !important;
  min-height: 64px !important;
  position: relative !important;
  overflow-x: hidden !important;
  overflow-y: visible !important;
  white-space: normal !important;
  row-gap: 12px !important;
  scrollbar-width: none !important;
  -ms-overflow-style: none !important;
  box-sizing: border-box !important;
}

#main-nav-container::-webkit-scrollbar {
  display: none !important;
}

.nav-row-break {
  display: block !important;
  flex: 0 0 100% !important;
  width: 100% !important;
  height: 0 !important;
  margin: 0 !important;
  padding: 0 !important;
  pointer-events: none !important;
}

.nav-item-wrapper,
.nav-item-wrapper:not(.nav-item-wrapper--category),
.nav-item-wrapper:last-child {
  position: relative !important;
  display: inline-flex !important;
  align-items: stretch !important;
  flex: 0 0 auto !important;
  border: none !important;
}

.nav-item-wrapper.is-open {
  z-index: 10001 !important;
}

#main-nav-container > a.secondary-nav-item-link,
#main-nav-container > .nav-item-wrapper > .header-nav-dropdown-trigger {
  all: unset;
  box-sizing: border-box !important;
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  gap: 8px !important;
  min-height: 50px !important;
  padding: 0 16px !important;
  border-radius: 0 !important;
  border: none !important;
  background: transparent !important;
  color: #214b8f !important;
  -webkit-text-fill-color: #214b8f !important;
  text-decoration: none !important;
  font-size: 0.9rem !important;
  font-weight: 700 !important;
  letter-spacing: -0.01em !important;
  box-shadow: none !important;
  cursor: pointer !important;
  transition: transform 0.18s ease, box-shadow 0.18s ease, border-color 0.18s ease, background 0.18s ease, color 0.18s ease !important;
  flex: 0 0 auto !important;
  white-space: nowrap !important;
}

#main-nav-container > a.secondary-nav-item-link:hover,
#main-nav-container > .nav-item-wrapper > .header-nav-dropdown-trigger:hover,
#main-nav-container > .nav-item-wrapper.is-open > .header-nav-dropdown-trigger {
  background: rgba(255, 255, 255, 0.1) !important;
  border-color: transparent !important;
  color: #143d84 !important;
  -webkit-text-fill-color: #143d84 !important;
  box-shadow: none !important;
  transform: translateY(-1px) !important;
}

#main-nav-container > a.secondary-nav-item-link,
#main-nav-container > .nav-item-wrapper > .header-nav-dropdown-trigger,
#main-nav-container > a.secondary-nav-item-link span,
#main-nav-container > .nav-item-wrapper > .header-nav-dropdown-trigger span,
#main-nav-container > a.secondary-nav-item-link i,
#main-nav-container > .nav-item-wrapper > .header-nav-dropdown-trigger i {
  color: #214b8f !important;
  -webkit-text-fill-color: #214b8f !important;
}

#main-nav-container > a.secondary-nav-item-link:hover span,
#main-nav-container > .nav-item-wrapper > .header-nav-dropdown-trigger:hover span,
#main-nav-container > .nav-item-wrapper.is-open > .header-nav-dropdown-trigger span,
#main-nav-container > a.secondary-nav-item-link:hover i,
#main-nav-container > .nav-item-wrapper > .header-nav-dropdown-trigger:hover i,
#main-nav-container > .nav-item-wrapper.is-open > .header-nav-dropdown-trigger i {
  color: #143d84 !important;
  -webkit-text-fill-color: #143d84 !important;
}

#main-nav-container > .nav-item-wrapper.nav-item-wrapper--category > .header-nav-dropdown-trigger {
  min-height: 54px !important;
  padding: 0 20px 0 12px !important;
  border: 2px solid #46a6f8 !important;
  border-radius: 999px !important;
  background: #ffffff !important;
  color: #1480d8 !important;
  -webkit-text-fill-color: #1480d8 !important;
  box-shadow: 0 12px 26px rgba(44, 136, 234, 0.14) !important;
}

#main-nav-container > .nav-item-wrapper.nav-item-wrapper--category > .header-nav-dropdown-trigger .header-nav-category-trigger__icon {
  width: 40px !important;
  height: 40px !important;
  margin-right: 8px !important;
  border-radius: 14px !important;
  background: linear-gradient(180deg, #e8f5ff 0%, #d6ebff 100%) !important;
  box-shadow: inset 0 0 0 1px rgba(84, 165, 245, 0.2) !important;
}

#main-nav-container > .nav-item-wrapper.nav-item-wrapper--category > .header-nav-dropdown-trigger .header-nav-category-trigger__icon i {
  color: #1790e7 !important;
  -webkit-text-fill-color: #1790e7 !important;
}

#main-nav-container > .nav-item-wrapper.nav-item-wrapper--category > .header-nav-dropdown-trigger:hover,
#main-nav-container > .nav-item-wrapper.nav-item-wrapper--category.is-open > .header-nav-dropdown-trigger {
  background: #ffffff !important;
  border-color: #2196f3 !important;
  color: #0f75c9 !important;
  -webkit-text-fill-color: #0f75c9 !important;
  box-shadow: 0 16px 34px rgba(33, 150, 243, 0.16) !important;
}

.header-nav-dropdown {
  display: none !important;
  position: absolute !important;
  top: calc(100% + 10px) !important;
  left: 0 !important;
  z-index: 10002 !important;
  min-width: 240px !important;
  max-width: 320px !important;
  background: rgba(255, 255, 255, 0.98) !important;
  border-radius: 18px !important;
  box-shadow: 0 24px 60px rgba(15, 23, 42, 0.16) !important;
  padding: 10px !important;
  border: 1px solid rgba(209, 220, 236, 0.95) !important;
  backdrop-filter: blur(12px) !important;
  flex-direction: column !important;
}

.nav-item-wrapper.is-open .header-nav-dropdown {
  display: flex !important;
}

.header-nav-dropdown-item {
  display: flex !important;
  align-items: center !important;
  width: 100% !important;
  max-width: none !important;
  min-height: 44px !important;
  padding: 0 14px !important;
  margin: 0 !important;
  flex: 0 0 auto !important;
  border-radius: 12px !important;
  color: #1f3658 !important;
  -webkit-text-fill-color: #1f3658 !important;
  font-size: 0.88rem !important;
  font-weight: 600 !important;
  line-height: 1.35 !important;
  text-decoration: none !important;
  white-space: nowrap !important;
  cursor: pointer !important;
  background: transparent !important;
  box-sizing: border-box !important;
  transition: background 0.16s ease, color 0.16s ease, transform 0.16s ease !important;
  opacity: 1 !important;
  visibility: visible !important;
}

.header-nav-dropdown-item,
.header-nav-dropdown-item span,
.header-nav-dropdown-item i,
.header-nav-dropdown * {
  color: #1f3658 !important;
  -webkit-text-fill-color: #1f3658 !important;
}

.header-nav-dropdown-item:hover {
  background: #edf4ff !important;
  color: #1452b8 !important;
  -webkit-text-fill-color: #1452b8 !important;
  transform: translateX(2px) !important;
}

.header-nav-dropdown-item:hover,
.header-nav-dropdown-item:hover span,
.header-nav-dropdown-item:hover i {
  color: #1452b8 !important;
  -webkit-text-fill-color: #1452b8 !important;
}

.pro-category-dropdown {
  background: rgba(255, 255, 255, 0.98) !important;
  border: 1px solid rgba(209, 220, 236, 0.95) !important;
  border-radius: 22px !important;
  box-shadow: 0 24px 60px rgba(15, 23, 42, 0.18) !important;
  backdrop-filter: blur(12px) !important;
  padding: 14px !important;
}

.pro-category-dropdown .category-dropdown-loading,
.pro-category-dropdown .category-dropdown-error {
  padding: 16px !important;
  color: #334155 !important;
  font-size: 0.92rem !important;
}

.pro-category-dropdown .category-dropdown-group {
  display: grid !important;
  gap: 8px !important;
}

.pro-category-dropdown .category-dropdown-group + .category-dropdown-group {
  margin-top: 12px !important;
  padding-top: 12px !important;
  border-top: 1px solid rgba(226, 232, 240, 0.9) !important;
}

.pro-category-dropdown .category-dropdown-parent,
.pro-category-dropdown .category-dropdown-leaf,
.pro-category-dropdown .category-dropdown-child {
  display: flex !important;
  align-items: center !important;
  gap: 10px !important;
  min-height: 44px !important;
  padding: 0 14px !important;
  border-radius: 14px !important;
  color: #17325f !important;
  text-decoration: none !important;
  transition: background 0.16s ease, color 0.16s ease, transform 0.16s ease !important;
}

.pro-category-dropdown .category-dropdown-parent,
.pro-category-dropdown .category-dropdown-leaf {
  background: linear-gradient(180deg, #f8fbff 0%, #eff6ff 100%) !important;
  font-weight: 800 !important;
}

.pro-category-dropdown .category-dropdown-children {
  display: grid !important;
  gap: 6px !important;
  padding-left: 12px !important;
}

.pro-category-dropdown .category-dropdown-child {
  min-height: 40px !important;
  padding-left: 16px !important;
  font-size: 0.88rem !important;
  font-weight: 600 !important;
  background: transparent !important;
}

.pro-category-dropdown .category-dropdown-parent:hover,
.pro-category-dropdown .category-dropdown-leaf:hover,
.pro-category-dropdown .category-dropdown-child:hover {
  background: #edf4ff !important;
  color: #1452b8 !important;
  transform: translateX(2px) !important;
}

.pro-category-dropdown .category-dropdown-icon {
  width: 30px !important;
  height: 30px !important;
  border-radius: 10px !important;
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  background: linear-gradient(180deg, #e8f5ff 0%, #d6ebff 100%) !important;
  color: #1790e7 !important;
  flex-shrink: 0 !important;
}

.pro-category-dropdown .category-dropdown-child .category-dropdown-icon {
  width: 24px !important;
  height: 24px !important;
  border-radius: 8px !important;
  background: rgba(232, 245, 255, 0.82) !important;
}

@media (max-width: 991.98px) {
  .nav-row-break {
    display: none !important;
  }

  .main-nav {
    padding: 10px 0 12px !important;
  }

  #main-nav-container {
    flex-wrap: nowrap !important;
    align-items: center !important;
    align-content: center !important;
    justify-content: flex-start !important;
    gap: 8px !important;
    padding: 0 12px !important;
    min-height: 56px !important;
    overflow-x: auto !important;
    overflow-y: hidden !important;
    white-space: nowrap !important;
    scroll-snap-type: x proximity !important;
    -webkit-overflow-scrolling: touch !important;
    touch-action: pan-x !important;
  }

  #main-nav-container > a.secondary-nav-item-link,
  #main-nav-container > .nav-item-wrapper > .header-nav-dropdown-trigger {
    min-height: 48px !important;
    padding: 0 16px !important;
    font-size: 0.86rem !important;
    border-radius: 14px !important;
    flex: 0 0 auto !important;
    scroll-snap-align: start !important;
  }

  #main-nav-container > .nav-item-wrapper.nav-item-wrapper--category {
    width: auto !important;
    flex: 0 0 auto !important;
    justify-content: flex-start !important;
    margin-bottom: 0 !important;
  }

  #main-nav-container > .nav-item-wrapper.nav-item-wrapper--category > .header-nav-dropdown-trigger {
    min-height: 54px !important;
    padding: 0 18px 0 12px !important;
    font-size: 0.9rem !important;
    min-width: max-content !important;
  }

  .pro-category-dropdown {
    width: min(92vw, 360px) !important;
    min-width: 0 !important;
    max-height: min(78vh, 560px) !important;
  }
}

/* ==============================================================
   17. FINAL DESKTOP SEARCH BAR RESET
   ============================================================== */
@media (min-width: 769px) {
  html body .header-center-v2 {
    min-width: 0 !important;
  }

  html body .header-center-v2 .search-container-v2 {
    width: 100% !important;
    max-width: 100% !important;
    min-width: 0 !important;
  }

  html body .header-center-v2 .search-bar-v2 {
    position: relative !important;
    display: grid !important;
    grid-template-columns: minmax(0, 1fr) 56px !important;
    align-items: center !important;
    column-gap: 10px !important;
    width: 100% !important;
    min-width: 0 !important;
    height: 58px !important;
    min-height: 58px !important;
    padding: 6px !important;
    overflow: hidden !important;
    box-sizing: border-box !important;
  }

  html body .header-center-v2 .search-bar-v2 .category-select-v2 {
    display: none !important;
  }

  html body .header-center-v2 .search-bar-v2 #search-input-main-v2 {
    grid-column: 1 !important;
    display: block !important;
    width: 100% !important;
    height: 100% !important;
    min-width: 0 !important;
    margin: 0 !important;
    padding: 0 14px !important;
    box-sizing: border-box !important;
  }

  html body .header-center-v2 .search-bar-v2 #search-button-main-v2 {
    grid-column: 2 !important;
    position: static !important;
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    width: 56px !important;
    min-width: 56px !important;
    max-width: 56px !important;
    height: 100% !important;
    min-height: 0 !important;
    margin: 0 !important;
    padding: 0 !important;
    border-radius: 999px !important;
    flex: none !important;
    z-index: 2 !important;
    justify-self: stretch !important;
    align-self: stretch !important;
  }

  html body .header-center-v2 .search-bar-v2 #search-button-main-v2:hover {
    transform: none !important;
  }
}

@media (max-width: 575.98px) {
  #main-nav-container {
    gap: 6px !important;
    padding: 0 10px !important;
  }

  #main-nav-container > a.secondary-nav-item-link,
  #main-nav-container > .nav-item-wrapper > .header-nav-dropdown-trigger {
    min-height: 44px !important;
    padding: 0 14px !important;
    font-size: 0.82rem !important;
    border-radius: 12px !important;
  }

  #main-nav-container > .nav-item-wrapper.nav-item-wrapper--category > .header-nav-dropdown-trigger {
    min-height: 48px !important;
    padding: 0 16px 0 10px !important;
    font-size: 0.84rem !important;
  }
}

/* ==============================================================
  18. CATEGORY PAGE DESKTOP HEADER BAR REBUILD
   ============================================================== */
@media (min-width: 1201px) {
  html body.category-products-page.header-layout-customized .main-header-wrapper-v2 {
    min-height: 124px !important;
  }

  html body.category-products-page.header-layout-customized .main-header-wrapper-v2 .main-header-full-width,
  html body.category-products-page.header-layout-customized .main-header-wrapper-v2 .container {
    height: 124px !important;
    padding-left: clamp(18px, 2vw, 32px) !important;
    padding-right: clamp(18px, 2vw, 32px) !important;
  }

  html body.category-products-page.header-layout-customized .header-layout-v2 {
    display: flex !important;
    align-items: center !important;
    justify-content: space-between !important;
    gap: clamp(14px, 1.4vw, 22px) !important;
    width: 100% !important;
    height: 124px !important;
    grid-template-columns: unset !important;
  }

  html body.category-products-page.header-layout-customized .header-left-v2 {
    flex: 0 0 230px !important;
    width: 230px !important;
    max-width: 230px !important;
    min-width: 190px !important;
  }

  html body.category-products-page.header-layout-customized .header-center-v2 {
    flex: 1 1 auto !important;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    min-width: 0 !important;
    padding: 0 !important;
  }

  html body.category-products-page.header-layout-customized .header-center-v2 .search-container-v2 {
    width: min(100%, 640px) !important;
    max-width: 640px !important;
    min-width: 320px !important;
    margin: 0 auto !important;
  }

  html body.category-products-page.header-layout-customized .header-center-v2 .search-bar-v2 {
    height: 58px !important;
    min-height: 58px !important;
    padding: 6px !important;
    border-radius: 999px !important;
    box-shadow: 0 16px 34px rgba(8, 34, 92, 0.18) !important;
  }

  html body.category-products-page.header-layout-customized .header-center-v2 .search-bar-v2 #search-input-main-v2 {
    padding: 0 20px !important;
    font-size: 1rem !important;
  }

  html body.category-products-page.header-layout-customized .header-center-v2 .search-bar-v2 #search-button-main-v2 {
    width: 58px !important;
    min-width: 58px !important;
    max-width: 58px !important;
    height: 46px !important;
    align-self: center !important;
    justify-self: end !important;
  }

  html body.category-products-page.header-layout-customized .header-right-v2 {
    flex: 0 0 auto !important;
    width: auto !important;
    min-width: 0 !important;
    max-width: none !important;
    margin-left: auto !important;
    justify-content: flex-end !important;
  }

  html body.category-products-page.header-layout-customized .header-right-actions-v2 {
    width: auto !important;
    min-width: 0 !important;
    max-width: none !important;
  }

  html body.category-products-page.header-layout-customized .user-menu-v2 {
    display: inline-flex !important;
    align-items: center !important;
    justify-content: flex-end !important;
    gap: 8px !important;
    padding: 8px 10px !important;
    min-height: 64px !important;
    width: auto !important;
    min-width: 0 !important;
    max-width: none !important;
    border-radius: 24px !important;
    background: linear-gradient(180deg, rgba(255,255,255,0.16) 0%, rgba(255,255,255,0.09) 100%) !important;
    border: 1px solid rgba(255,255,255,0.26) !important;
    box-shadow: inset 0 1px 0 rgba(255,255,255,0.2), 0 14px 30px rgba(6, 32, 92, 0.16) !important;
  }

  html body.category-products-page.header-layout-customized .user-menu-v2 > a,
  html body.category-products-page.header-layout-customized .user-menu-v2 > div {
    flex: 0 0 auto !important;
  }

  html body.category-products-page.header-layout-customized .repair-entry-btn-v2,
  html body.category-products-page.header-layout-customized .repair-status-btn-v2,
  html body.category-products-page.header-layout-customized .warranty-check-btn-v2,
  html body.category-products-page.header-layout-customized .header-cart-slot-v2 .cart-link-v2--standalone {
    width: 46px !important;
    min-width: 46px !important;
    height: 46px !important;
    min-height: 46px !important;
    padding: 0 !important;
    border-radius: 14px !important;
    justify-content: center !important;
    gap: 0 !important;
  }

  html body.category-products-page.header-layout-customized .repair-entry-btn-v2 span,
  html body.category-products-page.header-layout-customized .repair-status-btn-v2 span,
  html body.category-products-page.header-layout-customized .warranty-check-btn-v2 span,
  html body.category-products-page.header-layout-customized .cart-link-v2 .cart-text-v2 {
    display: none !important;
  }

  html body.category-products-page.header-layout-customized .login-btn-v2,
  html body.category-products-page.header-layout-customized .user-profile-v2 {
    min-width: 102px !important;
    height: 46px !important;
    min-height: 46px !important;
    padding: 0 16px !important;
    border-radius: 16px !important;
    justify-content: center !important;
    gap: 8px !important;
  }

  html body.category-products-page.header-layout-customized .login-btn-v2 span,
  html body.category-products-page.header-layout-customized #header-username-v2 {
    display: inline-block !important;
    max-width: 72px !important;
    overflow: hidden !important;
    text-overflow: ellipsis !important;
    white-space: nowrap !important;
    font-size: 0.88rem !important;
  }

  html body.category-products-page.header-layout-customized .main-nav {
    background: linear-gradient(90deg, #1d78ea 0%, #0fb7df 100%) !important;
    padding: 8px 0 !important;
    box-shadow: 0 10px 26px rgba(15, 90, 176, 0.16) !important;
  }

  html body.category-products-page.header-layout-customized #main-nav-container {
    width: min(100%, 1420px) !important;
    max-width: 1420px !important;
    min-height: 58px !important;
    flex-wrap: wrap !important;
    justify-content: center !important;
    align-items: center !important;
    align-content: flex-start !important;
    gap: clamp(4px, 0.55vw, 10px) !important;
    row-gap: 12px !important;
    padding: 0 10px !important;
    overflow-x: hidden !important;
    overflow-y: visible !important;
    white-space: normal !important;
    scrollbar-width: none !important;
  }

  html body.category-products-page.header-layout-customized .nav-row-break {
    display: block !important;
  }

  html body.category-products-page.header-layout-customized #main-nav-container > a.secondary-nav-item-link,
  html body.category-products-page.header-layout-customized #main-nav-container > .nav-item-wrapper > .header-nav-dropdown-trigger {
    min-height: 44px !important;
    padding: 0 12px !important;
    font-size: 0.82rem !important;
    border-radius: 999px !important;
    justify-content: center !important;
  }

  html body.category-products-page.header-layout-customized #main-nav-container > .nav-item-wrapper.nav-item-wrapper--category > .header-nav-dropdown-trigger {
    min-height: 48px !important;
    padding: 0 16px 0 10px !important;
  }
}

@media (min-width: 1201px) and (max-width: 1440px) {
  html body.category-products-page.header-layout-customized .header-left-v2 {
    flex-basis: 210px !important;
    width: 210px !important;
    max-width: 210px !important;
  }

  html body.category-products-page.header-layout-customized .header-center-v2 .search-container-v2 {
    max-width: 560px !important;
  }

  html body.category-products-page.header-layout-customized .login-btn-v2,
  html body.category-products-page.header-layout-customized .user-profile-v2 {
    min-width: 46px !important;
    width: 46px !important;
    padding: 0 !important;
  }

  html body.category-products-page.header-layout-customized .login-btn-v2 span,
  html body.category-products-page.header-layout-customized #header-username-v2 {
    display: none !important;
  }
}

/* ==============================================================
  19. CATEGORY PAGE ACTION COLOR OVERRIDES
   ============================================================== */
html body.category-products-page.header-layout-customized .repair-entry-btn-v2,
html body.category-products-page.header-layout-customized .repair-status-btn-v2,
html body.category-products-page.header-layout-customized .warranty-check-btn-v2 {
  background: linear-gradient(180deg, rgba(255,255,255,0.2) 0%, rgba(255,255,255,0.1) 100%) !important;
  border: 1px solid rgba(255,255,255,0.3) !important;
  color: #ffffff !important;
  -webkit-text-fill-color: #ffffff !important;
  box-shadow: inset 0 1px 0 rgba(255,255,255,0.22), 0 10px 20px rgba(5, 42, 106, 0.18) !important;
}

html body.category-products-page.header-layout-customized .repair-entry-btn-v2:hover,
html body.category-products-page.header-layout-customized .repair-status-btn-v2:hover,
html body.category-products-page.header-layout-customized .warranty-check-btn-v2:hover {
  background: linear-gradient(180deg, rgba(255,255,255,0.28) 0%, rgba(255,255,255,0.14) 100%) !important;
  border-color: rgba(255,255,255,0.44) !important;
  color: #ffffff !important;
  -webkit-text-fill-color: #ffffff !important;
}

html body.category-products-page.header-layout-customized .repair-entry-btn-v2 i,
html body.category-products-page.header-layout-customized .repair-status-btn-v2 i,
html body.category-products-page.header-layout-customized .warranty-check-btn-v2 i,
html body.category-products-page.header-layout-customized .repair-entry-btn-v2 span,
html body.category-products-page.header-layout-customized .repair-status-btn-v2 span,
html body.category-products-page.header-layout-customized .warranty-check-btn-v2 span {
  color: #ffffff !important;
  -webkit-text-fill-color: #ffffff !important;
}

html body.category-products-page.header-layout-customized .header-cart-slot-v2 .cart-link-v2--standalone,
html body.category-products-page.header-layout-customized .cart-link-v2 {
  background: linear-gradient(180deg, #1fd2c5 0%, #11b7b8 100%) !important;
  border: 1px solid rgba(255,255,255,0.24) !important;
  color: #ffffff !important;
  -webkit-text-fill-color: #ffffff !important;
  box-shadow: 0 12px 24px rgba(4, 126, 133, 0.24) !important;
}

html body.category-products-page.header-layout-customized .header-cart-slot-v2 .cart-link-v2--standalone:hover,
html body.category-products-page.header-layout-customized .cart-link-v2:hover {
  background: linear-gradient(180deg, #22ddd0 0%, #14c2c3 100%) !important;
  color: #ffffff !important;
  -webkit-text-fill-color: #ffffff !important;
}

html body.category-products-page.header-layout-customized .login-btn-v2,
html body.category-products-page.header-layout-customized .user-profile-v2 {
  background: linear-gradient(180deg, #0f66bb 0%, #0b57a0 100%) !important;
  border: 1px solid rgba(255,255,255,0.24) !important;
  color: #ffffff !important;
  -webkit-text-fill-color: #ffffff !important;
  box-shadow: 0 12px 26px rgba(6, 32, 92, 0.18) !important;
}

html body.category-products-page.header-layout-customized .login-btn-v2:hover,
html body.category-products-page.header-layout-customized .user-profile-v2:hover {
  background: linear-gradient(180deg, #1171ce 0%, #0c60b3 100%) !important;
  border-color: rgba(255,255,255,0.38) !important;
  color: #ffffff !important;
  -webkit-text-fill-color: #ffffff !important;
}

html body.category-products-page.header-layout-customized .login-btn-v2 i,
html body.category-products-page.header-layout-customized .login-btn-v2 span,
html body.category-products-page.header-layout-customized .user-profile-v2 i,
html body.category-products-page.header-layout-customized #header-username-v2 {
  color: inherit !important;
  -webkit-text-fill-color: inherit !important;
}

/* ==============================================================
  20. CATEGORY PAGE FINAL MOBILE HEADER RESET
   ============================================================== */
@media (max-width: 768px) {
  html body.category-products-page.header-layout-customized .main-header-wrapper-v2,
  html body.category-products-page.header-layout-customized .main-header-wrapper {
    min-height: auto !important;
    padding: 0 !important;
  }

  html body.category-products-page.header-layout-customized .main-header-wrapper-v2 .container,
  html body.category-products-page.header-layout-customized .main-header-wrapper .container,
  html body.category-products-page.header-layout-customized .main-header-full-width {
    height: auto !important;
    min-height: auto !important;
    padding: 10px 12px 14px !important;
  }

  html body.category-products-page.header-layout-customized .header-layout-v2 {
    display: flex !important;
    flex-direction: column !important;
    align-items: stretch !important;
    justify-content: flex-start !important;
    gap: 12px !important;
    height: auto !important;
    width: 100% !important;
    grid-template-columns: unset !important;
  }

  html body.category-products-page.header-layout-customized .header-left-v2,
  html body.category-products-page.header-layout-customized .header-center-v2,
  html body.category-products-page.header-layout-customized .header-right-v2,
  html body.category-products-page.header-layout-customized .header-right-actions-v2 {
    width: 100% !important;
    max-width: none !important;
    min-width: 0 !important;
    margin: 0 !important;
  }

  html body.category-products-page.header-layout-customized .header-left-v2 {
    order: 1 !important;
    flex: 0 0 auto !important;
    justify-content: center !important;
    padding: 2px 0 0 !important;
  }

  html body.category-products-page.header-layout-customized .brand-container-v2 {
    justify-content: center !important;
    gap: 10px !important;
  }

  html body.category-products-page.header-layout-customized #shop-logo-main-v2,
  html body.category-products-page.header-layout-customized #shop-logo-main {
    height: 40px !important;
  }

  html body.category-products-page.header-layout-customized #shop-name-display-v2,
  html body.category-products-page.header-layout-customized #shop-name-display {
    font-size: 0.98rem !important;
  }

  html body.category-products-page.header-layout-customized .header-center-v2 {
    order: 2 !important;
    flex: 0 0 auto !important;
    padding: 0 !important;
    justify-content: stretch !important;
  }

  html body.category-products-page.header-layout-customized .search-container-v2 {
    width: min(100%, 360px) !important;
    max-width: 360px !important;
    min-width: 0 !important;
    margin: 0 auto !important;
  }

  html body.category-products-page.header-layout-customized .search-bar-v2,
  html body.category-products-page.header-layout-customized .search-bar {
    width: 100% !important;
    height: 54px !important;
    min-height: 54px !important;
    border-radius: 999px !important;
    padding: 5px !important;
  }

  html body.category-products-page.header-layout-customized #search-input-main-v2,
  html body.category-products-page.header-layout-customized #search-input-main {
    padding: 0 14px !important;
    font-size: 0.92rem !important;
  }

  html body.category-products-page.header-layout-customized #search-button-main-v2,
  html body.category-products-page.header-layout-customized #search-button-main {
    width: 52px !important;
    min-width: 52px !important;
    max-width: 52px !important;
    height: calc(100% - 6px) !important;
    margin-right: 0 !important;
  }

  html body.category-products-page.header-layout-customized .header-right-v2 {
    order: 3 !important;
    display: block !important;
    width: min(100%, 360px) !important;
    max-width: 360px !important;
    margin: 0 auto !important;
    padding: 0 !important;
    background: none !important;
    border: none !important;
    border-radius: 0 !important;
    box-shadow: none !important;
  }

  html body.category-products-page.header-layout-customized .header-right-actions-v2 {
    display: block !important;
    width: 100% !important;
    margin: 0 auto !important;
  }

  html body.category-products-page.header-layout-customized .user-menu-v2 {
    display: grid !important;
    grid-template-columns: repeat(4, minmax(0, 1fr)) !important;
    align-items: stretch !important;
    gap: 8px !important;
    width: 100% !important;
    max-width: 360px !important;
    padding: 0 !important;
    margin: 0 auto !important;
    min-height: 0 !important;
    height: auto !important;
    background: transparent !important;
    border: none !important;
    border-radius: 0 !important;
    box-shadow: none !important;
  }

  html body.category-products-page.header-layout-customized .repair-actions-v2,
  html body.category-products-page.header-layout-customized .header-cart-slot-v2 {
    display: contents !important;
  }

  html body.category-products-page.header-layout-customized .repair-entry-btn-v2,
  html body.category-products-page.header-layout-customized .repair-status-btn-v2,
  html body.category-products-page.header-layout-customized .warranty-check-btn-v2,
  html body.category-products-page.header-layout-customized .header-cart-slot-v2 .cart-link-v2--standalone {
    width: 100% !important;
    min-width: 0 !important;
    height: 48px !important;
    min-height: 48px !important;
    padding: 0 !important;
    justify-content: center !important;
    gap: 0 !important;
    border-radius: 16px !important;
  }

  html body.category-products-page.header-layout-customized .repair-entry-btn-v2 span,
  html body.category-products-page.header-layout-customized .repair-status-btn-v2 span,
  html body.category-products-page.header-layout-customized .warranty-check-btn-v2 span,
  html body.category-products-page.header-layout-customized .header-cart-slot-v2 .cart-text-v2 {
    display: none !important;
  }

  html body.category-products-page.header-layout-customized .login-btn-v2,
  html body.category-products-page.header-layout-customized #header-user-info-v2:not([style*="display: none"]) {
    grid-column: 1 / -1 !important;
    width: 100% !important;
    min-width: 0 !important;
  }

  html body.category-products-page.header-layout-customized .login-btn-v2,
  html body.category-products-page.header-layout-customized .user-profile-v2 {
    height: 48px !important;
    min-height: 48px !important;
    padding: 0 14px !important;
    justify-content: center !important;
    gap: 8px !important;
    border-radius: 16px !important;
  }

  html body.category-products-page.header-layout-customized .login-btn-v2 span,
  html body.category-products-page.header-layout-customized #header-username-v2 {
    display: inline-block !important;
    max-width: calc(100% - 32px) !important;
    overflow: hidden !important;
    text-overflow: ellipsis !important;
    white-space: nowrap !important;
  }
}

@media (max-width: 480px) {
  html body.category-products-page.header-layout-customized .main-header-wrapper-v2 .container,
  html body.category-products-page.header-layout-customized .main-header-wrapper .container,
  html body.category-products-page.header-layout-customized .main-header-full-width {
    padding: 8px 10px 12px !important;
  }

  html body.category-products-page.header-layout-customized .user-menu-v2 {
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
    max-width: 320px !important;
  }

  html body.category-products-page.header-layout-customized .repair-entry-btn-v2,
  html body.category-products-page.header-layout-customized .repair-status-btn-v2,
  html body.category-products-page.header-layout-customized .warranty-check-btn-v2,
  html body.category-products-page.header-layout-customized .header-cart-slot-v2 .cart-link-v2--standalone,
  html body.category-products-page.header-layout-customized .login-btn-v2,
  html body.category-products-page.header-layout-customized .user-profile-v2 {
    height: 46px !important;
    min-height: 46px !important;
    border-radius: 14px !important;
  }
}


/* ==============================================================
   COMPACT HEADER RIGHT -- repair/warranty icon-only buttons
   Prevents header-right from overflowing the header bar.
   These rules are placed last to win over all prior overrides.
   ============================================================== */
html body .warranty-check-btn-v2 span,
html body .repair-entry-btn-v2 span,
html body .repair-status-btn-v2 span {
  display: none !important;
}

html body .warranty-check-btn-v2,
html body .repair-entry-btn-v2,
html body .repair-status-btn-v2 {
  padding: 0 !important;
  width: 44px !important;
  min-width: 44px !important;
  gap: 0 !important;
}

html body .header-right-v2 {
  min-width: 0 !important;
  width: auto !important;
  flex-shrink: 1 !important;
}

html body .user-menu-v2 {
  min-width: 0 !important;
  width: auto !important;
}

/* ==============================================================
   NAV SEPARATOR -- vertical divider lines (Advice-style)
   Renders as a thin vertical line between nav sections.
   ============================================================== */
.nav-separator {
  display: inline-flex !important;
  align-items: center !important;
  align-self: stretch !important;
  padding: 0 10px !important;
  pointer-events: none !important;
  flex-shrink: 0 !important;
}

.nav-separator::after {
  content: '' !important;
  display: block !important;
  width: 1px !important;
  height: 52% !important;
  background: rgba(33, 75, 143, 0.22) !important;
  border-radius: 1px !important;
  flex-shrink: 0 !important;
}

/* ==============================
   MOBILE CATEGORY DROPDOWN FIX
   ============================== */
@media (max-width: 991.98px) {
  /* Allow category dropdown items to wrap text on mobile */
  .nav-item-wrapper--category .header-nav-dropdown--category {
    white-space: normal !important;
    overflow-y: auto !important;
    overflow-x: hidden !important;
  }
  .nav-item-wrapper--category .header-nav-dropdown-item {
    white-space: normal !important;
    overflow: visible !important;
    text-overflow: clip !important;
    min-height: 40px !important;
    font-size: 0.82rem !important;
    padding: 0 12px !important;
  }
}

/* ==============================
   MOBILE CATEGORY DROPDOWN FIX
   ============================== */
@media (max-width: 991.98px) {
  /* Allow category dropdown items to wrap text on mobile */
  .nav-item-wrapper--category .header-nav-dropdown--category {
    white-space: normal !important;
    overflow-y: auto !important;
    overflow-x: hidden !important;
  }
  .nav-item-wrapper--category .header-nav-dropdown-item {
    white-space: normal !important;
    overflow: visible !important;
    text-overflow: clip !important;
    min-height: 40px !important;
    font-size: 0.82rem !important;
    padding: 0 12px !important;
  }
}