:root,
[data-theme="default"] {
  --zeus-cyan: #00AEEF;
  --zeus-cyan-dark: #006699;
  --zeus-cyan-bright: #00FFFF;
  --zeus-magenta: #FF007F;
  --zeus-magenta-dark: #E91E63;
  --zeus-gold: #FDB813;
  --zeus-gold-bright: #FFD700;
  --zeus-dark: #0A0A1A;
  --zeus-black: #050505;
  --color-primary-400: #33CCFF;
  --color-primary-500: #00AEEF;
  --color-primary-600: #0088CC;
  --color-link-500: #00AEEF;
  --color-link-600: #0088CC;
  --color-danger-500: #FDB813;
  --color-neutral-100: #0D0D1F;
  --color-neutral-200: #141428;
  --color-neutral-300: #1E1E3A;
  --color-neutral-400: #B8C4E0;
  --color-neutral-500: #8A96B8;
  --color-neutral-800: #12122A;
  --color-neutral-900: #0A0A1A;
  --color-white: #FFFFFF;
}

html,
body {
  background-color: var(--zeus-black) !important;
  color: #E8EEFF !important;
}

#teepublic #content {
  background: transparent;
}

.main-wrapper {
  background-color: var(--zeus-black) !important;
  background-image: url(../../assets/pragmatic-slot.webp) !important;
  background-size: cover !important;
  background-position: center top !important;
  background-attachment: fixed !important;
}

.m-top-banner {
  background: linear-gradient(90deg, var(--zeus-black) 0%, var(--zeus-dark) 50%, var(--zeus-black) 100%) !important;
  border-bottom: 2px solid var(--zeus-gold) !important;
  box-shadow: 0 0 18px rgba(0, 174, 239, 0.35), 0 4px 20px rgba(255, 0, 127, 0.2) !important;
}

.m-top-banner strong,
.m-top-banner div,
.free-shipping {
  color: #fff !important;
  text-shadow: 0 0 8px rgba(0, 174, 239, 0.8), 0 0 16px rgba(255, 0, 127, 0.4) !important;
}

.vc-header,
.sticky-header--no-sticky.vc-header {
  background: rgba(5, 5, 5, 0.92) !important;
  border-bottom: 1px solid rgba(0, 174, 239, 0.35) !important;
  box-shadow: 0 0 20px rgba(0, 174, 239, 0.15) !important;
}

.vc-header a,
.vc-header button,
.link {
  color: var(--zeus-cyan-bright) !important;
}

.vc-header a:hover,
.link:hover {
  color: var(--zeus-magenta) !important;
}

.vc-header__shop-button {
  display: inline-flex !important;
  justify-content: center !important;
  align-items: center !important;
  text-align: center !important;
  gap: 0 !important;
}

.vc-header__shop-button .button__content {
  display: flex !important;
  justify-content: center !important;
  align-items: center !important;
  width: 100% !important;
  margin: 0 !important;
  padding: 0 !important;
}

.vc-header__shop-button-text {
  display: block !important;
  width: 100% !important;
  text-align: center !important;
}

.vc-header__shop-button-text a {
  display: inline-block !important;
  text-align: center !important;
}

.m-design__product {
  background: rgba(10, 10, 26, 0.75) !important;
  border: 1px solid rgba(0, 174, 239, 0.45) !important;
  box-shadow: 0 0 24px rgba(0, 174, 239, 0.25), 0 0 40px rgba(255, 0, 127, 0.12), inset 0 0 30px rgba(0, 174, 239, 0.05) !important;
}

.m-design__product h1,
.m-design__product .m-design__price,
.m-design__product span,
.m-design__product strong,
.m-design-details__title {
  color: #fff !important;
  text-shadow: 0 0 10px rgba(0, 174, 239, 0.5) !important;
}

.m-design__additional-info-container,
.m-design__additional-info-container p,
.m-design__additional-info-container h1,
.m-design__additional-info-container h2 {
  color: #E8EEFF !important;
}

.m-design__additional-info-container a {
  color: var(--zeus-gold-bright) !important;
  text-shadow: 0 0 8px rgba(253, 184, 19, 0.5) !important;
}

.m-design__additional-info-container a:hover {
  color: var(--zeus-cyan-bright) !important;
}

.m-design__additional-info-container .m-design__intro-text {
  text-align: justify;
  text-justify: inter-word;
  text-align-last: justify;
  hyphens: auto;
  -webkit-hyphens: auto;
  line-height: 1.85;
  font-size: 16px;
  margin: 16px auto 28px;
  padding: 0 4px;
  color: #ffffff !important;
  word-break: normal;
  overflow-wrap: break-word;
}

@media (max-width: 480px) {
  .m-design__additional-info-container .m-design__intro-text {
    text-align: left;
    text-align-last: left;
  }
}

.btn,
.m-design__cart-add,
.btn--big {
  background: linear-gradient(135deg, var(--zeus-cyan) 0%, var(--zeus-cyan-dark) 55%, #004466 100%) !important;
  border: 2px solid rgba(0, 255, 255, 0.35) !important;
  color: #fff !important;
  box-shadow: 0 0 16px rgba(0, 174, 239, 0.45), inset 0 0 12px rgba(255, 255, 255, 0.08) !important;
}

.btn:hover,
.m-design__cart-add:hover {
  background: linear-gradient(135deg, var(--zeus-magenta) 0%, var(--zeus-magenta-dark) 100%) !important;
  border-color: rgba(255, 0, 127, 0.6) !important;
  box-shadow: 0 0 22px rgba(255, 0, 127, 0.5), 0 0 40px rgba(0, 174, 239, 0.3) !important;
}

.btn--cta .button__content {
  border-bottom-color: var(--zeus-gold) !important;
}

.btn--white {
  background: rgba(10, 10, 26, 0.8) !important;
  border: 1px solid rgba(0, 174, 239, 0.4) !important;
  color: #fff !important;
}

.m-footer-sitemap {
  background: linear-gradient(180deg, var(--zeus-dark) 0%, var(--zeus-black) 100%) !important;
  border-top: 2px solid var(--zeus-gold) !important;
}

.m-footer-sitemap a,
.link-collection__link {
  color: #C8D8FF !important;
}

.m-footer-sitemap a:hover {
  color: var(--zeus-cyan-bright) !important;
}

.teepublicon--brown-default svg,
.teepublicon--hover-brown-default:hover svg {
  fill: var(--zeus-gold) !important;
}

.teepublicon--primary-400 svg {
  fill: var(--zeus-cyan) !important;
}

.m-design__price--sale,
.m-design__price {
  color: #FFD700 !important;
  text-shadow: 0 0 10px rgba(253, 184, 19, 0.5) !important;
}

.m-design__subtitles {
  color: #00FFFF !important;
}

.h--bright {
  color: #FFD700 !important;
  text-shadow: 0 0 12px rgba(0, 174, 239, 0.6), 0 0 24px rgba(255, 0, 127, 0.3) !important;
}

.m-design-product-info__color-label,
.m-design-product-attribute__label {
  color: #fff !important;
}

.m-design-product-attribute__option {
  border-color: rgba(0, 174, 239, 0.4) !important;
  background: rgba(10, 10, 26, 0.7) !important;
}

.m-design-product-attribute__option--selected {
  border-color: var(--zeus-gold) !important;
  box-shadow: 0 0 12px rgba(253, 184, 19, 0.5) !important;
}

.drawer,
.m-tray-shop-secondary {
  background: var(--zeus-dark) !important;
  color: #E8EEFF !important;
}