@media (max-width: 800px) {
  .ves-megamenu.top-navigation .drill-opener {
    cursor: pointer;
  }

  .ves-megamenu.top-navigation .nav-item > .submenu {
    display: none;
  }

  .ves-megamenu.top-navigation .nav-item.is-submenu-open > .submenu {
    display: block !important;
  }

  .ves-megamenu.top-navigation .drilldown-back a {
    cursor: pointer;
  }
}

body.theme-pearl.store-view-idn.catalog-product-view .page-wrapper .breadcrumbs {
  box-sizing: border-box;
  display: flex !important;
  align-items: center !important;
  margin: 0 !important;
  min-height: 46px !important;
  padding: 0 20px !important;
}

body.theme-pearl.store-view-idn.catalog-product-view .page-wrapper .breadcrumbs .items {
  float: none !important;
  margin: 0 !important;
  padding: 0 !important;
  width: 100%;
  line-height: 18px !important;
}

body.theme-pearl.store-view-idn.catalog-product-view .page-wrapper .breadcrumbs .items .item,
body.theme-pearl.store-view-idn.catalog-product-view .page-wrapper .breadcrumbs .items .item a,
body.theme-pearl.store-view-idn.catalog-product-view .page-wrapper .breadcrumbs .items .item strong {
  float: none !important;
  display: inline !important;
  vertical-align: middle !important;
  line-height: 18px !important;
}

body.theme-pearl.store-view-idn.catalog-product-view
  .page-wrapper
  .breadcrumbs
  .items
  .item:not(:last-child):after {
  display: inline !important;
  line-height: 18px !important;
  vertical-align: middle !important;
}

@media (max-width: 767px) {
  body.theme-pearl.store-view-idn.catalog-product-view .page-wrapper .breadcrumbs {
    min-height: 42px !important;
    padding: 0 14px !important;
  }
}

/* Silver platinum palette. */
:root {
  --theme-neon-yellow: #c0c0c0;
  --theme-neon-yellow-bright: #e5e4e2;
  --theme-neon-yellow-dark: #62676d;
}

.popup-overlay {
  background: rgba(0, 0, 0, 0.82) !important;
}

.popup-container {
  background:
    radial-gradient(circle at 50% 0%, rgba(192, 192, 192, 0.2), transparent 44%),
    linear-gradient(160deg, #30343b 0%, #22262c 56%, #30343b 100%) !important;
  border-color: var(--theme-neon-yellow-bright) !important;
  box-shadow: 0 22px 46px rgba(0, 0, 0, 0.5), 0 0 0 1px rgba(192, 192, 192, 0.24) !important;
}

.popup-container .clk-btn-sgp {
  background: transparent !important;
}

.popup-container .popup-footer {
  color: #f7f8f9 !important;
  font-weight: 600;
  text-shadow: 0 1px 2px rgba(0, 0, 0, 0.85);
}

.popup-container .popup-footer span {
  color: #e5e4e2 !important;
  text-shadow: 0 1px 2px rgba(0, 0, 0, 0.8) !important;
}

.popup-container .gold-particle {
  background: radial-gradient(circle, #eceeef 0%, #e5e4e2 58%, rgba(98, 103, 109, 0.18) 100%) !important;
  box-shadow: 0 0 8px rgba(192, 192, 192, 0.55) !important;
}

.popup-container .luxury-border {
  border-color: rgba(192, 192, 192, 0.62) !important;
  background: linear-gradient(135deg, transparent 0%, rgba(192, 192, 192, 0.1) 50%, transparent 100%) !important;
}

.popup-container .clk-btn-sgp .login,
.popup-container .clk-btn-sgp .register {
  color: #30343b !important;
  border-color: #eceeef !important;
  background: linear-gradient(180deg, #e5e4e2 0%, #c0c0c0 58%, #62676d 100%) !important;
  box-shadow: inset 1px 1px 0 rgba(236, 238, 239, 0.55), inset -1px -1px 0 rgba(98, 103, 109, 0.55), 0 4px 0 #62676d !important;
}

.popup-container .clk-btn-sgp .login:hover,
.popup-container .clk-btn-sgp .register:hover {
  color: #252930 !important;
  border-color: #eceeef !important;
  background: linear-gradient(180deg, #eceeef 0%, #e5e4e2 58%, #c0c0c0 100%) !important;
  box-shadow: inset 1px 1px 0 rgba(236, 238, 239, 0.65), inset -1px -1px 0 rgba(98, 103, 109, 0.55), 0 5px 0 #62676d !important;
}

.popup-container .clk-btn-sgp a:hover {
  border-color: #eceeef !important;
}

.popup-container .clk-btn-sgp a:active {
  box-shadow: 0 2px 0 #62676d, 0 5px 8px rgba(0, 0, 0, 0.34) !important;
}

/* Matching silver platinum palette for the article and FAQ area. */
.article-box {
  border-color: rgba(192, 192, 192, 0.48) !important;
  background: #22262c !important;
}

.article-box::before {
  background: linear-gradient(130deg, rgba(192, 192, 192, 0.1), transparent 45%) !important;
}

.article-source-layout p,
.article-source-review-text {
  color: #eceeef !important;
}

.article-source-layout a,
.highlight-box.article-source-story a,
.article-source-rainbow-glow,
.article-source-review-stars,
.article-source-review-date::before {
  color: #e5e4e2 !important;
  -webkit-text-fill-color: #e5e4e2 !important;
}

.article-source-divider,
.article-closing-label.article-source-closing-label::before,
.highlight-box.article-source-story a::after,
.article-section-card.article-source-section-card::before,
.HIU4D-faq-section::after,
.article-source-review-date::after {
  background: var(--theme-neon-yellow-bright) !important;
}

.highlight-box.article-source-story {
  border-color: rgba(192, 192, 192, 0.42) !important;
  background: #30343b !important;
}

.article-source-lead-panel,
.article-section-card.article-source-section-card,
.article-source-review-card {
  border-color: rgba(192, 192, 192, 0.34) !important;
  background: #30343b !important;
}

.article-closing-note.article-source-closing-note,
.HIU4D-faq-note {
  border-color: rgba(192, 192, 192, 0.5) !important;
  background: #30343b !important;
}

.article-section-card.article-source-section-card:hover,
.HIU4D-faq-item:hover {
  border-color: #e5e4e2 !important;
}

.article-section-index.article-source-section-index,
.HIU4D-faq-number {
  color: #30343b !important;
  background: linear-gradient(135deg, #e5e4e2, #c0c0c0) !important;
}

.article-section-index.article-source-section-index::before {
  background: #62676d !important;
}

.HIU4D-faq-section {
  --faq-yellow-primary: #c0c0c0 !important;
  --faq-yellow-light: #eceeef !important;
  --faq-yellow: #e5e4e2 !important;
  --faq-card: #30343b !important;
  --faq-text: #f7f8f9 !important;
  --faq-muted: #eceeef !important;
  border-color: rgba(192, 192, 192, 0.46) !important;
  background: #22262c !important;
}

.HIU4D-faq-item {
  border-color: rgba(192, 192, 192, 0.3) !important;
  background: var(--faq-card) !important;
}

.article-kicker.article-source-kicker,
.article-closing-label.article-source-closing-label,
.HIU4D-faq-mini-title,
.HIU4D-faq-note-icon {
  color: #30343b !important;
  background: linear-gradient(135deg, #e5e4e2, #c0c0c0) !important;
}

.article-source-review-date {
  color: #eceeef !important;
  border-color: rgba(192, 192, 192, 0.5) !important;
  background: #22262c !important;
}
