/* HomeGlo — Product Compare */
.hg-compare-toggle{
  display:inline-flex!important;
  align-items:center!important;
  justify-content:center!important;
  gap:7px!important;
  min-height:38px!important;
  padding:0 11px!important;
  border:1px solid #d8d0c5!important;
  border-radius:7px!important;
  background:#fff!important;
  color:#2b2622!important;
  box-shadow:none!important;
  font:700 8.5px/1 "Manrope",sans-serif!important;
  letter-spacing:.04em!important;
  text-transform:uppercase!important;
  cursor:pointer!important;
  transition:border-color .2s ease,background .2s ease,color .2s ease!important;
}
.hg-compare-toggle svg{width:14px;height:14px;fill:none;stroke:currentColor;stroke-width:1.45}
.hg-compare-toggle:hover{border-color:#c4693b!important}
.hg-compare-toggle.is-selected{background:#5c6b4f!important;border-color:#5c6b4f!important;color:#fff!important}
.hg-compare-toggle.is-single{margin:10px 0 0!important;min-height:42px!important}
.hg-compare-toggle.is-loop{width:100%!important;margin-top:8px!important}
.hg-compare-toggle.is-card{width:100%!important;margin-top:9px!important;background:#faf6f0!important}
.hg-compare-toggle.is-card.is-selected{background:#5c6b4f!important;color:#fff!important}

/* Floating tray */
.hg-compare-tray{
  position:fixed;
  z-index:68;
  left:50%;
  bottom:18px;
  transform:translateX(-50%);
  width:min(760px,calc(100vw - 32px));
  min-height:66px;
  display:grid;
  grid-template-columns:minmax(180px,1fr) auto auto;
  gap:14px;
  align-items:center;
  padding:10px 11px 10px 14px;
  border:1px solid #d9d1c7;
  border-radius:12px;
  background:rgba(255,255,255,.97);
  box-shadow:0 18px 50px rgba(43,38,34,.16);
  backdrop-filter:blur(14px);
}
.hg-compare-tray[hidden]{display:none!important}
.hg-compare-tray-copy{display:flex;align-items:center;gap:10px;min-width:0}
.hg-compare-tray-count{display:grid;place-items:center;flex:0 0 auto;width:34px;height:34px;border-radius:50%;background:#2b2622;color:#fff;font:700 10px/1 "Manrope",sans-serif}
.hg-compare-tray-copy strong{display:block;color:#2b2622;font:700 10px/1.3 "Manrope",sans-serif}
.hg-compare-tray-copy small{display:block;margin-top:3px;color:#8a8378;font:500 8.5px/1.3 "Manrope",sans-serif}
.hg-compare-tray-items{display:flex;gap:5px}
.hg-compare-tray-thumb{width:38px;height:38px;border-radius:6px;object-fit:cover;background:#eee7df}
.hg-compare-tray-actions{display:flex;align-items:center;gap:6px}
.hg-compare-clear,.hg-compare-open{min-height:42px;border-radius:7px;cursor:pointer}
.hg-compare-clear{padding:0 10px;border:0;background:transparent;color:#746d64;font:700 8px/1 "Manrope",sans-serif;text-transform:uppercase}
.hg-compare-open{display:inline-flex;align-items:center;gap:7px;padding:0 14px;border:1px solid #2b2622;background:#2b2622;color:#fff;font:700 8.5px/1 "Manrope",sans-serif;text-transform:uppercase;letter-spacing:.04em}
.hg-compare-open:disabled{opacity:.4;cursor:not-allowed}
.hg-compare-open svg{width:14px;height:14px;fill:none;stroke:currentColor;stroke-width:1.6}

/* Comparison dialog */
.hg-compare-dialog{
  width:min(1080px,calc(100% - 28px));
  max-width:1080px;
  max-height:calc(100dvh - 28px);
  padding:0;
  border:0;
  border-radius:14px;
  background:#fff;
  color:#2b2622;
  box-shadow:0 28px 90px rgba(20,17,15,.28);
  overflow:hidden;
}
.hg-compare-dialog::backdrop{background:rgba(20,17,15,.68);backdrop-filter:blur(5px)}
.hg-compare-dialog-inner{max-height:calc(100dvh - 28px);overflow:auto}
.hg-compare-dialog-head{
  position:sticky;
  top:0;
  z-index:4;
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:20px;
  padding:21px 24px;
  border-bottom:1px solid #e4ded3;
  background:rgba(255,255,255,.96);
  backdrop-filter:blur(12px);
}
.hg-compare-dialog-head p{margin:0 0 3px!important;color:#5c6b4f!important;font:700 8px/1.3 "Manrope",sans-serif!important;letter-spacing:.14em;text-transform:uppercase}
.hg-compare-dialog-head h2{margin:0!important;font:600 34px/1 "Cormorant Garamond",serif!important;letter-spacing:-.025em}
.hg-compare-dialog-close{display:grid;place-items:center;flex:0 0 auto;width:42px;height:42px;border:1px solid #d8d0c5;border-radius:50%;background:#fff;color:#2b2622;cursor:pointer}
.hg-compare-dialog-close svg{width:18px;height:18px;fill:none;stroke:currentColor;stroke-width:1.5}
.hg-compare-table-wrap{padding:0 24px 26px;overflow-x:auto}
.hg-compare-grid{
  display:grid;
  min-width:720px;
  grid-template-columns:150px repeat(var(--hg-compare-cols),minmax(190px,1fr));
}
.hg-compare-cell{
  min-width:0;
  padding:14px 13px;
  border-bottom:1px solid #e8e2da;
  border-right:1px solid #eee9e2;
  color:#746d64;
  font:500 10px/1.55 "Manrope",sans-serif;
}
.hg-compare-cell:nth-child(calc(var(--hg-compare-cols) + 1n)){border-right:0}
.hg-compare-label{
  position:sticky;
  left:0;
  z-index:2;
  background:#fff;
  color:#2b2622;
  font:700 8px/1.3 "Manrope",sans-serif;
  letter-spacing:.08em;
  text-transform:uppercase;
}
.hg-compare-product-head{padding-top:18px;padding-bottom:18px}
.hg-compare-product-head img{display:block;width:100%;aspect-ratio:1;object-fit:cover;border-radius:8px;background:#eee7df;margin-bottom:11px}
.hg-compare-product-head strong{display:block;color:#2b2622;font:600 19px/1.05 "Cormorant Garamond",serif}
.hg-compare-product-head a{display:inline-flex;margin-top:8px;color:#2b2622;text-decoration:none;border-bottom:1px solid currentColor;font:700 8px/1.3 "Manrope",sans-serif;text-transform:uppercase;letter-spacing:.06em}
.hg-compare-remove{display:inline-flex;margin-top:9px;padding:0;border:0;background:transparent;color:#8a8378;text-decoration:underline;text-underline-offset:3px;font:600 8px/1.3 "Manrope",sans-serif;cursor:pointer}
.hg-compare-price{color:#2b2622;font-weight:700}
.hg-compare-stock.is-in{color:#5c6b4f;font-weight:700}
.hg-compare-stock.is-out{color:#a24f2f;font-weight:700}
.hg-compare-empty{padding:48px 18px;text-align:center;color:#746d64;font:500 11px/1.6 "Manrope",sans-serif}

/* Toast */
.hg-compare-toast{
  position:fixed;
  z-index:90;
  left:50%;
  bottom:98px;
  transform:translateX(-50%);
  max-width:min(420px,calc(100vw - 28px));
  padding:11px 14px;
  border-radius:8px;
  background:#2b2622;
  color:#fff;
  box-shadow:0 12px 34px rgba(0,0,0,.18);
  font:600 9.5px/1.4 "Manrope",sans-serif;
  text-align:center;
}
.hg-compare-toast[hidden]{display:none!important}

@media(max-width:760px){
  .hg-compare-tray{
    bottom:78px;
    width:calc(100vw - 20px);
    grid-template-columns:1fr auto;
    gap:8px;
  }
  .hg-compare-tray-items{display:none}
  .hg-compare-tray-actions{justify-self:end}
  .hg-compare-clear{display:none}
  .hg-compare-dialog{width:calc(100% - 16px);max-height:calc(100dvh - 16px);border-radius:11px}
  .hg-compare-dialog-inner{max-height:calc(100dvh - 16px)}
  .hg-compare-dialog-head{padding:17px}
  .hg-compare-dialog-head h2{font-size:29px!important}
  .hg-compare-table-wrap{padding:0 12px 18px}
  .hg-compare-grid{min-width:680px;grid-template-columns:112px repeat(var(--hg-compare-cols),minmax(180px,1fr))}
  .hg-compare-cell{padding:12px 10px}
  .hg-compare-toast{bottom:146px}
}
@media(max-width:430px){
  .hg-compare-tray-copy small{display:none}
  .hg-compare-tray{min-height:60px;padding:8px 9px}
  .hg-compare-open{padding:0 11px}
  .hg-compare-toggle.is-single{width:100%!important}
}
@media(prefers-reduced-motion:reduce){
  .hg-compare-toggle,.hg-compare-form button{transition:none!important}
}