/* Favorites + Compare UI */
.ua-fav{ position:absolute; top:10px; right:10px; z-index:3; width:34px; height:34px; border-radius:50%;
  border:none; background:rgba(255,255,255,.92); box-shadow:0 1px 4px rgba(0,0,0,.15); cursor:pointer;
  display:flex; align-items:center; justify-content:center; transition:transform .12s, background .12s; padding:0; }
.ua-fav:hover{ transform:scale(1.1); }
.ua-fav svg{ width:18px; height:18px; }
.ua-fav .ua-heart-fill{ display:none; }
.ua-fav.is-on{ background:#fff; }
.ua-fav.is-on .ua-heart-fill{ display:block; }
.ua-fav.is-on .ua-heart-line{ display:none; }

/* compare checkbox on card */
.ua-cmp-wrap{ display:inline-flex; align-items:center; gap:6px; font-size:12px; color:#555; cursor:pointer; user-select:none; }
.ua-cmp-wrap input{ accent-color:#00438B; width:14px; height:14px; cursor:pointer; }
.ua-cmp-wrap.is-on{ color:#00438B; font-weight:600; }

/* PDP action variants */
.snk-actions .ua-fav-btn, .snk-actions .ua-cmp-btn{ display:inline-flex; align-items:center; gap:8px; padding:12px 16px;
  border:1.5px solid #e3e4e7; background:#fff; border-radius:12px; cursor:pointer; font-size:14px; font-weight:600; color:#222; }
.snk-actions .ua-fav-btn.is-on{ border-color:#e0245e; color:#e0245e; }
.snk-actions .ua-fav-btn.is-on .ua-heart-fill{ display:block; } .snk-actions .ua-fav-btn .ua-heart-fill{ display:none; }
.snk-actions .ua-fav-btn.is-on .ua-heart-line{ display:none; }
.snk-pdp-actions-row{ display:flex; gap:10px; margin-top:10px; flex-wrap:wrap; }

/* header favorites icon */
.ua-fav-nav{ position:relative; display:inline-flex; align-items:center; }
.ua-fav-nav .ua-fav-badge{ position:absolute; top:-6px; right:-8px; min-width:16px; height:16px; padding:0 4px;
  background:#e0245e; color:#fff; font-size:10px; line-height:16px; text-align:center; border-radius:8px; font-weight:700; }

/* sticky compare bar */
.ua-cmp-bar{ position:fixed; left:50%; transform:translate(-50%,120%); bottom:18px; z-index:1200;
  background:#0d1b2a; color:#fff; border-radius:14px; padding:12px 16px; display:flex; align-items:center; gap:16px;
  box-shadow:0 8px 30px rgba(0,0,0,.3); transition:transform .25s ease; max-width:92vw; }
.ua-cmp-bar.show{ transform:translate(-50%,0); }
.ua-cmp-bar-label{ font-size:14px; } .ua-cmp-bar-label strong{ color:#ffd166; }
.ua-cmp-bar-go{ background:#00438B; color:#fff; padding:9px 16px; border-radius:10px; font-weight:700; text-decoration:none; font-size:14px; }
.ua-cmp-bar-go.disabled{ opacity:.5; }
.ua-cmp-bar-clear{ background:transparent; border:none; color:#9fb3c8; cursor:pointer; font-size:13px; }

/* favorites empty + compare table */
.ua-fav-empty{ text-align:center; padding:80px 20px; color:#666; }
.ua-fav-empty a{ color:#00438B; font-weight:600; }
.ua-compare-wrap{ max-width:1200px; margin:0 auto; padding:24px 16px; overflow-x:auto; }
.ua-compare-table{ border-collapse:collapse; width:100%; min-width:680px; }
.ua-compare-table th,.ua-compare-table td{ border:1px solid #eaebed; padding:14px; text-align:center; vertical-align:top; font-size:14px; }
.ua-compare-table thead th{ background:#f7f7f8; }
.ua-compare-table .rowlabel{ background:#fafafa; font-weight:700; text-align:left; white-space:nowrap; color:#333; }
.ua-compare-table img{ width:100%; max-width:170px; aspect-ratio:1/1; object-fit:contain; }
.ua-compare-name{ font-weight:700; margin:8px 0; } .ua-compare-name a{ color:#0d1b2a; text-decoration:none; }
.ua-compare-price{ color:#00438B; font-weight:800; font-size:18px; }
.ua-compare-buy{ display:inline-block; margin-top:8px; background:#00438B; color:#fff; padding:9px 18px; border-radius:10px; text-decoration:none; font-weight:700; }
.ua-compare-rm{ background:none;border:none;color:#b00;cursor:pointer;font-size:12px;margin-top:6px; }
@media(max-width:600px){ .ua-cmp-bar{ width:92vw; justify-content:space-between; gap:8px; } }