button.egb-compare-select, .egb-shop button.egb-compare-select { display:inline-flex; align-items:center; justify-content:center; gap:8px; box-sizing:border-box; min-height:44px; margin-top:8px; padding:9px 12px; border:1px solid var(--wp--preset--color--line,#dbe3ee); border-radius:6px; background:#fff; color:var(--wp--preset--color--carbon,#13243a); font:600 14px/1.4 var(--wp--preset--font-family--body,sans-serif); text-align:center; text-decoration:none; cursor:pointer; }
button.egb-compare-select svg { flex:0 0 22px; width:22px; height:22px; }
button.egb-compare-select[aria-pressed="true"], .egb-shop button.egb-compare-select[aria-pressed="true"] { background:var(--wp--preset--color--mist,#f4f6fb); color:var(--wp--preset--color--signal,#185adb); border-color:currentColor; text-decoration:none; }
@media(hover:hover) { button.egb-compare-select:hover, .egb-shop button.egb-compare-select:hover { border-color:var(--wp--preset--color--signal,#185adb); color:var(--wp--preset--color--signal,#185adb); } }
.egb-compare-bar { position:fixed; z-index:99; bottom:16px; inset-inline:16px; margin:auto; max-width:900px; display:flex; align-items:center; flex-wrap:wrap; gap:12px; padding:16px; background:var(--wp--preset--color--white, #fff); border:1px solid var(--wp--preset--color--line, #dee5ef); border-radius:8px; box-shadow:0 4px 24px #13243a20; }
.egb-compare-bar span { flex:1 1 260px; }
.egb-compare-bar a, .egb-compare-bar button { display:inline-flex; align-items:center; min-height:44px; padding:8px 16px; border-radius:6px; font:inherit; box-sizing:border-box; cursor:pointer; }
.egb-compare-bar a { background:var(--wp--preset--color--signal, #185adb); color:#fff; text-decoration:none; }
.egb-compare-bar button { border:1px solid var(--wp--preset--color--line, #dee5ef); background:#fff; color:var(--wp--preset--color--carbon, #13243a); }
.egb-comparison { max-width:1320px!important; }
.egb-compare-scroll { overflow-x:auto; margin-block:20px; }
.egb-comparison table { width:100%; border-collapse:collapse; text-align:start; }
.egb-comparison th, .egb-comparison td { padding:16px; min-width:170px; max-width:300px; vertical-align:top; border-bottom:1px solid var(--wp--preset--color--line, #dee5ef); overflow-wrap:anywhere; }
.egb-comparison thead th { background:var(--wp--preset--color--mist, #f3f6fb); }
.egb-comparison td { font-variant-numeric:tabular-nums; }
.egb-compare-differences { display:inline-flex; align-items:center; gap:8px; min-height:44px; }
.egb-compare-differences input { width:18px; height:18px; }
.egb-compare-bar[hidden], .egb-compare-select[hidden], .egb-compare-bar a[hidden], .egb-comparison tr[hidden] { display:none!important; }
body:has(.egb-compare-bar:not([hidden])) { padding-bottom:150px; }
body:has(.egb-compare-select, .egb-comparison) .kodee-fab { display:none!important; }
.egb-card-availability { color:var(--wp--preset--color--graphite, #526176); font-size:14px; margin-block:8px; }
.egb-compare-page-view .egb-content > .wp-block-post-content { max-width:1320px; }
.egb-compare-page-view .egb-comparison > h2 { position:absolute; width:1px; height:1px; overflow:hidden; clip-path:inset(50%); white-space:nowrap; }
.egb-comparison > [data-egb-clear-compare] { margin:0 0 0 24px; }
.egb-comparison > p { color:var(--wp--preset--color--graphite,#536174); max-width:850px; line-height:1.6; }
.egb-comparison { min-width:0; }
.egb-compare-scroll { border:1px solid var(--wp--preset--color--line,#dee5ef); border-radius:8px; background:#fff; overscroll-behavior-inline:contain; }
.egb-comparison table { margin:0; table-layout:fixed; min-width:660px; }
.egb-comparison th,.egb-comparison td { width:240px; min-width:0; padding:18px; }
.egb-comparison th:first-child { position:sticky; left:0; z-index:1; width:160px; background:#f4f6fb; border-right:1px solid var(--wp--preset--color--line,#dee5ef); font-size:14px; }
.egb-comparison thead th { background:#fff; }
.egb-comparison tr[data-egb-equal="0"] td { background:#f6f9ff; }
.egb-compare-product { display:flex; flex-direction:column; gap:16px; text-decoration:none; color:var(--wp--preset--color--carbon,#13243a); font:700 16px/1.4 var(--wp--preset--font-family--display,sans-serif); }
.egb-compare-product img { width:100%; height:160px; object-fit:contain; }
.egb-compare-remove { border:0; border-radius:4px; background:transparent; color:var(--wp--preset--color--graphite,#536174); cursor:pointer; min-height:44px; margin-top:8px; padding:8px 0; font:400 14px/1.4 var(--wp--preset--font-family--body,sans-serif); text-decoration:underline; text-underline-offset:3px; }
.egb-compare-remove[hidden] { display:none!important; }
.egb-comparison .egb-compare-foot { display:flex; align-items:start; gap:24px; flex-wrap:wrap; max-width:none; font-size:14px; }
.egb-compare-foot a { min-height:44px; flex-shrink:0; font-weight:600; }
.egb-compare-foot span { max-width:600px; }
.egb-compare-empty { padding:32px; border:1px solid var(--wp--preset--color--line,#dee5ef); border-radius:8px; background:var(--wp--preset--color--mist,#f4f6fb); }
.egb-compare-empty h2 { margin-top:0; }
.egb-compare-empty p { max-width:650px; color:var(--wp--preset--color--graphite,#536174); line-height:1.6; }
.egb-compare-empty a { display:inline-flex; align-items:center; min-height:44px; font-weight:600; }
.egb-header-compare { position:relative; }
.egb-header-compare small:not(:empty) { position:absolute; top:0; right:0; display:grid; place-items:center; min-width:16px; height:16px; border-radius:10px; background:var(--wp--preset--color--signal,#185adb); color:#fff; font:700 10px/1 sans-serif; }
:is(.egb-compare-select,.egb-compare-remove,.egb-compare-scroll,.egb-compare-empty a,.egb-compare-bar a,.egb-compare-bar button,.egb-compare-differences input):focus-visible { outline:3px solid var(--wp--preset--color--signal,#185adb); outline-offset:3px; }
@media(max-width:600px) {
  .egb-comparison th,.egb-comparison td { width:180px; padding:12px; font-size:14px; }
  .egb-comparison th:first-child { width:100px; font-size:12px; }
  .egb-comparison table { min-width:480px; }
  .egb-compare-product { font-size:14px; }
  .egb-compare-product img { height:120px; }
  .egb-compare-bar { inset-inline:8px; bottom:8px; padding:12px; gap:8px; }
  .egb-compare-bar span { flex-basis:100%; font-size:14px; }
  .egb-compare-empty { padding:20px; }
}
@media(max-width:370px) {
  .egb-header-inner:has(.egb-header-compare) > .egb-brand span { display:none; }
  .egb-site-header .egb-header-inner:has(.egb-header-compare) { grid-template-columns:94px minmax(0,1fr); }
  .egb-header-inner:has(.egb-header-compare) > .egb-brand { grid-column:1; }
  .egb-header-inner:has(.egb-header-compare) > .egb-header-actions { grid-column:1 / 3; justify-self:end; }
  .egb-header-inner:has(.egb-header-compare) > .egb-product-search { grid-column:2; }
}