/* NEGO WEB 2.2 · storefront consolidation
   Scope: comparison, accessibility feedback and non-invasive polish only. */

.negoSrOnly{
  position:absolute!important;width:1px!important;height:1px!important;padding:0!important;margin:-1px!important;
  overflow:hidden!important;clip:rect(0,0,0,0)!important;white-space:nowrap!important;border:0!important
}

.productMedia{position:relative}
.negoCompareToggle{
  position:absolute;right:10px;bottom:10px;z-index:8;
  width:32px;height:32px;padding:0;border:1px solid rgba(13,13,15,.10);border-radius:999px;
  display:grid;place-items:center;background:rgba(255,255,255,.92);color:#45414b;
  box-shadow:0 8px 20px rgba(20,18,30,.10);backdrop-filter:blur(9px);
  font-size:14px;font-weight:950;cursor:pointer;
  transition:transform .16s ease,background .16s ease,color .16s ease,border-color .16s ease
}
.negoCompareToggle:hover{transform:translateY(-1px);border-color:rgba(118,87,255,.34)}
.negoCompareToggle.active{background:#7657ff;color:#fff;border-color:#7657ff}
.negoCompareToggle:focus-visible{outline:3px solid rgba(118,87,255,.28);outline-offset:2px}

.negoCompareBar{
  position:fixed;left:50%;bottom:20px;z-index:88;transform:translate(-50%,18px);
  width:min(620px,calc(100% - 28px));padding:8px 9px 8px 14px;border-radius:18px;
  display:flex;align-items:center;justify-content:space-between;gap:12px;
  background:rgba(20,19,24,.96);color:#fff;box-shadow:0 18px 50px rgba(0,0,0,.24);
  opacity:0;visibility:hidden;pointer-events:none;transition:.2s ease;backdrop-filter:blur(14px)
}
.negoCompareBar.show{opacity:1;visibility:visible;pointer-events:auto;transform:translate(-50%,0)}
.negoCompareBarCopy{min-width:0}
.negoCompareBarCopy b{display:block;font-size:11.5px}
.negoCompareBarCopy span{display:block;margin-top:2px;font-size:9px;color:rgba(255,255,255,.62);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.negoCompareBarActions{display:flex;align-items:center;gap:6px;flex:0 0 auto}
.negoCompareClear,.negoCompareOpen{
  border:0;border-radius:12px;min-height:36px;padding:0 12px;font-size:10px;font-weight:950;cursor:pointer
}
.negoCompareClear{background:rgba(255,255,255,.10);color:#fff}
.negoCompareOpen{background:#fff;color:#17171b}
.negoCompareOpen:disabled{opacity:.45;cursor:default}

.negoCompareOverlay{
  position:fixed;inset:0;z-index:180;display:none;align-items:center;justify-content:center;
  padding:18px;background:rgba(9,9,12,.72);backdrop-filter:blur(12px)
}
.negoCompareOverlay.open{display:flex}
.negoComparePanel{
  position:relative;width:min(920px,100%);max-height:min(760px,92dvh);overflow:auto;
  background:#fff;border-radius:28px;padding:22px;box-shadow:0 30px 90px rgba(0,0,0,.28)
}
.negoCompareHead{display:flex;align-items:flex-start;justify-content:space-between;gap:16px;margin-bottom:16px}
.negoCompareHead .eyebrow{font-size:8.5px;font-weight:950;letter-spacing:.12em;color:#7657ff}
.negoCompareHead h3{margin:4px 0 0;font-size:29px;line-height:1;letter-spacing:-.045em}
.negoCompareClose{
  width:40px;height:40px;border:0;border-radius:999px;background:#f2f0f5;font-size:20px;cursor:pointer;flex:0 0 auto
}
.negoCompareGrid{display:grid;gap:10px}
.negoCompareProduct{
  min-width:0;border:1px solid rgba(13,13,15,.08);border-radius:18px;padding:12px;background:#fbfafc
}
.negoCompareImage{
  height:170px;border-radius:14px;background:#f3f2f5;display:grid;place-items:center;margin-bottom:10px;overflow:hidden;padding:12px 16px;box-sizing:border-box
}
.negoCompareImagePreview{
  width:100%;height:100%;min-width:0;min-height:0;
  background-repeat:no-repeat!important;
  background-position:center center!important;
  background-size:contain!important
}
.negoCompareProduct .kicker{font-size:8px;font-weight:950;letter-spacing:.09em;text-transform:uppercase;color:#7657ff}
.negoCompareProduct h4{font-size:14px;line-height:1.16;margin:5px 0 7px;min-height:32px}
.negoComparePrice{font-size:21px;font-weight:950;letter-spacing:-.04em}
.negoCompareSpecs{
  height:148px;
  margin:12px 0 0;
  padding:10px 12px;
  list-style:none;
  display:block;
  overflow-y:auto;
  overflow-x:hidden;
  overscroll-behavior:contain;
  -webkit-overflow-scrolling:touch;
  scrollbar-width:thin;
  scrollbar-color:rgba(118,87,255,.36) transparent;
  border-radius:14px;
  background:#f3f2f6;
  box-sizing:border-box
}
.negoCompareSpecs::-webkit-scrollbar{width:5px}
.negoCompareSpecs::-webkit-scrollbar-track{background:transparent}
.negoCompareSpecs::-webkit-scrollbar-thumb{background:rgba(118,87,255,.34);border-radius:999px}
.negoCompareSpecs li{
  position:relative;
  display:block;
  min-height:0;
  margin:0;
  padding:6px 4px 6px 18px;
  border:0;
  border-radius:0;
  background:transparent;
  font-size:12.5px;
  line-height:1.35;
  font-weight:500;
  color:#55515c;
  box-sizing:border-box
}
.negoCompareSpecs li+li{border-top:1px solid rgba(76,68,103,.07)}
.negoCompareSpecs li::before{
  content:"•";
  position:absolute;
  left:3px;
  top:6px;
  transform:none;
  color:#7657ff;
  font-size:16px;
  line-height:1.1
}
.negoCompareRemove{
  width:100%;margin-top:9px;border:0;background:transparent;color:#6f6a77;text-decoration:underline;
  text-underline-offset:3px;font-size:12px;font-weight:700;cursor:pointer
}

@media(max-width:760px){
  .negoCompareToggle{width:30px;height:30px;right:8px;bottom:8px;font-size:13px}
  .negoCompareBar{bottom:calc(80px + env(safe-area-inset-bottom));width:calc(100% - 20px);border-radius:16px}
  .negoCompareOverlay{align-items:flex-end;padding:0}
  .negoComparePanel{
    width:100%;max-height:calc(100dvh - 18px);border-radius:26px 26px 0 0;padding:16px 14px max(16px,env(safe-area-inset-bottom));overflow:auto
  }
  .negoCompareHead h3{font-size:24px}
  .negoCompareGrid{overflow-x:auto;overflow-y:visible;grid-auto-flow:column;grid-auto-columns:minmax(150px,46%);grid-template-columns:none!important;padding-bottom:4px;scroll-snap-type:x mandatory}
  .negoCompareProduct{scroll-snap-align:start;padding:9px;border-radius:15px}
  .negoCompareImage{height:130px;padding:8px 10px}
  .negoCompareImagePreview{width:100%;height:100%;background-size:contain!important;background-position:center center!important}
  .negoCompareProduct h4{font-size:11px;min-height:28px}
  .negoComparePrice{font-size:18px}
  .negoCompareSpecs{
    height:132px;
    margin-top:10px;
    padding:8px 9px;
    border-radius:13px
  }
  .negoCompareSpecs li{
    min-height:0;
    padding:5px 3px 5px 16px;
    border-radius:0;
    font-size:11.5px;
    line-height:1.32
  }
  .negoCompareSpecs li::before{
    left:2px;
    top:5px;
    font-size:14px
  }
}

@media(prefers-reduced-motion:reduce){
  .negoCompareToggle,.negoCompareBar{transition:none!important}
}