:root {
  --theme-btn-text: #ffffff;
  --theme-btn-gradient: linear-gradient(180deg, #ff7a32 0%, #f26318 24%, #eb5109 54%, #d74708 78%, #c74308 100%);
  --theme-btn-gradient-hover: linear-gradient(180deg, #ff8a45 0%, #ff6a1f 28%, #f45a0f 58%, #e24b08 82%, #c74308 100%);
  --theme-btn-border: rgba(199, 67, 8, 0.68);
  --theme-btn-shadow: 0 4px 16px rgba(235, 81, 9, 0.24), inset 0 1px 0 rgba(255, 255, 255, 0.22);
  --theme-btn-shadow-hover: 0 8px 24px rgba(235, 81, 9, 0.32), inset 0 1px 0 rgba(255, 255, 255, 0.28);
  --theme-btn-focus-ring: rgba(235, 81, 9, 0.38);
}

.navbar.site-navbar.navbar-dark {
  border-bottom-color: rgba(235, 81, 9, 0.28);
}

.navbar.site-navbar.navbar-dark .navbar-brand {
  font-weight: 600;
  background: linear-gradient(
    118deg,
    #ffffff 0%,
    #fff7f2 18%,
    #ffe4d8 38%,
    #ffffff 52%,
    #ffd1bd 68%,
    #fff7f2 88%,
    #ffffff 100%
  );
  background-size: 200% auto;
  -webkit-background-clip: text;
  background-clip: text;
  -webkit-text-fill-color: transparent;
  color: transparent;
}

.navbar.site-navbar.navbar-dark .nav-item .dropdown-menu {
  border-color: rgba(235, 81, 9, 0.22);
}

.navbar.site-navbar.navbar-dark .navbar-toggler {
  border-color: rgba(235, 81, 9, 0.45);
}

footer .container .contact a {
  background: linear-gradient(
    118deg,
    #b83d07 0%,
    #d74708 18%,
    #eb5109 38%,
    #ffb088 52%,
    #eb5109 68%,
    #d74708 88%,
    #b83d07 100%
  );
  background-size: 200% auto;
  -webkit-background-clip: text;
  background-clip: text;
  -webkit-text-fill-color: transparent;
  color: transparent;
}

footer .container .contact a:hover {
  background: linear-gradient(
    118deg,
    #d74708 0%,
    #eb5109 22%,
    #ffd1bd 50%,
    #ff7a32 74%,
    #c74308 100%
  );
  background-size: 200% auto;
  background-position: 100% center;
  -webkit-background-clip: text;
  background-clip: text;
  -webkit-text-fill-color: transparent;
  color: transparent;
  filter: drop-shadow(0 0 10px rgba(235, 81, 9, 0.35));
}

main.page-shop .shop-bulk-add {
  background: linear-gradient(
    128deg,
    #c74308 0%,
    #eb5109 24%,
    #ffb088 48%,
    #eb5109 72%,
    #b83d07 100%
  );
  box-shadow:
    0 14px 40px rgba(235, 81, 9, 0.24),
    0 0 24px rgba(235, 81, 9, 0.16);
}

main.page-shop .shop-bulk-add::before {
  background: linear-gradient(
    145deg,
    #b83d07 0%,
    #d74708 45%,
    #eb5109 100%
  );
}

main.page-shop .shop-bulk-add::after {
  background: linear-gradient(
    105deg,
    transparent 0%,
    rgba(255, 255, 255, 0.08) 38%,
    rgba(255, 209, 189, 0.18) 50%,
    rgba(255, 255, 255, 0.08) 62%,
    transparent 100%
  );
}

main.page-shop .shop-bulk-add__text strong {
  background: linear-gradient(
    118deg,
    #ffffff 0%,
    #fff7f2 22%,
    #ffe4d8 50%,
    #fff7f2 78%,
    #ffffff 100%
  );
  -webkit-background-clip: text;
  background-clip: text;
  -webkit-text-fill-color: transparent;
  color: transparent;
}

main.page-shop .shop-bulk-add__text span {
  color: rgba(255, 247, 242, 0.94);
}

main.page-shop .shop-bulk-add__text span::before {
  color: rgba(255, 209, 189, 0.82);
}

button.btn-primary:active:not(:disabled),
main.page-shop .shop-bulk-add__btn:active:not(:disabled) {
  background: var(--theme-btn-gradient-hover) !important;
  border-color: var(--theme-btn-border) !important;
}
