.pscc-compare-btn{ color:inherit; position: relative; }
.pscc-compare-btn.btn{ background: #68A272; color: #fff !important; border-color: #68A272; }
.pscc-compare-btn.btn:hover{ background: #5a9966; color: #fff !important; }
.pscc-compare-btn .material-icons{ font-size: 28px !important; }
#pscc-drawer{ position:fixed; inset:0; z-index:999997; display:none; }
#pscc-drawer.is-open{ display:block; }
#pscc-drawer .pscc-backdrop{ position:absolute; inset:0; background:rgba(0,0,0,.35); }
#pscc-drawer .pscc-panel{ position:absolute; right:0; top:0; bottom:0; width:35%; background:#fff; border-top-left-radius:22px; border-bottom-left-radius:22px; display:flex; flex-direction:column; overflow:hidden; }
#pscc-drawer .pscc-head{ display:flex; justify-content:space-between; align-items:center; padding:16px; border-bottom:1px solid rgba(0,0,0,.08); }
#pscc-drawer .pscc-body{ flex:1; overflow:auto; padding:8px 12px; }
#pscc-drawer .pscc-foot{ padding:16px; border-top:1px solid rgba(0,0,0,.08); }
#pscc-drawer .pscc-close{ border:0; background:transparent; font-size:24px; line-height:1; cursor: pointer; }
.pscc-row{ display:flex; gap:12px; align-items:center; padding:12px; border-bottom:1px solid rgba(0,0,0,.06); }
.pscc-row img{ width:60px; height:60px; object-fit:cover; border-radius:8px; }
.pscc-row-info{ flex:1; min-width:0; }
.pscc-row-name{ font-weight:600; font-size:14px; margin-bottom:4px; white-space:nowrap; overflow:hidden; text-overflow:ellipsis; }
.pscc-row-price{ color:#68A272; font-weight:700; font-size:13px; }
.pscc-remove{ border:0; background:transparent; color:#d00; cursor: pointer; padding:8px; }
.pscc-table .pscc-short{ min-width:240px; max-width: 300px; }
.pscc-table img{ max-width: 150px; height: auto; }
.pscc-table th{ background: #f8f9fa; font-weight: 600; }

@media (max-width: 991px) {
  #pscc-drawer .pscc-panel{ bottom:65px; width:85% !important; }
  .pscc-compare-btn .material-icons{ font-size: 32px !important; }
}