/** Shopify CDN: Minification failed

Line 383:0 All "@import" rules must come first

**/

/* ===== PACKR CUSTOM STYLES ===== */

/* Announcement bar - force dark */
.announcement-bar,
.announcement-bar__wrapper,
section[class*="announcement"] {
  background: #111111 !important;
  color: #ffffff !important;
}
.announcement-bar a,
.announcement-bar span,
.announcement-bar p {
  color: #ffffff !important;
}

/* HEADER - force dark background */
.section-header,
.header__wrapper,
header,
.header,
[class*="header-section"],
.shopify-section-group-header-group > div,
.shopify-section-group-header-group section {
  background-color: #111111 !important;
  background: #111111 !important;
  color: #ffffff !important;
}

/* Header inner wrapper */
.header__inner,
.header-wrapper,
.header-row {
  background: #111111 !important;
}

/* Logo / store name */
.header__logo,
.header__heading,
.header__heading-link,
.header__logo-text,
h1.header__heading,
[class*="header"] .logo,
[class*="header"] a.header__heading-link {
  color: #ffffff !important;
  font-weight: 900 !important;
  letter-spacing: -0.5px !important;
}

/* Navigation links */
.header__menu,
.header-menu,
.nav-item,
.header__menu-item > a,
.header-menu__link,
.header__menu > li > a,
header nav a,
[class*="header-menu"] a,
[class*="header__menu"] a {
  color: rgba(255,255,255,0.85) !important;
  font-size: 0.78rem !important;
  font-weight: 600 !important;
  letter-spacing: 0.08em !important;
  text-transform: uppercase !important;
}

[class*="header__menu"] a:hover,
header nav a:hover {
  color: #ffffff !important;
}

/* Header icons (search, cart, account) */
.header__icons,
.header-actions,
.header__actions {
  color: #ffffff !important;
}
.header__icons svg,
.header-actions svg,
.header__actions svg,
[class*="header"] button svg,
[class*="header"] a svg {
  stroke: #ffffff !important;
  color: #ffffff !important;
  fill: none !important;
}

/* Cart count badge */
.cart-count-bubble,
[class*="cart-count"] {
  background: #ffffff !important;
  color: #111111 !important;
}

/* Dropdown menus */
.mega-menu,
.submenu,
[class*="dropdown"],
[class*="mega-menu"] {
  background: #111111 !important;
  border: 1px solid rgba(255,255,255,0.1) !important;
}
.mega-menu a,
.submenu a,
[class*="dropdown"] a {
  color: rgba(255,255,255,0.8) !important;
}
.mega-menu a:hover,
.submenu a:hover {
  color: #ffffff !important;
}

/* Mobile drawer */
.header-drawer,
.header-drawer__inner,
[class*="drawer"] {
  background: #111111 !important;
}
.header-drawer a,
.header-drawer button,
[class*="drawer"] a {
  color: #ffffff !important;
}

/* FOOTER */
.footer,
.footer__wrapper,
.section-footer,
.shopify-section-group-footer-group section,
.shopify-section-group-footer-group > div {
  background: #111111 !important;
  background-color: #111111 !important;
  color: rgba(255,255,255,0.7) !important;
  border-top: 1px solid rgba(255,255,255,0.08) !important;
}

.footer h2, .footer h3, .footer h4,
.footer .footer__heading {
  color: #ffffff !important;
  font-weight: 800 !important;
}

.footer a {
  color: rgba(255,255,255,0.6) !important;
  transition: color 0.2s !important;
}
.footer a:hover {
  color: #ffffff !important;
}

.footer p, .footer li, .footer span {
  color: rgba(255,255,255,0.6) !important;
}

/* Footer utilities / copyright bar */
.footer-utilities,
.footer__copyright,
[class*="footer-utilities"],
[class*="footer__copyright"] {
  background: #0a0a0a !important;
  border-top: 1px solid rgba(255,255,255,0.06) !important;
  color: rgba(255,255,255,0.3) !important;
}

/* Footer email input */
[class*="newsletter"] input,
[class*="email-signup"] input {
  background: rgba(255,255,255,0.08) !important;
  border: 1px solid rgba(255,255,255,0.2) !important;
  color: #ffffff !important;
  border-radius: 4px !important;
}
[class*="newsletter"] input::placeholder,
[class*="email-signup"] input::placeholder {
  color: rgba(255,255,255,0.4) !important;
}

/* Footer submit button */
[class*="newsletter"] button,
[class*="email-signup"] button {
  background: #ffffff !important;
  color: #111111 !important;
  font-weight: 700 !important;
}


/* ===== PACKR HEADER CENTERED & LOGO STYLES ===== */

/* Announcement bar - perfectly centered */
.announcement-bar__content,
.announcement-bar__message,
[class*="announcement"] p,
[class*="announcement"] span,
[class*="announcement"] div {
  text-align: center !important;
  justify-content: center !important;
  width: 100% !important;
  display: flex !important;
  align-items: center !important;
}

/* Header full width centered */
.header__inner,
.header-row,
.section-header .container,
.section-header .page-width {
  max-width: 100% !important;
  padding: 0 32px !important;
  justify-content: center !important;
}

/* Logo styling - bigger, bolder */
.header__heading-link,
.header__logo,
.header__heading {
  font-size: 1.6rem !important;
  font-weight: 900 !important;
  letter-spacing: -1px !important;
  color: #ffffff !important;
  text-transform: uppercase !important;
  font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', sans-serif !important;
}

/* Logo image if set */
.header__logo img,
.header__heading img {
  filter: brightness(0) invert(1) !important;
  max-height: 36px !important;
  width: auto !important;
}

/* Nav centered */
.header__menu,
.header-menu,
[class*="header__menu"],
[class*="header-menu"] {
  justify-content: center !important;
  display: flex !important;
  align-items: center !important;
  gap: 32px !important;
}

/* Nav links styling */
.header__menu-item > a,
.header-menu__link,
header nav > ul > li > a,
[class*="header__menu"] > li > a {
  color: rgba(255,255,255,0.85) !important;
  font-size: 0.75rem !important;
  font-weight: 700 !important;
  letter-spacing: 0.12em !important;
  text-transform: uppercase !important;
  padding: 8px 4px !important;
  border-bottom: 2px solid transparent !important;
  transition: all 0.2s !important;
}

.header__menu-item > a:hover,
header nav > ul > li > a:hover {
  color: #ffffff !important;
  border-bottom-color: rgba(255,255,255,0.4) !important;
}

/* Active nav item */
.header__menu-item--active > a,
.header__menu-item.active > a {
  color: #ffffff !important;
  border-bottom-color: #ffffff !important;
}

/* Bottom nav row separator */
.header__bottom {
  border-top: 1px solid rgba(255,255,255,0.08) !important;
}


/* ===== LOGO BIGGER ===== */
.header__heading-link,
.header__logo-text,
.header__heading a,
a.header__heading-link {
  font-size: 2rem !important;
  font-weight: 900 !important;
  letter-spacing: -1.5px !important;
  color: #ffffff !important;
  text-transform: uppercase !important;
  line-height: 1 !important;
}

/* Logo image size */
.header__logo img {
  max-height: 44px !important;
  width: auto !important;
  filter: brightness(0) invert(1) !important;
}

/* ===== ANNOUNCEMENT BAR CENTERED ===== */
.announcement-bar {
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  width: 100% !important;
  text-align: center !important;
  background: #111111 !important;
}

.announcement-bar__content,
.announcement-bar__list,
.announcement-bar__item,
.announcement-bar__message,
[class*="announcement-bar"] > *,
[class*="announcements"] {
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  text-align: center !important;
  width: 100% !important;
  flex: 1 !important;
}

.announcement-bar__text,
.announcement-bar p,
.announcement-bar span,
.announcement-bar a {
  color: rgba(255,255,255,0.75) !important;
  font-size: 0.65rem !important;
  letter-spacing: 0.15em !important;
  text-transform: uppercase !important;
  text-align: center !important;
  width: 100% !important;
  display: block !important;
}

/* Remove any left/right scroll buttons on announcement */
.announcement-bar__prev,
.announcement-bar__next,
[class*="announcement-bar__btn"] {
  display: none !important;
}


/* ===== PACKR LOGO FINAL OVERRIDE ===== */
.header-logo,
a.header-logo,
.header-logo__text,
.header-logo span,
[class*="header-logo"] {
  font-size: 2.2rem !important;
  font-weight: 900 !important;
  letter-spacing: -2px !important;
  text-transform: uppercase !important;
  color: #ffffff !important;
  line-height: 1 !important;
  font-style: normal !important;
}

/* Override the inline style font-weight */
.header-logo[style],
a.header-logo[style] {
  font-size: 2.2rem !important;
  font-weight: 900 !important;
}

/* Text fallback (store name shown when no image logo) */
.header-logo__text-fallback,
.header-logo__image-fallback,
[class*="text_fallback"],
[class*="text-fallback"] {
  font-size: 2.2rem !important;
  font-weight: 900 !important;
  letter-spacing: -2px !important;
  text-transform: uppercase !important;
  color: #ffffff !important;
}


/* ===== TESLA-STYLE FONT — EXO 2 ===== */
@import url('https://fonts.googleapis.com/css2?family=Exo+2:wght@300;400;500;600;700;800;900&display=swap');

/* Apply to logo */
.header-logo,
a.header-logo,
.header-logo__text,
.header-logo__text-fallback,
.header-logo__image-fallback,
[class*="header-logo"] {
  font-family: 'Exo 2', sans-serif !important;
  font-size: 2rem !important;
  font-weight: 800 !important;
  letter-spacing: 4px !important;
  text-transform: uppercase !important;
  color: #ffffff !important;
  line-height: 1 !important;
}

/* Apply to all headings */
h1, h2, h3, h4, h5, h6,
.header__heading,
[class*="heading"] {
  font-family: 'Exo 2', sans-serif !important;
}

/* Nav links */
.header__menu-item > a,
.header-menu__link,
header nav > ul > li > a,
[class*="header__menu"] > li > a,
[class*="header-menu"] a {
  font-family: 'Exo 2', sans-serif !important;
  font-weight: 600 !important;
  letter-spacing: 0.2em !important;
}

/* Announcement bar */
.announcement-bar p,
.announcement-bar span,
.announcement-bar a,
[class*="announcement"] {
  font-family: 'Exo 2', sans-serif !important;
  letter-spacing: 0.2em !important;
}