/* Product Compare hero, aligned with the site's periwinkle tool palette. */
body.product-compare-page.light-theme .compare-hero {
  border-color:rgba(82,105,190,.15) !important;
  background:
    radial-gradient(circle at 8% 8%,rgba(255,255,255,.7),transparent 34%),
    radial-gradient(circle at 88% 14%,rgba(198,211,255,.5),transparent 36%),
    linear-gradient(145deg,#f6f8ff,#dce4ff) !important;
  box-shadow:0 24px 60px rgba(73,84,145,.14),inset 0 1px 0 rgba(255,255,255,.8) !important;
}

body.product-compare-page.light-theme .compare-hero::before {
  background:rgba(120,143,220,.12) !important;
}

body.product-compare-page.light-theme .compare-hero h1 { margin-top:0; }
body.product-compare-page.light-theme .compare-hero h1 span {
  color:#5368bb !important;
  background:none !important;
  -webkit-text-fill-color:currentColor !important;
}

body.product-compare-page.light-theme .compare-hero-pills {
  gap:10px;
  margin-top:27px;
}

body.product-compare-page.light-theme .compare-hero-pills span {
  min-height:38px;
  display:inline-flex;
  align-items:center;
  padding:0 14px;
  border:1px solid rgba(82,105,190,.14) !important;
  border-radius:11px !important;
  color:#4f609f !important;
  background:linear-gradient(145deg,rgba(255,255,255,.86),rgba(222,230,255,.78)) !important;
  box-shadow:0 8px 18px rgba(73,89,156,.08),inset 0 1px 0 #fff !important;
  font-size:.67rem;
  font-weight:900;
  transition:transform .22s ease,box-shadow .22s ease,border-color .22s ease;
}

body.product-compare-page.light-theme .compare-hero-pills span:hover {
  border-color:rgba(82,105,190,.24) !important;
  box-shadow:0 11px 22px rgba(73,89,156,.13),inset 0 1px 0 #fff !important;
  transform:translateY(-2px);
}

body.product-compare-page.light-theme .compare-orbit {
  border-color:rgba(82,105,190,.14) !important;
}

body.product-compare-page.light-theme .compare-visual-card {
  border-color:rgba(82,105,190,.15) !important;
  background:linear-gradient(155deg,rgba(255,255,255,.86),rgba(218,227,255,.58)) !important;
  box-shadow:0 25px 50px rgba(62,77,145,.2),inset 0 1px 0 #fff !important;
}

body.product-compare-page.light-theme .compare-visual-card i,
body.product-compare-page.light-theme .compare-visual-right i {
  background:
    radial-gradient(circle at 70% 25%,rgba(255,255,255,.3),transparent 25%),
    linear-gradient(145deg,#91a7ec,#5f75ca) !important;
}

body.product-compare-page.light-theme .compare-visual-right i {
  background:
    radial-gradient(circle at 30% 25%,rgba(255,255,255,.3),transparent 25%),
    linear-gradient(145deg,#a9b9ef,#7187d7) !important;
}

body.product-compare-page.light-theme .compare-visual-card b {
  background:rgba(82,105,190,.1) !important;
}

body.product-compare-page.light-theme .compare-visual-vs {
  border-color:rgba(255,255,255,.5) !important;
  color:#fff !important;
  background:linear-gradient(145deg,#8297df,#5268bb) !important;
  box-shadow:0 10px 24px rgba(65,82,163,.24),inset 0 1px 0 rgba(255,255,255,.3) !important;
}

/* Comparison workspace controls and empty state. */
body.product-compare-page.light-theme .compare-workspace,
body.product-compare-page.light-theme .compare-stage {
  border-color:rgba(82,105,190,.13) !important;
  background:radial-gradient(circle at 92% 4%,rgba(207,218,255,.34),transparent 32%),linear-gradient(145deg,rgba(255,255,255,.96),rgba(235,240,255,.9)) !important;
  box-shadow:0 20px 48px rgba(65,77,139,.1),inset 0 1px 0 #fff !important;
}

body.product-compare-page.light-theme .compare-section-kicker,
body.product-compare-page.light-theme .compare-empty > span,
body.product-compare-page.light-theme .compare-add-second > span {
  color:#6075c7 !important;
}

body.product-compare-page.light-theme .compare-search-wrap {
  overflow:hidden;
  border-color:rgba(82,105,190,.16) !important;
  border-radius:15px !important;
  background:rgba(255,255,255,.72) !important;
  box-shadow:inset 0 1px 0 #fff,0 7px 16px rgba(68,82,148,.045) !important;
}

body.product-compare-page.light-theme .compare-search-wrap:focus-within {
  border-color:#8294e2 !important;
  background:rgba(255,255,255,.86) !important;
  box-shadow:0 0 0 4px rgba(111,132,220,.13),inset 0 1px 0 #fff !important;
}

body.product-compare-page.light-theme .compare-search-wrap > svg {
  stroke:#667bd0 !important;
}

body.product-compare-page.light-theme .compare-search-wrap input {
  height:auto !important;
  padding:0 !important;
  border:0 !important;
  border-radius:0 !important;
  outline:0 !important;
  color:#18203d !important;
  background:transparent !important;
  box-shadow:none !important;
  appearance:none !important;
  -webkit-appearance:none !important;
}

body.product-compare-page.light-theme .compare-search-wrap input:focus {
  border:0 !important;
  outline:0 !important;
  background:transparent !important;
  box-shadow:none !important;
}

body.product-compare-page.light-theme .compare-search-wrap input::-webkit-search-decoration,
body.product-compare-page.light-theme .compare-search-wrap input::-webkit-search-cancel-button {
  display:none;
  -webkit-appearance:none;
}

body.product-compare-page.light-theme .compare-search-clear {
  border:1px solid rgba(82,105,190,.09) !important;
  color:#6475b8 !important;
  background:#edf1ff !important;
  transition:color .2s ease,background .2s ease,transform .2s ease;
}

body.product-compare-page.light-theme .compare-search-clear:hover {
  color:#40549e !important;
  background:#dce5ff !important;
  transform:scale(1.06);
}

body.product-compare-page.light-theme .compare-picker-divider span,
body.product-compare-page.light-theme .compare-center-vs {
  border-color:rgba(255,255,255,.5) !important;
  color:#fff !important;
  background:linear-gradient(145deg,#8297df,#5268bb) !important;
  box-shadow:0 8px 20px rgba(65,82,163,.2),inset 0 1px 0 rgba(255,255,255,.3) !important;
}

body.product-compare-page.light-theme .compare-icon-action {
  border-color:rgba(82,105,190,.14) !important;
  color:#5267bb !important;
  background:linear-gradient(145deg,#f7f9ff,#e3eaff) !important;
  box-shadow:0 7px 16px rgba(65,79,145,.07),inset 0 1px 0 #fff !important;
}

body.product-compare-page.light-theme .compare-icon-action:disabled {
  opacity:.55;
  color:#7c86ac !important;
  background:#edf0f9 !important;
}

body.product-compare-page.light-theme .compare-icon-action:hover:not(:disabled) {
  border-color:rgba(82,105,190,.22) !important;
  background:linear-gradient(145deg,#eef2ff,#d8e2ff) !important;
}

body.product-compare-page.light-theme .compare-empty-icon {
  border-color:rgba(82,105,190,.17) !important;
  color:#fff !important;
  background:linear-gradient(145deg,#91a5eb,#667bd0) !important;
  box-shadow:0 10px 22px rgba(70,88,168,.2),inset 0 1px 0 rgba(255,255,255,.32) !important;
}

body.product-compare-page.light-theme .compare-search-results {
  z-index:120;
  isolation:isolate;
  opacity:1 !important;
  padding:9px !important;
  border:1px solid rgba(82,105,190,.18) !important;
  border-radius:16px !important;
  background-color:#f8faff !important;
  background-image:none !important;
  box-shadow:0 24px 50px rgba(45,57,116,.22),inset 0 1px 0 #fff !important;
  backdrop-filter:none !important;
  -webkit-backdrop-filter:none !important;
  scrollbar-width:thin;
  scrollbar-color:#8499df #e8edff;
}

body.product-compare-page.light-theme .compare-workspace {
  position:relative;
  z-index:20;
}
body.product-compare-page.light-theme .compare-stage {
  position:relative;
  z-index:1;
}

body.product-compare-page.light-theme .compare-search-results::-webkit-scrollbar {
  display:block;
  width:8px;
}
body.product-compare-page.light-theme .compare-search-results::-webkit-scrollbar-track {
  margin:10px 0;
  border-radius:999px;
  background:#e8edff;
}
body.product-compare-page.light-theme .compare-search-results::-webkit-scrollbar-thumb {
  border:2px solid #e8edff;
  border-radius:999px;
  background:linear-gradient(180deg,#9badeb,#7185d5);
}

body.product-compare-page.light-theme .compare-result-option {
  border:1px solid transparent !important;
  color:#18203d !important;
  background-color:#f8faff !important;
  background-image:none !important;
  box-shadow:none !important;
  transition:background .18s ease,border-color .18s ease,transform .18s ease;
}
body.product-compare-page.light-theme .compare-result-option:hover,
body.product-compare-page.light-theme .compare-result-option.keyboard-active {
  border-color:rgba(82,105,190,.13) !important;
  background-color:#e5ebff !important;
  background-image:none !important;
  transform:translateX(2px);
}
body.product-compare-page.light-theme .compare-result-option small {
  color:#6b759b !important;
}
body.product-compare-page.light-theme .compare-result-option > b {
  min-width:48px;
  padding:6px 9px;
  border:1px solid rgba(82,105,190,.14);
  border-radius:9px;
  color:#fff !important;
  background:linear-gradient(145deg,#8fa4e9,#6378ca) !important;
  box-shadow:0 6px 14px rgba(70,88,168,.15),inset 0 1px 0 rgba(255,255,255,.3);
  text-align:center;
}

/* =========================================================
   PRODUCT COMPARE — REPDATABASE DREAMY PERIWINKLE THEME
   Final light-theme layer; replaces every legacy blue state.
   ========================================================= */
body.product-compare-page.light-theme {
  --pc-ink:#19182a;
  --pc-copy:#625e74;
  --pc-line:rgba(91,88,128,.17);
  --pc-line-strong:rgba(91,88,128,.28);
  --pc-lilac:#e7d8ff;
  --pc-periwinkle:#b8c0ff;
  --pc-surface:#fbfaff;
  --pc-soft:#f1edff;
  --pc-gradient:linear-gradient(135deg,#e7d8ff 0%,#ddd6ff 45%,#c9c8ff 72%,#b8c0ff 100%);
}
body.product-compare-page.light-theme .compare-hero {
  border-color:var(--pc-line)!important;
  color:var(--pc-ink)!important;
  background:radial-gradient(circle at 90% 5%,rgba(255,255,255,.56),transparent 29%),var(--pc-gradient)!important;
  box-shadow:0 24px 58px rgba(80,76,126,.15),inset 0 1px 0 rgba(255,255,255,.82)!important;
}
body.product-compare-page.light-theme .compare-hero::before { background:rgba(231,216,255,.34)!important; }
body.product-compare-page.light-theme .compare-hero h1,
body.product-compare-page.light-theme .compare-hero h1 span {
  color:var(--pc-ink)!important;
  background:none!important;
  -webkit-text-fill-color:var(--pc-ink)!important;
}
body.product-compare-page.light-theme .compare-hero-copy>p { color:var(--pc-copy)!important; }
body.product-compare-page.light-theme .compare-hero-pills span {
  border-color:var(--pc-line)!important;
  color:#554f69!important;
  background:linear-gradient(145deg,rgba(255,255,255,.82),rgba(231,216,255,.42))!important;
  box-shadow:0 8px 18px rgba(72,68,112,.08),inset 0 1px 0 #fff!important;
}
body.product-compare-page.light-theme .compare-hero-pills span:hover {
  border-color:var(--pc-line-strong)!important;
  background:linear-gradient(145deg,#fff,#e7d8ff)!important;
  box-shadow:0 12px 23px rgba(72,68,112,.13),inset 0 1px 0 #fff!important;
}
body.product-compare-page.light-theme .compare-orbit { border-color:var(--pc-line)!important; }
body.product-compare-page.light-theme .compare-visual-card {
  border-color:var(--pc-line)!important;
  background:linear-gradient(155deg,rgba(255,255,255,.88),rgba(231,216,255,.46))!important;
  box-shadow:0 25px 50px rgba(66,62,110,.17),inset 0 1px 0 #fff!important;
}
body.product-compare-page.light-theme .compare-visual-card i,
body.product-compare-page.light-theme .compare-visual-right i {
  background:radial-gradient(circle at 70% 25%,rgba(255,255,255,.36),transparent 25%),linear-gradient(145deg,#e7d8ff,#b8c0ff)!important;
}
body.product-compare-page.light-theme .compare-visual-card b { background:rgba(231,216,255,.62)!important; }
body.product-compare-page.light-theme :is(.compare-visual-vs,.compare-picker-divider span,.compare-center-vs) {
  border-color:rgba(255,255,255,.82)!important;
  color:#383449!important;
  background:linear-gradient(145deg,#e7d8ff,#b8c0ff)!important;
  box-shadow:0 9px 22px rgba(72,68,112,.17),inset 0 1px 0 rgba(255,255,255,.78)!important;
}

body.product-compare-page.light-theme :is(.compare-workspace,.compare-stage) {
  border-color:var(--pc-line)!important;
  color:var(--pc-ink)!important;
  background:radial-gradient(circle at 92% 4%,rgba(231,216,255,.42),transparent 32%),linear-gradient(145deg,#fff,#f1edff)!important;
  box-shadow:0 20px 48px rgba(72,68,112,.1),inset 0 1px 0 #fff!important;
}
body.product-compare-page.light-theme :is(.compare-section-kicker,.compare-empty>span,.compare-add-second>span) {
  color:#625d78!important;
  border-color:transparent!important;
  outline-color:rgba(231,216,255,.8)!important;
}
body.product-compare-page.light-theme .compare-picker label { color:#514d63!important; }
body.product-compare-page.light-theme .compare-picker label small { color:#777287!important; }
body.product-compare-page.light-theme .compare-picker label small.selected { color:#456b55!important; }

body.product-compare-page.light-theme .compare-search-wrap {
  border-color:var(--pc-line)!important;
  border-radius:15px!important;
  color:var(--pc-ink)!important;
  background:var(--pc-surface)!important;
  box-shadow:0 7px 17px rgba(72,68,112,.06),inset 0 1px 0 #fff!important;
}
body.product-compare-page.light-theme .compare-search-wrap:focus-within {
  border-color:var(--pc-line-strong)!important;
  background:#fff!important;
  box-shadow:0 0 0 4px rgba(231,216,255,.72),0 10px 22px rgba(72,68,112,.08)!important;
}
body.product-compare-page.light-theme .compare-search-wrap>svg { color:#625d78!important;stroke:#625d78!important; }
body.product-compare-page.light-theme .compare-search-wrap input { color:var(--pc-ink)!important;background:transparent!important; }
body.product-compare-page.light-theme .compare-search-wrap input::placeholder { color:#918ca4!important; }
body.product-compare-page.light-theme .compare-search-clear {
  border-color:var(--pc-line)!important;
  color:#625d76!important;
  background:#f2edff!important;
  outline-color:rgba(231,216,255,.8)!important;
}
body.product-compare-page.light-theme .compare-search-clear:hover {
  border-color:var(--pc-line-strong)!important;
  color:#29263a!important;
  background:linear-gradient(135deg,#e7d8ff,#d5d6ff)!important;
}

body.product-compare-page.light-theme .compare-icon-action {
  border-color:var(--pc-line)!important;
  color:#555067!important;
  background:linear-gradient(145deg,#fbf9ff,#eee8ff)!important;
  box-shadow:0 7px 16px rgba(72,68,112,.08),inset 0 1px 0 #fff!important;
  outline-color:rgba(231,216,255,.8)!important;
}
body.product-compare-page.light-theme .compare-icon-action:hover:not(:disabled) {
  border-color:var(--pc-line-strong)!important;
  color:#29263a!important;
  background:linear-gradient(145deg,#e7d8ff,#d5d6ff)!important;
  box-shadow:0 11px 22px rgba(72,68,112,.13),inset 0 1px 0 #fff!important;
}
body.product-compare-page.light-theme .compare-icon-action:disabled {
  border-color:rgba(91,88,128,.1)!important;
  color:#8a8598!important;
  background:#f1eef6!important;
}
body.product-compare-page.light-theme .compare-empty-icon {
  border-color:rgba(255,255,255,.84)!important;
  color:#403b55!important;
  background:linear-gradient(145deg,#e7d8ff,#b8c0ff)!important;
  box-shadow:0 10px 22px rgba(72,68,112,.16),inset 0 1px 0 rgba(255,255,255,.76)!important;
}
body.product-compare-page.light-theme .compare-empty { border-color:var(--pc-line)!important;color:var(--pc-ink)!important;background:transparent!important; }
body.product-compare-page.light-theme .compare-empty p { color:var(--pc-copy)!important; }

body.product-compare-page.light-theme .compare-search-results {
  border-color:var(--pc-line-strong)!important;
  color:var(--pc-ink)!important;
  background:#fff!important;
  background-image:none!important;
  box-shadow:0 24px 52px rgba(54,50,88,.22),inset 0 1px 0 #fff!important;
  backdrop-filter:none!important;
  -webkit-backdrop-filter:none!important;
  scrollbar-color:#c2bee0 #f3effa!important;
}
body.product-compare-page.tool-periwinkle-page.light-theme .compare-search-results,
body.product-compare-page.tool-periwinkle-page.light-theme .compare-search-results.open {
  border-color:var(--pc-line-strong)!important;
}
body.product-compare-page.light-theme .compare-search-results::-webkit-scrollbar-track { background:#f3effa!important; }
body.product-compare-page.light-theme .compare-search-results::-webkit-scrollbar-thumb { border-color:#f3effa!important;background:linear-gradient(#e7d8ff,#b8c0ff)!important; }
body.product-compare-page.light-theme .compare-result-option {
  border-color:transparent!important;
  color:var(--pc-ink)!important;
  background:#fff!important;
  background-image:none!important;
}
body.product-compare-page.light-theme .compare-result-option:hover,
body.product-compare-page.light-theme .compare-result-option.keyboard-active {
  border-color:var(--pc-line)!important;
  color:var(--pc-ink)!important;
  background:#f2edff!important;
  background-image:none!important;
}
body.product-compare-page.light-theme .compare-result-option small { color:#6d687d!important; }
body.product-compare-page.light-theme .compare-result-option>b {
  border-color:rgba(255,255,255,.82)!important;
  color:#403b55!important;
  background:linear-gradient(145deg,#e7d8ff,#b8c0ff)!important;
  box-shadow:0 6px 15px rgba(72,68,112,.14),inset 0 1px 0 rgba(255,255,255,.75)!important;
}

/* Dynamically rendered comparison. */
body.product-compare-page.light-theme :is(.compare-product-panel,.compare-add-second) {
  border-color:var(--pc-line)!important;
  color:var(--pc-ink)!important;
  background:linear-gradient(155deg,#fff,#f1edff)!important;
  box-shadow:0 18px 40px rgba(72,68,112,.1),inset 0 1px 0 #fff!important;
}
body.product-compare-page.light-theme .compare-product-image { background:radial-gradient(circle at 75% 15%,rgba(231,216,255,.44),transparent 35%),#f5f1fb!important; }
body.product-compare-page.light-theme .compare-product-image::after { background:linear-gradient(transparent,rgba(45,41,65,.7))!important; }
body.product-compare-page.light-theme .compare-product-letter {
  border-color:rgba(255,255,255,.82)!important;
  color:#403b55!important;
  background:linear-gradient(145deg,#e7d8ff,#b8c0ff)!important;
}
body.product-compare-page.light-theme .compare-product-body :is(h2,h3,strong) { color:var(--pc-ink)!important; }
body.product-compare-page.light-theme .compare-product-meta span,
body.product-compare-page.light-theme .compare-product-badges span {
  border-color:var(--pc-line)!important;
  color:#565168!important;
  background:#f1ecff!important;
}
body.product-compare-page.light-theme .compare-product-seller { color:#777286!important; }
body.product-compare-page.light-theme .compare-product-seller strong { color:#454153!important; }
body.product-compare-page.light-theme .compare-view-product {
  border-color:var(--pc-line)!important;
  color:#514c64!important;
  background:#f5f0ff!important;
}
body.product-compare-page.light-theme .compare-view-product:hover {
  border-color:var(--pc-line-strong)!important;
  color:#292638!important;
  background:linear-gradient(135deg,#e7d8ff,#d5d6ff)!important;
}
body.product-compare-page.light-theme .compare-specs { border-color:var(--pc-line)!important;background:rgba(255,255,255,.52)!important; }
body.product-compare-page.light-theme .compare-spec-head {
  border-color:var(--pc-line)!important;
  color:#6b667b!important;
  background:#f0ebff!important;
}
body.product-compare-page.light-theme .compare-spec-head strong { color:#454153!important; }
body.product-compare-page.light-theme .compare-spec-row { border-color:var(--pc-line)!important; }
body.product-compare-page.light-theme .compare-spec-label { color:#595469!important; }
body.product-compare-page.light-theme .compare-spec-label small { color:#817b8e!important; }
body.product-compare-page.light-theme .compare-spec-value {
  border-color:var(--pc-line)!important;
  color:#514c62!important;
  background:rgba(255,255,255,.45)!important;
}
body.product-compare-page.light-theme .compare-spec-value strong { color:var(--pc-ink)!important; }
body.product-compare-page.light-theme .compare-spec-value.is-winner {
  color:#355e47!important;
  background:linear-gradient(90deg,rgba(205,238,218,.58),transparent)!important;
}
body.product-compare-page.light-theme :is(.compare-winner-badge,.compare-product-seller i) {
  border-color:rgba(73,125,94,.17)!important;
  color:#356347!important;
  background:rgba(206,239,218,.62)!important;
}
