@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;
  }
}

/* Light-blue palette. */
:root {
  --theme-neon-yellow: #38bdf8;
  --theme-neon-yellow-bright: #7dd3fc;
  --theme-neon-yellow-dark: #0369a1;
}

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

.popup-container {
  background:
    radial-gradient(circle at 50% 0%, rgba(56, 189, 248, 0.2), transparent 44%),
    linear-gradient(160deg, #075985 0%, #082f49 56%, #0c4a6e 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(56, 189, 248, 0.24) !important;
}

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

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

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

.popup-container .gold-particle {
  background: radial-gradient(circle, #e0f2fe 0%, #7dd3fc 58%, rgba(3, 105, 161, 0.18) 100%) !important;
  box-shadow: 0 0 8px rgba(56, 189, 248, 0.55) !important;
}

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

.popup-container .clk-btn-sgp .login,
.popup-container .clk-btn-sgp .register {
  color: #0c4a6e !important;
  border-color: #e0f2fe !important;
  background: linear-gradient(180deg, #7dd3fc 0%, #38bdf8 58%, #0369a1 100%) !important;
  box-shadow: inset 1px 1px 0 rgba(224, 242, 254, 0.55), inset -1px -1px 0 rgba(3, 105, 161, 0.55), 0 4px 0 #0369a1 !important;
}

.popup-container .clk-btn-sgp .login:hover,
.popup-container .clk-btn-sgp .register:hover {
  color: #ffffff !important;
  border-color: #e0f2fe !important;
  background: linear-gradient(180deg, #e0f2fe 0%, #7dd3fc 58%, #38bdf8 100%) !important;
  box-shadow: inset 1px 1px 0 rgba(224, 242, 254, 0.65), inset -1px -1px 0 rgba(3, 105, 161, 0.55), 0 5px 0 #0369a1 !important;
}

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

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

/* Matching light-blue palette for the article and FAQ area. */
.article-box {
  border-color: rgba(56, 189, 248, 0.48) !important;
  background: #082f49 !important;
}

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

.article-source-layout p,
.article-source-review-text {
  color: #e0f2fe !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: #7dd3fc !important;
  -webkit-text-fill-color: #7dd3fc !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(56, 189, 248, 0.42) !important;
  background: #0c4a6e !important;
}

.article-source-lead-panel,
.article-section-card.article-source-section-card,
.article-source-review-card {
  border-color: rgba(56, 189, 248, 0.34) !important;
  background: #075985 !important;
}

.article-closing-note.article-source-closing-note,
.HIU4D-faq-note {
  border-color: rgba(56, 189, 248, 0.5) !important;
  background: #0c4a6e !important;
}

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

.article-section-index.article-source-section-index,
.HIU4D-faq-number {
  color: #0c4a6e !important;
  background: linear-gradient(135deg, #7dd3fc, #38bdf8) !important;
}

.article-section-index.article-source-section-index::before {
  background: #0369a1 !important;
}

.HIU4D-faq-section {
  --faq-yellow-primary: #38bdf8 !important;
  --faq-yellow-light: #e0f2fe !important;
  --faq-yellow: #7dd3fc !important;
  --faq-card: #075985 !important;
  --faq-text: #f0f9ff !important;
  --faq-muted: #e0f2fe !important;
  border-color: rgba(56, 189, 248, 0.46) !important;
  background: #082f49 !important;
}

.HIU4D-faq-item {
  border-color: rgba(56, 189, 248, 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: #0c4a6e !important;
  background: linear-gradient(135deg, #7dd3fc, #38bdf8) !important;
}

.article-source-review-date {
  color: #e0f2fe !important;
  border-color: rgba(56, 189, 248, 0.5) !important;
  background: #082f49 !important;
}