:root{
  --gold:#d4af37;
  --gold-light:#f1d36b;
  --black:#050505;
}

/* Site reset */
html, body{
  background:#050505 !important;
  color:#fff !important;
}

/* Navbar wrapper */
nav[data-component-id="navbar"]{
  background:#050505 !important;
  padding:18px 32px 0 32px;
}

nav[data-component-id="navbar"] > div > div{
  background:#080808 !important;
  border:1px solid rgba(212,175,55,.22);
  border-radius:20px;
  box-shadow:0 15px 45px rgba(0,0,0,.55), 0 0 24px rgba(212,175,55,.08);
}

/* Logo */
nav[data-component-id="navbar"] img{
  height:42px !important;
}

nav[data-component-id="navbar"] h1{
  color:#fff !important;
  font-weight:900 !important;
}

/* Center nav buttons */
.mystic-nav-link{
  background:linear-gradient(135deg,var(--gold),var(--gold-light));
  color:#000 !important;
  padding:12px 26px;
  border-radius:999px;
  font-weight:900;
  text-decoration:none !important;
  transition:.18s ease;
}

.mystic-nav-link:hover{
  transform:translateY(-2px);
  filter:brightness(1.08);
}

/* Right buttons */
.mystic-action-btn,
.mystic-cart,
.mystic-select{
  background:#111 !important;
  color:#fff !important;
  border:1px solid rgba(212,175,55,.28) !important;
  border-radius:999px !important;
  padding:12px 22px !important;
  font-weight:900 !important;
  text-decoration:none !important;
}

.mystic-action-btn:hover,
.mystic-cart:hover{
  background:var(--gold) !important;
  color:#000 !important;
}

/* Hero */
.hero{
  min-height:55vh !important;
  background-size:100% auto !important;
  background-position:center center !important;
  background-repeat:no-repeat !important;
  background-color:#050505 !important;
  padding:0 !important;
}

.hero .content,
.hero h1,
.hero p,
.fake-searchbar{
  display:none !important;
}

/* Force below sections black */
section:not(.hero),
main,
.page,
#app{
  background:#050505 !important;
}

/* Products */
.product,
.card,
.feature,
.features > div{
  background:linear-gradient(180deg,#101010,#070707) !important;
  border:1px solid rgba(212,175,55,.16) !important;
  border-radius:18px !important;
  overflow:hidden;
  box-shadow:0 8px 28px rgba(0,0,0,.35);
  transition:.2s ease;
}

.product:hover,
.card:hover{
  transform:translateY(-6px);
  border-color:rgba(212,175,55,.45) !important;
  box-shadow:0 0 28px rgba(212,175,55,.16);
}

.text-primary{
  color:var(--gold) !important;
}

/* Footer */
footer{
  background:#070707 !important;
  border-top:1px solid rgba(212,175,55,.16);
}

/* Mobile */
@media(max-width:768px){
  nav[data-component-id="navbar"]{
    padding:12px;
  }

  .hero{
    min-height:35vh !important;
    background-size:115% auto !important;
  }

  .mystic-nav-link{
    width:100%;
  }
}