:root {
  --danielita-black: #0b0b0b;
  --danielita-black-soft: #171717;
  --danielita-gold: #d4af37;
  --danielita-gold-light: #f0d675;
  --danielita-cream: #fbf8ef;
}

body {
  background: var(--danielita-cream);
  color: #24201a;
}

a {
  color: #8a6908;
}

a:hover,
a:focus {
  color: #5f4805;
}

#header {
  background: var(--danielita-black);
  color: #fff;
  box-shadow: 0 4px 18px rgba(0, 0, 0, .18);
}

#header .header-nav {
  border-bottom: 1px solid rgba(212, 175, 55, .35);
}

#header .header-nav a,
#header .header-nav .cart-preview .shopping-cart,
#header .header-nav .user-info a,
#header .header-nav .contact-link {
  color: var(--danielita-gold-light);
}

#header .header-top {
  background: var(--danielita-black);
  padding-top: .75rem;
  padding-bottom: .75rem;
}

#header .header-top a[data-depth="0"],
#header .top-menu a[data-depth="0"] {
  color: var(--danielita-gold-light);
}

#header .header-top a[data-depth="0"]:hover,
#header .top-menu a[data-depth="0"]:hover {
  color: #fff;
}

#header .logo {
  width: auto;
  max-width: 210px;
  max-height: 100px;
  object-fit: contain;
}

#search_widget form input {
  border: 1px solid rgba(212, 175, 55, .75);
  background: #fff;
}

.btn-primary,
.product-actions .add-to-cart,
.cart-content-btn .btn-primary {
  background: var(--danielita-gold);
  border-color: var(--danielita-gold);
  color: var(--danielita-black);
  font-weight: 700;
}

.btn-primary:hover,
.btn-primary:focus,
.product-actions .add-to-cart:hover,
.product-actions .add-to-cart:focus {
  background: #b58f1c;
  border-color: #b58f1c;
  color: #000;
}

.product-price,
.current-price,
.featured-products .product-price-and-shipping {
  color: #9a7300;
}

.product-flags li.product-flag,
.product-flags li.product-flag.new {
  background: var(--danielita-gold);
  color: var(--danielita-black);
}

.danielita-home-hero {
  position: relative;
  margin: 1.5rem 0 2rem;
  padding: clamp(2.5rem, 7vw, 5.5rem) clamp(1.25rem, 6vw, 5rem);
  overflow: hidden;
  background:
    radial-gradient(circle at 85% 20%, rgba(212, 175, 55, .23), transparent 32%),
    linear-gradient(135deg, #050505 0%, #17130d 100%);
  color: #fff;
  border: 1px solid rgba(212, 175, 55, .45);
}

.danielita-home-hero::after {
  content: "D";
  position: absolute;
  right: 5%;
  top: 50%;
  transform: translateY(-50%);
  color: rgba(212, 175, 55, .1);
  font-family: Georgia, "Times New Roman", serif;
  font-size: clamp(12rem, 28vw, 25rem);
  line-height: .75;
  pointer-events: none;
}

.danielita-home-hero__content {
  position: relative;
  z-index: 1;
  max-width: 680px;
}

.danielita-home-hero__eyebrow {
  margin-bottom: .8rem;
  color: var(--danielita-gold-light);
  font-weight: 700;
  letter-spacing: .13em;
  text-transform: uppercase;
}

.danielita-home-hero h1 {
  margin: 0 0 1rem;
  color: var(--danielita-gold-light);
  font-family: Georgia, "Times New Roman", serif;
  font-size: clamp(3rem, 8vw, 6.25rem);
  font-weight: 500;
  letter-spacing: .04em;
}

.danielita-home-hero__content > p:not(.danielita-home-hero__eyebrow) {
  max-width: 600px;
  color: #f5f0e5;
  font-size: clamp(1.05rem, 2vw, 1.3rem);
  line-height: 1.65;
}

.danielita-home-hero__actions {
  display: flex;
  flex-wrap: wrap;
  gap: .75rem;
  margin-top: 1.5rem;
}

.danielita-btn-outline {
  border: 1px solid var(--danielita-gold);
  background: transparent;
  color: var(--danielita-gold-light);
  font-weight: 700;
}

.danielita-btn-outline:hover,
.danielita-btn-outline:focus {
  background: var(--danielita-gold);
  color: #000;
}

.danielita-trust-grid {
  display: grid;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  gap: 1px;
  margin: 0 0 2.5rem;
  border: 1px solid rgba(212, 175, 55, .45);
  background: rgba(212, 175, 55, .45);
}

.danielita-trust-grid > div {
  display: flex;
  flex-direction: column;
  gap: .3rem;
  min-height: 110px;
  padding: 1.2rem;
  background: #fff;
  text-align: center;
  justify-content: center;
}

.danielita-trust-grid strong,
.danielita-reassurance strong {
  color: #5f4805;
}

.danielita-trust-grid span,
.danielita-reassurance span {
  color: #4d4942;
  font-size: .9rem;
  line-height: 1.45;
}

.danielita-reassurance {
  display: grid;
  grid-template-columns: 1fr;
  gap: .65rem;
  margin: 1.25rem 0;
}

.danielita-reassurance a {
  display: flex;
  flex-direction: column;
  gap: .2rem;
  padding: .85rem 1rem;
  border-left: 3px solid var(--danielita-gold);
  background: #fff;
  box-shadow: 0 2px 9px rgba(0, 0, 0, .06);
}

.products .product-miniature .thumbnail-container,
.featured-products .product-miniature .thumbnail-container {
  border: 1px solid rgba(212, 175, 55, .22);
  border-radius: 4px;
  box-shadow: 0 3px 12px rgba(0, 0, 0, .06);
  transition: border-color .2s ease, box-shadow .2s ease, transform .2s ease;
}

.products .product-miniature:hover .thumbnail-container,
.featured-products .product-miniature:hover .thumbnail-container {
  border-color: var(--danielita-gold);
  box-shadow: 0 8px 24px rgba(0, 0, 0, .12);
  transform: translateY(-2px);
}

h1,
h2,
h3,
.h1,
.h2,
.h3 {
  color: #17120a;
}

.tabs .nav-tabs .nav-link.active,
.tabs .nav-tabs .nav-link:hover {
  color: #8a6908;
  border-bottom-color: var(--danielita-gold);
}

#footer {
  background: var(--danielita-black);
  color: #e9e3d3;
  border-top: 4px solid var(--danielita-gold);
}

#footer .footer-container,
#footer .footer-container li a,
#footer .block-contact,
#footer .block-contact a {
  color: #e9e3d3;
}

#footer .h3,
#footer .h4,
#footer .block-contact-title {
  color: var(--danielita-gold-light);
}

#footer a:hover,
#footer a:focus {
  color: #fff;
}

.danielita-footer-withdrawal {
  margin-top: 1rem;
  padding-top: 1rem;
  text-align: center;
  border-top: 1px solid rgba(212, 175, 55, .35);
}

.danielita-footer-withdrawal__link {
  display: inline-block;
  padding: .65rem 1rem;
  border: 1px solid var(--danielita-gold);
  color: var(--danielita-gold-light) !important;
  font-weight: 700;
  text-transform: uppercase;
  letter-spacing: .04em;
}

.danielita-footer-withdrawal__link:hover,
.danielita-footer-withdrawal__link:focus {
  background: var(--danielita-gold);
  color: var(--danielita-black) !important;
}

.danielita-guarantee {
  margin: 1rem auto 0;
  max-width: 760px;
}

.danielita-guarantee summary {
  display: inline-block;
  padding: .65rem 1rem;
  border: 1px solid rgba(212, 175, 55, .55);
  color: #fff;
  cursor: pointer;
  font-weight: 700;
}

.danielita-guarantee summary:hover,
.danielita-guarantee summary:focus {
  border-color: var(--danielita-gold);
  color: var(--danielita-gold-light);
}

.danielita-guarantee__notice {
  margin-top: 1rem;
  padding: 1rem;
  overflow: auto;
  max-height: 78vh;
  background: #fff;
  text-align: center;
}

.danielita-guarantee__notice img {
  display: block;
  width: 100%;
  min-width: 640px;
  height: auto;
}

.danielita-guarantee__notice p {
  margin: .75rem 0 0;
}

.page-cms .page-content,
.danielita-withdrawal {
  max-width: 980px;
  margin: 0 auto;
  padding: 2rem;
  background: #fff;
  border-top: 4px solid var(--danielita-gold);
  box-shadow: 0 5px 22px rgba(0, 0, 0, .08);
}

.page-cms .page-content h2,
.page-cms .page-content h3,
.danielita-withdrawal h2,
.danielita-withdrawal h3 {
  margin-top: 1.6rem;
}

.danielita-withdrawal__form {
  max-width: 720px;
  margin-top: 1.5rem;
}

.danielita-withdrawal__trap {
  position: absolute !important;
  left: -10000px !important;
  width: 1px !important;
  height: 1px !important;
  overflow: hidden !important;
}

.danielita-withdrawal__fallback {
  margin-top: 1.5rem;
}

/* Compact Danielita header and a cleaner promotional slider. */
body:not(#checkout) #header .header-nav .cart-preview,
body:not(#checkout) #header .header-nav .cart-preview.active,
body:not(#checkout) #header .header-nav .cart-preview.inactive {
  background: transparent !important;
  color: var(--danielita-gold-light) !important;
}

body:not(#checkout) #header .header-nav .cart-preview .header {
  color: var(--danielita-gold-light) !important;
}

body:not(#checkout) #header .header-nav .cart-preview .shopping-cart,
body:not(#checkout) #header .header-nav .cart-preview span {
  color: inherit !important;
}

body:not(#checkout) #header .header-nav .cart-preview:hover,
body:not(#checkout) #header .header-nav .cart-preview:focus-within {
  background: rgba(212, 175, 55, .12) !important;
}

body:not(#checkout) #header .header-nav .cart-preview {
  border-right: 1px solid rgba(212, 175, 55, .3);
  border-left: 1px solid rgba(212, 175, 55, .3);
}

body:not(#checkout) #header .header-nav .cart-preview.active {
  background: var(--danielita-gold) !important;
  color: var(--danielita-black) !important;
}

body:not(#checkout) #header .header-nav .cart-preview.active .header,
body:not(#checkout) #header .header-nav .cart-preview.active .shopping-cart,
body:not(#checkout) #header .header-nav .cart-preview.active span {
  color: var(--danielita-black) !important;
}

body:not(#checkout) #header #search_widget form i {
  color: var(--danielita-gold);
}

#carousel .caption .caption-description {
  display: none;
}

#carousel .caption h2 {
  max-width: 560px;
  margin: 0;
  color: #17120a;
  font-size: clamp(2.25rem, 4.1vw, 3.7rem);
  font-weight: 600;
  line-height: 1.03;
  text-shadow: 0 2px 10px rgba(255, 255, 255, .35);
}

@media (min-width: 768px) {
  body:not(#checkout) #header .header-nav {
    height: 42px;
  }

  body:not(#checkout) #header .header-nav .container,
  body:not(#checkout) #header .header-nav .container > .row,
  body:not(#checkout) #header .header-nav .container > .row > .hidden-sm-down {
    height: 100%;
  }

  body:not(#checkout) #header .header-nav .col-md-5,
  body:not(#checkout) #header .header-nav .right-nav {
    display: flex;
    height: 100%;
    align-items: center;
  }

  body:not(#checkout) #header .header-nav .right-nav {
    justify-content: flex-end;
  }

  body:not(#checkout) #header .header-nav #contact-link,
  body:not(#checkout) #header .header-nav .user-info,
  body:not(#checkout) #header .header-nav .blockcart,
  body:not(#checkout) #header .header-nav .blockcart .header {
    height: 42px;
    line-height: 42px;
  }

  body:not(#checkout) #header .header-nav #contact-link,
  body:not(#checkout) #header .header-nav .user-info,
  body:not(#checkout) #header .header-nav .blockcart .header {
    margin-top: 0;
  }

  body:not(#checkout) #header .header-nav #_desktop_contact_link #contact-link {
    margin-top: 0;
  }

  body:not(#checkout) #header .header-nav .blockcart {
    padding: 0;
  }

  body:not(#checkout) #header .header-nav .user-info a,
  body:not(#checkout) #header .header-nav .blockcart .header {
    display: block;
    padding: 0 .8rem;
  }

  body:not(#checkout) #header .header-top {
    padding-top: .55rem;
    padding-bottom: .55rem;
  }

  body:not(#checkout) #header .header-top > .container > .row:first-of-type {
    display: grid;
    grid-template-columns: 250px minmax(0, 1fr) 320px;
    grid-template-areas:
      "logo . search"
      "menu menu menu";
    column-gap: 1.25rem;
    row-gap: .2rem;
    margin-right: 0;
    margin-left: 0;
    align-items: center;
  }

  body:not(#checkout) #header #_desktop_logo {
    grid-area: logo;
    display: flex;
    float: none;
    width: auto;
    max-width: none;
    padding: 0;
    align-items: center;
    justify-content: flex-start;
  }

  body:not(#checkout) #header #_desktop_logo h1,
  body:not(#checkout) #header #_desktop_logo a {
    display: block;
    margin: 0;
  }

  body:not(#checkout) #header #_desktop_logo .logo {
    width: auto;
    max-width: 250px;
    max-height: 84px;
  }

  body:not(#checkout) #header .header-top-right {
    display: contents;
  }

  body:not(#checkout) #header #search_widget {
    grid-area: search;
    justify-self: end;
    float: none;
    width: 100%;
    max-width: 320px;
    margin: 0;
  }

  body:not(#checkout) #header #search_widget form input {
    height: 42px;
    padding-right: 2.7rem;
    padding-left: 2.6rem;
    border-radius: 6px;
    color: #2b2418;
    box-shadow: 0 2px 10px rgba(0, 0, 0, .14);
  }

  body:not(#checkout) #header #search_widget form input::placeholder {
    color: #77716a;
    opacity: 1;
  }

  body:not(#checkout) #header #_desktop_top_menu {
    grid-area: menu;
    display: block;
    width: 100%;
    height: auto;
    padding-top: .18rem;
    border-top: 1px solid rgba(212, 175, 55, .18);
  }

  body:not(#checkout) #header #top-menu {
    display: flex;
    width: 100%;
    max-width: none;
    margin: 0 auto;
    padding: .2rem 0 0;
    flex-wrap: wrap;
    align-items: center;
    justify-content: center;
    column-gap: .75rem;
    row-gap: 0;
    list-style: none;
  }

  body:not(#checkout) #header #top-menu > li {
    float: none;
    margin: 0;
  }

  body:not(#checkout) #header #top-menu > li > a[data-depth="0"] {
    padding: .48rem 0 .38rem;
    font-size: .72rem;
    font-weight: 700;
    line-height: 1.05;
    letter-spacing: .025em;
    white-space: nowrap;
  }
}

@media (min-width: 768px) and (max-width: 991px) {
  body:not(#checkout) #header .header-top > .container > .row:first-of-type {
    grid-template-columns: 210px minmax(0, 1fr) 250px;
  }

  body:not(#checkout) #header #_desktop_logo .logo {
    max-width: 205px;
    max-height: 70px;
  }

  body:not(#checkout) #header #search_widget {
    max-width: 250px;
  }

  body:not(#checkout) #header #top-menu {
    column-gap: .7rem;
  }

  body:not(#checkout) #header #top-menu > li > a[data-depth="0"] {
    font-size: .66rem;
  }
}

@media (max-width: 767px) {
  #carousel .caption h2 {
    max-width: 78%;
    font-size: 1.55rem;
  }

  #header .logo {
    max-width: 160px;
    max-height: 80px;
  }

  .page-cms .page-content,
  .danielita-withdrawal {
    padding: 1.15rem;
  }

  .danielita-home-hero {
    margin-top: .75rem;
  }

  .danielita-home-hero::after {
    opacity: .55;
  }

  .danielita-trust-grid {
    grid-template-columns: 1fr 1fr;
  }

  .danielita-guarantee__notice {
    padding: .65rem;
  }
}

@media (max-width: 420px) {
  .danielita-trust-grid {
    grid-template-columns: 1fr;
  }
}