@import url('https://fonts.googleapis.com/css2?family=Bebas+Neue&family=Cinzel:wght@400;600;700&family=Rajdhani:wght@300;400;500;600;700&display=swap');

:root {
  --mt-gh-height: 56px;
  --mt-gh-container: 1600px;
  --mt-gh-black: #080808;
  --mt-gh-light: #ece9eb;
  --mt-gh-white: #f5f5f0;
  --mt-gh-silver: #969fa5;
  --mt-gh-silver-light: #b0b8bd;
  --mt-gh-gold: #e8c45a;
  --mt-gh-gold-light: #f7e090;
  --mt-gh-ui: 'Rajdhani', sans-serif;
  --mt-gh-display: 'Bebas Neue', sans-serif;
}

#mt-global-header-root,
#mt-global-header-root * {
  box-sizing: border-box !important;
}

#mt-global-header-root a {
  color: inherit !important;
  text-decoration: none !important;
}

#mt-global-header-root button {
  appearance: none !important;
  border: 0 !important;
  background: transparent !important;
  color: inherit !important;
  font: inherit !important;
  cursor: pointer !important;
  padding: 0 !important;
}

.mt-gh-header,
.mt-gh-mobile,
.mt-gh-mega,
.mt-gh-mobile-menu {
  font-family: var(--mt-gh-ui) !important;
}

.mt-gh-header {
  position: fixed !important;
  top: 0 !important;
  left: 0 !important;
  right: 0 !important;
  z-index: 2147483000 !important;
  height: var(--mt-gh-height) !important;
  min-height: var(--mt-gh-height) !important;
  max-height: var(--mt-gh-height) !important;
  display: flex !important;
  align-items: center !important;
  backdrop-filter: blur(22px) saturate(1.18) !important;
  -webkit-backdrop-filter: blur(22px) saturate(1.18) !important;
  transition: background 0.22s ease, color 0.22s ease, border-color 0.22s ease, box-shadow 0.22s ease !important;
}

body.admin-bar .mt-gh-header,
body.admin-bar .mt-gh-mobile {
  top: 0 !important;
}

body.mt-theme-light .mt-gh-header,
body:not(.mt-theme-dark) .mt-gh-header {
  background: linear-gradient(180deg, rgba(210, 210, 210, 0.58) 0%, rgba(232, 231, 232, 0.50) 58%, rgba(236, 233, 235, 0.42) 100%) !important;
  border-bottom: 1px solid rgba(0, 0, 0, 0.055) !important;
  box-shadow: none !important;
  color: rgba(17, 17, 17, 0.74) !important;
}

body.mt-theme-dark .mt-gh-header {
  background: linear-gradient(180deg, rgba(8, 8, 8, 0.62) 0%, rgba(8, 8, 8, 0.48) 56%, rgba(8, 8, 8, 0.38) 100%) !important;
  border-bottom: 1px solid rgba(232, 196, 90, 0.06) !important;
  box-shadow: none !important;
  color: rgba(245, 245, 240, 0.72) !important;
}

body.mt-theme-light .mt-gh-header.is-scrolled,
body:not(.mt-theme-dark) .mt-gh-header.is-scrolled {
  background: linear-gradient(180deg, rgba(174, 174, 174, 0.58) 0%, rgba(210, 209, 210, 0.48) 56%, rgba(236, 233, 235, 0.34) 100%) !important;
  color: rgba(17, 17, 17, 0.72) !important;
}

body.mt-theme-dark .mt-gh-header.is-scrolled {
  background: linear-gradient(180deg, rgba(8, 8, 8, 0.70) 0%, rgba(8, 8, 8, 0.56) 58%, rgba(8, 8, 8, 0.42) 100%) !important;
}

.mt-gh-inner {
  width: min(var(--mt-gh-container), calc(100vw - 64px)) !important;
  height: 100% !important;
  margin: 0 auto !important;
  display: grid !important;
  grid-template-columns: 230px minmax(0, 1fr) 230px !important;
  align-items: center !important;
}

.mt-gh-logo {
  justify-self: start !important;
  display: inline-flex !important;
  align-items: center !important;
  line-height: 1 !important;
}

.mt-gh-logo-img {
  display: block !important;
  width: auto !important;
  height: 28px !important;
  max-width: 130px !important;
  object-fit: contain !important;
  opacity: 0.82 !important;
  visibility: visible !important;
}

.mt-gh-nav {
  justify-self: center !important;
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  gap: 33px !important;
  height: 100% !important;
  min-width: 0 !important;
}

.mt-gh-nav-item,
.mt-gh-nav-item span:not(.mt-gh-chevron) {
  font-family: var(--mt-gh-ui) !important;
  font-size: 12px !important;
  font-weight: 700 !important;
  letter-spacing: 4.2px !important;
  line-height: 1 !important;
  text-transform: uppercase !important;
  white-space: nowrap !important;
}

.mt-gh-nav-item {
  position: relative !important;
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  gap: 5px !important;
  height: var(--mt-gh-height) !important;
  color: inherit !important;
  opacity: 1 !important;
  overflow: visible !important;
}

.mt-gh-chevron {
  position: relative !important;
  top: -1px !important;
  font-size: 12px !important;
  line-height: 1 !important;
  letter-spacing: 0 !important;
  opacity: 0.72 !important;
}

.mt-gh-nav-item::after {
  content: '' !important;
  position: absolute !important;
  left: 0 !important;
  right: auto !important;
  bottom: 16px !important;
  width: 0 !important;
  height: 1px !important;
  transition: width 0.22s ease !important;
}

body.mt-theme-light .mt-gh-nav-item::after,
body:not(.mt-theme-dark) .mt-gh-nav-item::after {
  background: rgba(17, 17, 17, 0.46) !important;
}

body.mt-theme-dark .mt-gh-nav-item::after {
  background: rgba(232, 196, 90, 0.78) !important;
}

.mt-gh-nav-item:hover::after,
.mt-gh-nav-item.is-active::after {
  width: 100% !important;
}

.mt-gh-actions {
  justify-self: end !important;
  display: inline-flex !important;
  align-items: center !important;
  justify-content: flex-end !important;
  gap: 16px !important;
  height: 100% !important;
}

.mt-gh-cart,
.mt-gh-mobile-cart {
  position: relative !important;
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  width: 34px !important;
  height: 34px !important;
  color: inherit !important;
}

.mt-gh-cart svg,
.mt-gh-mobile-cart svg {
  display: block !important;
  width: 20px !important;
  height: 20px !important;
}

.mt-gh-theme-toggle,
.mt-gh-mobile-theme {
  position: relative !important;
  width: 56px !important;
  height: 32px !important;
  border-radius: 999px !important;
  overflow: hidden !important;
  flex: 0 0 auto !important;
}

body.mt-theme-light .mt-gh-theme-toggle,
body:not(.mt-theme-dark) .mt-gh-theme-toggle,
body.mt-theme-light .mt-gh-mobile-theme,
body:not(.mt-theme-dark) .mt-gh-mobile-theme {
  background: rgba(247, 245, 241, 0.72) !important;
  border: 1px solid rgba(17, 17, 17, 0.08) !important;
  box-shadow: 0 4px 18px rgba(0, 0, 0, 0.08) !important;
}

body.mt-theme-dark .mt-gh-theme-toggle,
body.mt-theme-dark .mt-gh-mobile-theme {
  background: rgba(12, 12, 14, 0.84) !important;
  border: 1px solid rgba(232, 196, 90, 0.14) !important;
  box-shadow: 0 4px 18px rgba(0, 0, 0, 0.24) !important;
}

.mt-gh-theme-track {
  position: relative !important;
  width: 100% !important;
  height: 100% !important;
  display: flex !important;
  align-items: center !important;
  justify-content: space-between !important;
  padding: 0 8px !important;
  border-radius: inherit !important;
}

.mt-gh-theme-thumb {
  position: absolute !important;
  top: 3px !important;
  left: 3px !important;
  z-index: 2 !important;
  width: 24px !important;
  height: 24px !important;
  border-radius: 50% !important;
  transition: transform 0.25s ease, background 0.25s ease, box-shadow 0.25s ease !important;
}

body.mt-theme-light .mt-gh-theme-thumb,
body:not(.mt-theme-dark) .mt-gh-theme-thumb {
  transform: translateX(0) !important;
  background: linear-gradient(180deg, #ffffff 0%, #f0ece4 100%) !important;
  box-shadow: 0 4px 10px rgba(0, 0, 0, 0.12) !important;
}

body.mt-theme-dark .mt-gh-theme-thumb {
  transform: translateX(24px) !important;
  background: linear-gradient(180deg, #f2d27c 0%, #d4a83d 100%) !important;
  box-shadow: 0 4px 14px rgba(0, 0, 0, 0.28) !important;
}

.mt-gh-theme-icon {
  position: relative !important;
  z-index: 3 !important;
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  width: 14px !important;
  height: 14px !important;
}

body.mt-theme-light .mt-gh-theme-icon--sun,
body:not(.mt-theme-dark) .mt-gh-theme-icon--sun { color: #7b8287 !important; opacity: 1 !important; }
body.mt-theme-light .mt-gh-theme-icon--moon,
body:not(.mt-theme-dark) .mt-gh-theme-icon--moon { color: rgba(123, 130, 135, 0.42) !important; opacity: 0.55 !important; }
body.mt-theme-dark .mt-gh-theme-icon--sun { color: rgba(232, 196, 90, 0.45) !important; opacity: 0.55 !important; }
body.mt-theme-dark .mt-gh-theme-icon--moon { color: rgba(26, 26, 26, 1) !important; opacity: 1 !important; }

.mt-cart-badge {
  position: absolute !important;
  top: -2px !important;
  right: -5px !important;
  width: 16px !important;
  height: 16px !important;
  min-width: 16px !important;
  display: none !important;
  align-items: center !important;
  justify-content: center !important;
  border-radius: 50% !important;
  font-family: var(--mt-gh-ui) !important;
  font-size: 10px !important;
  font-weight: 700 !important;
  line-height: 1 !important;
  letter-spacing: 0 !important;
}
.mt-cart-badge.is-visible { display: flex !important; }
body.mt-theme-light .mt-cart-badge,
body:not(.mt-theme-dark) .mt-cart-badge { background: var(--mt-gh-silver) !important; color: #fff !important; }
body.mt-theme-dark .mt-cart-badge { background: var(--mt-gh-gold) !important; color: #111 !important; }

.mt-gh-mega {
  position: fixed !important;
  top: var(--mt-gh-height) !important;
  left: 0 !important;
  right: 0 !important;
  z-index: 2147482999 !important;
  display: none !important;
  max-height: 76vh !important;
  overflow-y: auto !important;
  padding: 30px 40px 38px !important;
  backdrop-filter: blur(26px) saturate(1.08) !important;
  -webkit-backdrop-filter: blur(26px) saturate(1.08) !important;
}

.mt-gh-mega.is-open { display: block !important; }

body.mt-theme-light .mt-gh-mega,
body:not(.mt-theme-dark) .mt-gh-mega {
  background: rgba(236, 233, 235, 0.64) !important;
  border-bottom: 1px solid rgba(17, 17, 17, 0.035) !important;
  color: rgba(17, 17, 17, 0.60) !important;
}

body.mt-theme-dark .mt-gh-mega {
  background: rgba(13, 13, 15, 0.70) !important;
  border-bottom: 1px solid rgba(232, 196, 90, 0.06) !important;
  color: rgba(245, 245, 240, 0.70) !important;
}

.mt-gh-mega-inner {
  width: min(1400px, calc(100vw - 180px)) !important;
  margin: 0 auto !important;
  display: grid !important;
  gap: 32px !important;
}
.mt-gh-mega-inner--3 { grid-template-columns: 1fr 1fr 1fr !important; }
.mt-gh-mega-inner--4 { grid-template-columns: repeat(4, 1fr) !important; }

.mt-gh-mega-title {
  margin: 0 0 14px !important;
  padding-bottom: 10px !important;
  border-bottom: 1px solid rgba(17, 17, 17, 0.065) !important;
  font-family: var(--mt-gh-display) !important;
  font-size: 30px !important;
  line-height: 0.95 !important;
  font-weight: 400 !important;
  letter-spacing: 8px !important;
  text-transform: uppercase !important;
}
body.mt-theme-light .mt-gh-mega-title,
body:not(.mt-theme-dark) .mt-gh-mega-title { color: rgba(150, 159, 165, 0.92) !important; border-color: rgba(17, 17, 17, 0.06) !important; }
body.mt-theme-dark .mt-gh-mega-title { color: rgba(232, 196, 90, 0.90) !important; border-color: rgba(232, 196, 90, 0.09) !important; }

.mt-gh-mega-sub {
  margin: 12px 0 6px !important;
  font-family: var(--mt-gh-ui) !important;
  font-size: 13px !important;
  line-height: 1.2 !important;
  font-weight: 700 !important;
  letter-spacing: 3.3px !important;
  text-transform: uppercase !important;
}
body.mt-theme-light .mt-gh-mega-sub,
body:not(.mt-theme-dark) .mt-gh-mega-sub { color: rgba(150, 159, 165, 0.84) !important; }
body.mt-theme-dark .mt-gh-mega-sub { color: rgba(247, 224, 144, 0.82) !important; }

.mt-gh-mega-link {
  display: block !important;
  padding: 5px 0 !important;
  font-family: var(--mt-gh-ui) !important;
  font-size: 13px !important;
  line-height: 1.26 !important;
  font-weight: 500 !important;
  letter-spacing: 0.9px !important;
  color: inherit !important;
  opacity: 0.82 !important;
  transition: opacity 0.18s ease, transform 0.18s ease !important;
}
.mt-gh-mega-link:hover { opacity: 1 !important; transform: translateX(4px) !important; }

.mt-gh-mobile,
.mt-gh-mobile-menu { display: none; }

@media (max-width: 900px) {
  .mt-gh-header,
  .mt-gh-mega { display: none !important; }

  .mt-gh-mobile {
    position: fixed !important;
    top: 0 !important;
    left: 0 !important;
    right: 0 !important;
    z-index: 2147483000 !important;
    height: var(--mt-gh-height) !important;
    display: grid !important;
    grid-template-columns: 44px minmax(0, 1fr) auto !important;
    align-items: center !important;
    gap: 12px !important;
    padding: 0 22px !important;
    backdrop-filter: blur(18px) saturate(1.12) !important;
    -webkit-backdrop-filter: blur(18px) saturate(1.12) !important;
  }
  body.mt-theme-light .mt-gh-mobile,
  body:not(.mt-theme-dark) .mt-gh-mobile {
    background: linear-gradient(180deg, rgba(210, 210, 210, 0.58) 0%, rgba(236, 233, 235, 0.42) 100%) !important;
    border-bottom: 1px solid rgba(17, 17, 17, 0.04) !important;
    color: rgba(17, 17, 17, 0.74) !important;
  }
  body.mt-theme-dark .mt-gh-mobile {
    background: linear-gradient(180deg, rgba(8, 8, 8, 0.62) 0%, rgba(8, 8, 8, 0.42) 100%) !important;
    border-bottom: 1px solid rgba(232, 196, 90, 0.05) !important;
    color: rgba(245, 245, 240, 0.72) !important;
  }

  .mt-gh-mobile-toggle,
  .mt-gh-mobile-cart { width: 34px !important; height: 34px !important; display: inline-flex !important; align-items: center !important; justify-content: center !important; }
  .mt-gh-mobile-icon-close { display: none !important; }
  .mt-gh-mobile.is-open .mt-gh-mobile-icon-open { display: none !important; }
  .mt-gh-mobile.is-open .mt-gh-mobile-icon-close { display: block !important; }
  .mt-gh-mobile-logo { justify-self: start !important; display: inline-flex !important; align-items: center !important; min-width: 0 !important; }
  .mt-gh-mobile-logo-img { display: block !important; height: 22px !important; max-width: 140px !important; width: auto !important; object-fit: contain !important; opacity: 0.78 !important; }
  .mt-gh-mobile-actions { display: inline-flex !important; align-items: center !important; justify-content: flex-end !important; gap: 12px !important; }
  .mt-gh-mobile-theme { width: 44px !important; height: 22px !important; }
  .mt-gh-mobile-theme .mt-gh-theme-track { padding: 0 6px !important; }
  .mt-gh-mobile-theme .mt-gh-theme-thumb { width: 16px !important; height: 16px !important; top: 2px !important; left: 3px !important; }
  body.mt-theme-dark .mt-gh-mobile-theme .mt-gh-theme-thumb { transform: translateX(19px) !important; }
  .mt-gh-mobile-theme .mt-gh-theme-icon { width: 11px !important; height: 11px !important; }
  .mt-gh-mobile-theme .mt-gh-theme-icon svg { width: 11px !important; height: 11px !important; }

  .mt-gh-mobile-menu {
    position: fixed !important;
    top: var(--mt-gh-height) !important;
    left: 0 !important;
    right: 0 !important;
    bottom: 0 !important;
    z-index: 2147482998 !important;
    width: 100vw !important;
    max-width: 100vw !important;
    overflow-y: auto !important;
    padding: 26px 24px 36px !important;
    backdrop-filter: blur(24px) saturate(1.08) !important;
    -webkit-backdrop-filter: blur(24px) saturate(1.08) !important;
  }
  .mt-gh-mobile-menu.is-open { display: block !important; }
  body.mt-theme-light .mt-gh-mobile-menu,
  body:not(.mt-theme-dark) .mt-gh-mobile-menu { background: rgba(236, 233, 235, 0.94) !important; color: rgba(17,17,17,0.74) !important; }
  body.mt-theme-dark .mt-gh-mobile-menu { background: rgba(8,8,8,0.96) !important; color: var(--mt-gh-white) !important; }
  .mt-gh-mobile-accordion,
  .mt-gh-mobile-item {
    width: 100% !important;
    min-height: 51px !important;
    display: flex !important;
    align-items: center !important;
    justify-content: space-between !important;
    border-bottom: 1px solid rgba(17,17,17,0.10) !important;
    font-family: var(--mt-gh-ui) !important;
    font-size: 14px !important;
    font-weight: 700 !important;
    letter-spacing: 1.8px !important;
    text-transform: uppercase !important;
  }
  .mt-gh-mobile-panel { display: none !important; flex-direction: column !important; padding: 10px 0 14px 14px !important; }
  .mt-gh-mobile-panel.is-open { display: flex !important; }
  .mt-gh-mobile-panel a { display: block !important; padding: 7px 0 !important; font-family: var(--mt-gh-ui) !important; font-size: 12px !important; font-weight: 500 !important; letter-spacing: 1.2px !important; text-transform: uppercase !important; opacity: 0.75 !important; }
}


/* v2.1.1 — Shopify-based header typography scale for WordPress */
#mt-global-header-root .mt-gh-nav-item,
#mt-global-header-root .mt-gh-nav-item span:not(.mt-gh-chevron) {
  font-size: 12px !important;
  letter-spacing: 4.2px !important;
  font-weight: 700 !important;
}

#mt-global-header-root .mt-gh-mega-title {
  font-size: 30px !important;
  letter-spacing: 8px !important;
  line-height: 0.95 !important;
}

#mt-global-header-root .mt-gh-mega-sub {
  font-size: 13px !important;
  letter-spacing: 3.3px !important;
  font-weight: 700 !important;
}

#mt-global-header-root .mt-gh-mega-link {
  font-size: 13px !important;
  letter-spacing: 0.9px !important;
  line-height: 1.26 !important;
  opacity: 0.82 !important;
}

body.mt-theme-light #mt-global-header-root .mt-gh-mega-link,
body:not(.mt-theme-dark) #mt-global-header-root .mt-gh-mega-link {
  color: rgba(17, 17, 17, 0.62) !important;
}

body.mt-theme-light #mt-global-header-root .mt-gh-nav-item,
body:not(.mt-theme-dark) #mt-global-header-root .mt-gh-nav-item {
  color: rgba(17, 17, 17, 0.76) !important;
}