/** Shopify CDN: Minification failed

Line 777:0 All "@import" rules must come first
Line 778:0 All "@import" rules must come first

**/
:root {
  --black: #000000;
  --white: #ffffff;
  --firebrick: #b22222;
}

/* Add font smoothing for better text rendering */
body {
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  font-smoothing: antialiased;
  text-rendering: optimizeLegibility;
  font-family: 'Inconsolata', monospace !important;
  font-weight: 400 !important; /* 400 is regular weight */
  font-size: 17px !important;
  line-height: 1.5 !important; /* Adjust line height as needed */
  letter-spacing: 0 !important; /* Set letter spacing to 0 */
}

/* Also apply to common text elements to ensure consistency */
p, span, div, li, a, input, textarea, button, label {
  font-family: 'Inconsolata', monospace;
  font-size: 17px;
  letter-spacing: 0;
}

.header__search,
.header__icon--search,
[aria-label="Search"],
.modal-opener[aria-label="Search"] {
  display: none !important;
}
/* Style the header wrapper to match AGBO design */
.header-wrapper {
  /* position: fixed; */
  width: 100%;
  z-index: 100;
  background-color: var(--black);
}

/* Override any container classes that might be limiting width */
.header-wrapper .page-width,
.header-wrapper .container {
  max-width: 100% !important;
  width: 100%;
  padding-left: 0;
  padding-right: 0;
}

/* Style the header container */
.header {
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: 0 2rem;
  height: 80px;
  background-color: var(--black);
  color: var(--white);
  max-width: none !important;
}

/* Override any page-width class that might limit the header width */
.header.page-width {
  max-width: none !important;
  padding: 0 2rem;
}

/* Logo styles */
.header__heading-logo-wrapper {
  height: 100%;
  display: flex;
  align-items: center;
}

.header__heading-logo {
  width: 233px !important;
  height: 44px !important;
  object-fit: contain;
}

/* Right side container for menu and icons */
.header__right-side {
  display: flex;
  align-items: center;
  justify-content: flex-end;
  height: 100%;
  flex-grow: 1;
}

/* Navigation menu styles */
.header__inline-menu {
  height: 100%;
  display: flex;
  align-items: center;
  margin-right: 2rem;
}

.header__menu-item {
  display: flex;
  align-items: center;
  justify-content: center;
  height: 100%;
  padding: 0 1rem;
  color: var(--white);
  font-family: 'Barlow Condensed', sans-serif;
  font-size: 21px;
  font-weight: 400;
  line-height: 0;
  text-transform: uppercase;
  letter-spacing: 0;
  position: relative;
  transition: color 0.3s ease;
}

.header__menu-item:hover {
  color: var(--firebrick) !important;
  text-decoration: none !important;
  border-bottom: none !important;
  outline: none !important;
}

/* Style for active/current menu item */
.header__menu-item[href*="/collections/all"],
.header__menu-item[href*="/collections"],
.header__menu-item[href*="/products"],
.header__menu-item--active {
  color: var(--firebrick) !important;
  font-weight: 600;
  text-decoration: none !important;
  border-bottom: none !important;
  outline: none !important;
}

/* Remove the underline effect */
.header__menu-item::after {
  display: none !important;
  opacity: 0 !important;
  transform: none !important;
}

.header__menu-item:hover::after {
  display: none !important;
  opacity: 0 !important;
  transform: none !important;
}

.header__menu-item[href*="/collections/all"]::after,
.header__menu-item[href*="/collections"]::after,
.header__menu-item[href*="/products"]::after,
.header__menu-item--active::after {
  display: none !important;
  opacity: 0 !important;
  transform: none !important;
}

/* Icons container styles */
.header__icons-container {
  display: flex;
  align-items: center;
  justify-content: flex-end;
  gap: 1rem;
  height: 100%;
}

/* Social icons styles */
.header-social-icons {
  display: flex;
  align-items: center;
  gap: 1rem;
  margin-right: 0rem;
  height: 100%;
}

.header-social-icon {
  display: flex;
  align-items: center;
  justify-content: center;
  transition: opacity 0.3s ease;
}

.header-social-icon svg {
  width: 20px;
  height: 20px;
  fill: var(--white);
  transition: fill 0.3s ease;
}

.header-social-icon:hover svg {
  fill: var(--firebrick);
}

/* LinkedIn icon specific style */
.header-social-icon svg[viewBox="0 0 24 24"] path[d="M20.447 20.452h-3.554v-5.569c0-1.328-.027-3.037-1.852-3.037-1.853 0-2.136 1.445-2.136 2.939v5.667H9.351V9h3.414v1.561h.046c.477-.9 1.637-1.85 3.37-1.85 3.601 0 4.267 2.37 4.267 5.455v6.286zM5.337 7.433a2.062 2.062 0 01-2.063-2.065 2.064 2.064 0 112.063 2.065zm1.782 13.019H3.555V9h3.564v11.452zM22.225 0H1.771C.792 0 0 .774 0 1.729v20.542C0 23.227.792 24 1.771 24h20.451C23.2 24 24 23.227 24 22.271V1.729C24 .774 23.2 0 22.222 0h.003z"] {
  width: 18px;
  height: 18px;
}

/* Shopify icons styles */
.header__icons {
  display: flex;
  align-items: center;
}

.header__icon {
  color: var(--white);
  transition: color 0.3s ease;
}

.header__icon:hover {
  color: var(--firebrick);
}

.header__icon .icon {
  width: 20px;
  height: 20px;
  fill: var(--white);
  transition: fill 0.3s ease;
}

.header__icon:hover .icon {
  fill: var(--firebrick);
}

/* Cart icon specific style */
.header__icon--cart .icon,
.header__icon--cart svg,
.header__icon--cart .svg-wrapper svg {
  width: 28px !important;
  height: 28px !important;
  fill: var(--white) !important;
  transition: fill 0.3s ease !important;
}

.header__icon--cart:hover .icon,
.header__icon--cart:hover svg,
.header__icon--cart:hover .svg-wrapper svg {
  fill: var(--firebrick) !important;
}

/* Mobile menu button */
.header__menu-toggle {
  color: var(--white);
}

/* Responsive styles */
@media screen and (max-width: 989px) {
  .header {
    padding: 0 1rem;
  }
  
  .header__inline-menu {
    padding-left: 1rem;
    margin-right: 1rem;
  }
  
  .header__menu-item {
    padding: 0 0.5rem;
    /* Keep the font size at 21px */
  }
  
  .header-social-icons {
    margin-right: 0.5rem;
  }
}

@media screen and (max-width: 749px) {
  .header__right-side {
    justify-content: flex-end;
  }
  
  .header__icons-container {
    margin-left: auto;
  }
  
  .header-social-icon svg {
    width: 18px;
    height: 18px;
  }
  
  /* Maintain font size on mobile */
  .header__menu-item,
  .menu-drawer__menu-item {
    font-size: 21px;
    line-height: 0;
  }
}

/* Add space above the main content to account for fixed header */
#MainContent {
  padding-top: 80px;
}

/* Mobile styles */
@media screen and (max-width: 991px) {
  .header__inline-menu {
    display: none;
  }
  
  .header__menu-drawer-wrapper {
    display: block;
  }
  
  .header-social-icons {
    margin-right: 0.5rem;
  }
  
  .header-social-icon svg {
    width: 18px;
    height: 18px;
  }
  
  /* Ensure header is full width on tablets */
  .header, 
  .header-wrapper,
  .section-header,
  .header.page-width {
    width: 100% !important;
    max-width: 100% !important;
    padding-left: 1rem;
    padding-right: 1rem;
  }
}

@media screen and (max-width: 767px) {
  .header__heading-logo {
    width: 180px !important;
    height: 34px !important;
    min-width: auto;
  }
  
  .header-social-icons {
    gap: 0.5rem;
  }
  
  /* Adjust spacing on mobile */
  .header, 
  .header-wrapper,
  .section-header,
  .header.page-width {
    padding-left: 0.75rem;
    padding-right: 0.75rem;
  }
}

@media screen and (max-width: 479px) {
  .header {
    padding-left: 0.5rem;
    padding-right: 0.5rem;
  }
  
  .header-social-icon svg {
    width: 16px;
    height: 16px;
  }
  
  /* Further reduce padding on small mobile */
  .header, 
  .header-wrapper,
  .section-header,
  .header.page-width {
    padding-left: 0.5rem;
    padding-right: 0.5rem;
  }
  
  .header__heading-logo {
    width: 150px !important;
    height: 28px !important;
  }
}

/* Style the menu drawer for mobile */
.menu-drawer {
  background-color: var(--black) !important;
}

.menu-drawer__navigation {
  padding-top: 2rem;
}

.menu-drawer__menu-item {
  color: var(--white) !important;
  text-transform: uppercase;
  font-family: 'Barlow Condensed', sans-serif;
  font-size: 21px;
  font-weight: 400;
  line-height: 0;
  letter-spacing: 0;
  padding: 1rem 1.5rem;
  margin-bottom: 0.5rem;
  border-bottom: 1px solid rgba(255, 255, 255, 0.1);
  transition: color 0.3s ease;
}

.menu-drawer__menu-item:hover,
.menu-drawer__menu-item:focus {
  color: var(--firebrick) !important;
  background-color: transparent;
  text-decoration: none !important;
  border-bottom: 1px solid rgba(255, 255, 255, 0.1);
  outline: none !important;
}

/* Style the submenu in the drawer */
.menu-drawer__submenu {
  background-color: rgba(255, 255, 255, 0.05) !important;
  padding: 0.5rem 0;
}

.menu-drawer__submenu .menu-drawer__menu-item {
  padding-left: 2.5rem;
}

/* Style dropdown menus */
.header__menu-item .icon-caret {
  display: none; /* Hide the default caret icon */
}

.header__submenu {
  background-color: var(--black) !important;
  border: 1px solid var(--white);
  padding: 1rem 0;
  min-width: 200px;
}

.header__submenu .header__menu-item {
  padding: 0.5rem 1.5rem;
  font-size: 21px;
  line-height: 0;
  letter-spacing: 0;
  text-decoration: none !important;
  transition: color 0.3s ease;
}

.header__submenu .header__menu-item:hover {
  color: var(--firebrick) !important;
  text-decoration: none !important;
  border-bottom: none !important;
  outline: none !important;
}

/* Fix for mega menu */
.mega-menu__content {
  background-color: var(--black) !important;
  border: 1px solid var(--white);
}

.mega-menu__link {
  color: var(--white) !important;
  text-transform: uppercase;
  font-family: 'Barlow Condensed', sans-serif;
  font-size: 21px;
  font-weight: 400;
  line-height: 0;
  letter-spacing: 0;
  transition: color 0.3s ease;
  text-decoration: none !important;
}

.mega-menu__link:hover {
  color: var(--firebrick) !important;
  text-decoration: none !important;
  border-bottom: none !important;
  outline: none !important;
}

/* Additional overrides to ensure full width */
.section-header {
  max-width: 100% !important;
  width: 100%;
  padding: 0 !important;
  margin: 0 !important;
}

/* Adjust spacing of elements within the header */
.header__heading {
  margin: 0;
  padding: 0;
}

/* Override the media query that adds extra padding */
@media screen and (min-width: 990px) {
  .header:not(.drawer-menu).page-width,
  .header.page-width,
  .header-wrapper .page-width {
    padding-left: 1rem !important;
    padding-right: 1rem !important;
  }
}

/* Add a global rule to ensure no text-decoration on any links in the header */
.header a,
.header a:hover,
.header a:focus,
.header a:active,
.header__menu-item,
.header__menu-item:hover,
.header__menu-item:focus,
.header__menu-item:active,
.menu-drawer a,
.menu-drawer a:hover,
.menu-drawer a:focus,
.menu-drawer a:active,
.header__inline-menu a,
.header__inline-menu a:hover,
.header__inline-menu a:focus,
.header__inline-menu a:active,
.header__submenu a,
.header__submenu a:hover,
.header__submenu a:focus,
.header__submenu a:active,
.list-menu__item,
.list-menu__item:hover,
.list-menu__item:focus,
.list-menu__item:active,
.link,
.link:hover,
.link:focus,
.link:active,
.link--text,
.link--text:hover,
.link--text:focus,
.link--text:active,
.focus-inset,
.focus-inset:hover,
.focus-inset:focus,
.focus-inset:active {
  text-decoration: none !important;
  border-bottom: none !important;
  outline: none !important;
  box-shadow: none !important;
}

/* Additional specific rules to override any theme defaults */
.header__menu-item span::after,
.header__menu-item span:hover::after,
.header__menu-item span:focus::after,
.header__menu-item span:active::after,
.list-menu__item span::after,
.list-menu__item span:hover::after,
.list-menu__item span:focus::after,
.list-menu__item span:active::after,
.link span::after,
.link span:hover::after,
.link span:focus::after,
.link span:active::after,
.link--text span::after,
.link--text span:hover::after,
.link--text span:focus::after,
.link--text span:active::after,
.focus-inset span::after,
.focus-inset span:hover::after,
.focus-inset span:focus::after,
.focus-inset span:active::after {
  display: none !important;
  opacity: 0 !important;
  transform: none !important;
  border-bottom: none !important;
  box-shadow: none !important;
}

/* Target the specific combination of classes */
.header__menu-item.list-menu__item.link.link--text.focus-inset,
.header__menu-item.list-menu__item.link.link--text.focus-inset:hover,
.header__menu-item.list-menu__item.link.link--text.focus-inset:focus,
.header__menu-item.list-menu__item.link.link--text.focus-inset:active {
  text-decoration: none !important;
  border-bottom: none !important;
  outline: none !important;
  box-shadow: none !important;
}

.header__menu-item.list-menu__item.link.link--text.focus-inset::after,
.header__menu-item.list-menu__item.link.link--text.focus-inset:hover::after,
.header__menu-item.list-menu__item.link.link--text.focus-inset:focus::after,
.header__menu-item.list-menu__item.link.link--text.focus-inset:active::after {
  display: none !important;
  opacity: 0 !important;
  transform: none !important;
  border-bottom: none !important;
  box-shadow: none !important;
}

/* Add a nuclear option to completely eliminate any underlines or lines */
.header__inline-menu *,
.header__inline-menu *::before,
.header__inline-menu *::after,
.header__menu-item,
.header__menu-item::before,
.header__menu-item::after,
.header__menu-item *,
.header__menu-item *::before,
.header__menu-item *::after,
.list-menu__item,
.list-menu__item::before,
.list-menu__item::after,
.list-menu__item *,
.list-menu__item *::before,
.list-menu__item *::after,
.link,
.link::before,
.link::after,
.link *,
.link *::before,
.link *::after,
.link--text,
.link--text::before,
.link--text::after,
.link--text *,
.link--text *::before,
.link--text *::after,
.focus-inset,
.focus-inset::before,
.focus-inset::after,
.focus-inset *,
.focus-inset *::before,
.focus-inset *::after {
  text-decoration: none !important;
  border-bottom: none !important;
  border: none !important;
  outline: none !important;
  box-shadow: none !important;
  text-underline-offset: 0 !important;
  text-decoration-thickness: 0 !important;
  text-decoration-color: transparent !important;
  text-decoration-style: none !important;
  text-decoration-line: none !important;
  background-image: none !important;
  background: transparent !important;
  transform: none !important;
}

/* Override any hover states */
.header__inline-menu *:hover,
.header__inline-menu *:hover::before,
.header__inline-menu *:hover::after,
.header__menu-item:hover,
.header__menu-item:hover::before,
.header__menu-item:hover::after,
.header__menu-item *:hover,
.header__menu-item *:hover::before,
.header__menu-item *:hover::after,
.list-menu__item:hover,
.list-menu__item:hover::before,
.list-menu__item:hover::after,
.list-menu__item *:hover,
.list-menu__item *:hover::before,
.list-menu__item *:hover::after,
.link:hover,
.link:hover::before,
.link:hover::after,
.link *:hover,
.link *:hover::before,
.link *:hover::after,
.link--text:hover,
.link--text:hover::before,
.link--text:hover::after,
.link--text *:hover,
.link--text *:hover::before,
.link--text *:hover::after,
.focus-inset:hover,
.focus-inset:hover::before,
.focus-inset:hover::after,
.focus-inset *:hover,
.focus-inset *:hover::before,
.focus-inset *:hover::after {
  text-decoration: none !important;
  border-bottom: none !important;
  border: none !important;
  outline: none !important;
  box-shadow: none !important;
  text-underline-offset: 0 !important;
  text-decoration-thickness: 0 !important;
  text-decoration-color: transparent !important;
  text-decoration-style: none !important;
  text-decoration-line: none !important;
  background-image: none !important;
  background: transparent !important;
  transform: none !important;
}

/* Target the specific combination with !important on all properties */
.header__menu-item.list-menu__item.link.link--text.focus-inset,
.header__menu-item.list-menu__item.link.link--text.focus-inset:hover,
.header__menu-item.list-menu__item.link.link--text.focus-inset:focus,
.header__menu-item.list-menu__item.link.link--text.focus-inset:active,
.header__menu-item.list-menu__item.link.link--text.focus-inset::before,
.header__menu-item.list-menu__item.link.link--text.focus-inset:hover::before,
.header__menu-item.list-menu__item.link.link--text.focus-inset:focus::before,
.header__menu-item.list-menu__item.link.link--text.focus-inset:active::before,
.header__menu-item.list-menu__item.link.link--text.focus-inset::after,
.header__menu-item.list-menu__item.link.link--text.focus-inset:hover::after,
.header__menu-item.list-menu__item.link.link--text.focus-inset:focus::after,
.header__menu-item.list-menu__item.link.link--text.focus-inset:active::after,
.header__menu-item.list-menu__item.link.link--text.focus-inset *,
.header__menu-item.list-menu__item.link.link--text.focus-inset *:hover,
.header__menu-item.list-menu__item.link.link--text.focus-inset *:focus,
.header__menu-item.list-menu__item.link.link--text.focus-inset *:active,
.header__menu-item.list-menu__item.link.link--text.focus-inset *::before,
.header__menu-item.list-menu__item.link.link--text.focus-inset *:hover::before,
.header__menu-item.list-menu__item.link.link--text.focus-inset *:focus::before,
.header__menu-item.list-menu__item.link.link--text.focus-inset *:active::before,
.header__menu-item.list-menu__item.link.link--text.focus-inset *::after,
.header__menu-item.list-menu__item.link.link--text.focus-inset *:hover::after,
.header__menu-item.list-menu__item.link.link--text.focus-inset *:focus::after,
.header__menu-item.list-menu__item.link.link--text.focus-inset *:active::after {
  text-decoration: none !important;
  border-bottom: none !important;
  border: none !important;
  outline: none !important;
  box-shadow: none !important;
  text-underline-offset: 0 !important;
  text-decoration-thickness: 0 !important;
  text-decoration-color: transparent !important;
  text-decoration-style: none !important;
  text-decoration-line: none !important;
  background-image: none !important;
  background: transparent !important;
  transform: none !important;
}

/* Subscribe button styles */
.header__subscribe-link {
  color: var(--black);
  background-color: #fff;
  border-radius: 8px;
  padding: 0.25rem 1.25rem;
  font-weight: 500;
  text-transform: uppercase;
  font-family: 'Barlow Condensed', sans-serif;
  font-size: 21px;
  line-height: 1.375;
  text-decoration: none;
  display: inline-block;
  transition: all 0.25s cubic-bezier(0.25, 0.46, 0.45, 0.94);
  vertical-align: middle;
  margin: 0 1rem;
}

.header__subscribe-link:hover {
  opacity: 0.8;
  color: var(--black);
  text-decoration: none !important;
}

/* Responsive styles for the subscribe button */
@media screen and (max-width: 989px) {
  .header__subscribe-link {
    font-size: 18px;
    padding: 0.2rem 1rem;
    margin: 0 0.75rem;
  }
}

@media screen and (max-width: 767px) {
  .header__subscribe-link {
    font-size: 16px;
    padding: 0.15rem 0.75rem;
    margin: 0 0.5rem;
  }
}

@media screen and (max-width: 479px) {
  .header__subscribe-link {
    font-size: 14px;
    padding: 0.1rem 0.5rem;
    margin: 0 0.25rem;
  }
}

/* Import fonts */
@import url('https://fonts.googleapis.com/css2?family=Inconsolata:wght@400&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Barlow+Condensed:wght@400;600;700&display=swap');

/* Apply Inconsolata Regular 17px to the body with 0 letter spacing */
body {
  font-family: 'Inconsolata', monospace !important;
  font-weight: 400 !important;
  font-size: 17px !important;
  line-height: 1.5 !important;
  letter-spacing: 0 !important;
}

/* Apply to common text elements */
p, span, div, li, input, textarea, button, label {
  font-family: 'Inconsolata', monospace;
  font-size: 17px;
  letter-spacing: 0;
}

/* More specific selectors for navigation and menu items to use Barlow Condensed */
.header__menu-item,
.header__inline-menu a,
.header__inline-menu li,
.header__inline-menu span,
.menu-drawer__menu-item,
.header__subscribe-link,
nav a,
nav li,
nav span,
.header-social-icon,
.header__icon,
.list-menu__item,
.list-menu a,
.list-menu li,
.list-menu span,
.header__submenu a,
.header__submenu li,
.header__submenu span,
.mega-menu__link,
.mega-menu a,
.mega-menu li,
.mega-menu span {
  font-family: 'Barlow Condensed', sans-serif !important;
  letter-spacing: 0.02em !important;
  font-size: 21px !important; /* Adjust size as needed */
}

/* Make h2 elements Barlow Condensed Bold */
h2, .h2 {
  font-family: 'Barlow Condensed', sans-serif !important;
  font-weight: 700 !important;
  letter-spacing: 0.02em !important;
}

/* Override any Shopify theme defaults that might be affecting menu items */
.header__menu-item *,
.header__inline-menu *,
.menu-drawer__menu-item *,
nav *,
.list-menu__item *,
.header__submenu *,
.mega-menu__link *,
.mega-menu * {
  font-family: 'Barlow Condensed', sans-serif !important;
}