/* KrazyLlama Compare Drawer v1.0.5 */
html.kl-compare-hide-native #compare-total,
html.kl-compare-hide-native .top-link-compare,
.kl-compare-destination,
.kl-compare-sticky{display:none!important}
body.kl-compare-drawer-open.kl-cmp-position-bottom{padding-bottom:164px}
body.kl-compare-drawer-open.kl-cmp-position-top{padding-top:164px}
body.kl-compare-drawer-open.kl-compare-drawer-collapsed.kl-cmp-position-bottom{padding-bottom:66px}
body.kl-compare-drawer-open.kl-compare-drawer-collapsed.kl-cmp-position-top{padding-top:66px}
#kl-compare-drawer{--kl-cmp-primary:#ec008e;--kl-cmp-secondary:#8cc540;--kl-cmp-bg:#fff;--kl-cmp-text:#333;--kl-cmp-border:#dedede;--kl-cmp-radius:8px;--kl-cmp-slots:4;position:fixed;left:0;right:0;z-index:9900;background:var(--kl-cmp-bg);visibility:hidden;transition:transform .2s ease,visibility .2s ease}
#kl-compare-drawer.kl-cmp-position-bottom{bottom:0;border-top:1px solid var(--kl-cmp-border);box-shadow:0 -8px 28px rgba(0,0,0,.13);transform:translateY(110%)}
#kl-compare-drawer.kl-cmp-position-top{top:0;border-bottom:1px solid var(--kl-cmp-border);box-shadow:0 8px 28px rgba(0,0,0,.13);transform:translateY(-110%)}
#kl-compare-drawer.is-open{visibility:visible;transform:translateY(0)}
#kl-compare-drawer .kl-cmp-shell{max-width:1440px;margin:0 auto;padding:12px 24px}
#kl-compare-drawer.kl-cmp-position-bottom .kl-cmp-shell{padding-bottom:calc(12px + env(safe-area-inset-bottom))}
#kl-compare-drawer.kl-cmp-position-top .kl-cmp-shell{padding-top:calc(12px + env(safe-area-inset-top))}
#kl-compare-drawer .kl-cmp-head{display:flex;align-items:center;gap:18px;margin-bottom:10px}
#kl-compare-drawer .kl-cmp-heading{display:flex;align-items:baseline;gap:10px;min-width:0}
#kl-compare-drawer .kl-cmp-title{color:var(--kl-cmp-text);font-size:17px;font-weight:700}
#kl-compare-drawer .kl-cmp-status{color:var(--kl-cmp-text);opacity:.65;font-size:12px}
#kl-compare-drawer .kl-cmp-actions{display:flex;align-items:center;gap:8px;margin-left:auto}
#kl-compare-drawer .kl-cmp-toggle{width:38px;height:38px;padding:0;border:1px solid var(--kl-cmp-border);border-radius:6px;background:var(--kl-cmp-bg);color:var(--kl-cmp-text);cursor:pointer}
#kl-compare-drawer .kl-cmp-go{display:inline-flex;align-items:center;justify-content:center;min-width:155px;height:40px;padding:0 18px;border:1px solid var(--kl-cmp-primary);border-radius:6px;background:var(--kl-cmp-primary);color:#fff!important;font-weight:700;text-decoration:none!important}
#kl-compare-drawer .kl-cmp-go.is-disabled{opacity:.42;cursor:default;pointer-events:none}
#kl-compare-drawer .kl-cmp-items{display:flex;gap:10px;overflow-x:auto;scrollbar-width:thin}
#kl-compare-drawer .kl-cmp-item,#kl-compare-drawer .kl-cmp-empty{position:relative;display:flex;align-items:center;box-sizing:border-box;min-width:0;height:86px;padding:9px;border:1px solid var(--kl-cmp-border);border-radius:var(--kl-cmp-radius);background:var(--kl-cmp-bg);flex:0 0 var(--kl-cmp-basis,calc((100% - 30px) / 4))}
#kl-compare-drawer .kl-cmp-item{border-top:3px solid var(--kl-cmp-secondary)}
#kl-compare-drawer .kl-cmp-empty{justify-content:center;gap:8px;border-style:dashed;color:var(--kl-cmp-text);opacity:.68;font-size:13px}
#kl-compare-drawer .kl-cmp-plus{display:inline-flex;align-items:center;justify-content:center;width:24px;height:24px;border:1px solid var(--kl-cmp-border);border-radius:50%;font-size:18px}
#kl-compare-drawer .kl-cmp-thumb{display:flex;flex:0 0 62px;align-items:center;justify-content:center;width:62px;height:62px;margin-right:10px}
#kl-compare-drawer .kl-cmp-thumb img{display:block;max-width:100%;max-height:100%}
#kl-compare-drawer .kl-cmp-copy{min-width:0;padding-right:17px}
#kl-compare-drawer .kl-cmp-name{display:-webkit-box;overflow:hidden;color:var(--kl-cmp-text)!important;font-size:13px;font-weight:600;line-height:1.25;text-decoration:none!important;-webkit-box-orient:vertical;-webkit-line-clamp:2}
#kl-compare-drawer .kl-cmp-price{margin-top:5px;color:var(--kl-cmp-primary);font-size:12px;font-weight:700}
#kl-compare-drawer .kl-cmp-remove{position:absolute;top:5px;right:6px;z-index:2;width:24px;height:24px;padding:0;border:0;background:transparent;color:var(--kl-cmp-text)!important;opacity:.65;font-size:14px;line-height:24px;text-align:center;text-decoration:none!important;cursor:pointer}
#kl-compare-drawer .kl-cmp-remove:hover{color:var(--kl-cmp-primary)!important;opacity:1}
#kl-compare-drawer .kl-cmp-remove[aria-disabled="true"]{opacity:.35;cursor:wait}
#kl-compare-drawer.is-collapsed .kl-cmp-body{display:none}
#kl-compare-drawer.is-collapsed .kl-cmp-head{margin-bottom:0}
@media(max-width:767px){
body.kl-compare-drawer-open.kl-cmp-position-bottom{padding-bottom:148px}
body.kl-compare-drawer-open.kl-cmp-position-top{padding-top:148px}
body.kl-compare-drawer-open.kl-compare-drawer-collapsed.kl-cmp-position-bottom{padding-bottom:58px}
body.kl-compare-drawer-open.kl-compare-drawer-collapsed.kl-cmp-position-top{padding-top:58px}
#kl-compare-drawer .kl-cmp-shell{padding:9px 12px}
#kl-compare-drawer.kl-cmp-position-bottom .kl-cmp-shell{padding-bottom:calc(9px + env(safe-area-inset-bottom))}
#kl-compare-drawer.kl-cmp-position-top .kl-cmp-shell{padding-top:calc(9px + env(safe-area-inset-top))}
#kl-compare-drawer .kl-cmp-head{gap:8px}.kl-cmp-title{font-size:14px}.kl-cmp-status{display:none}
#kl-compare-drawer .kl-cmp-go{min-width:118px;height:36px;padding:0 11px;font-size:12px}
#kl-compare-drawer .kl-cmp-toggle{width:34px;height:34px}
#kl-compare-drawer .kl-cmp-item,#kl-compare-drawer .kl-cmp-empty{flex:0 0 205px;height:74px}
#kl-compare-drawer .kl-cmp-thumb{flex-basis:50px;width:50px;height:50px}
}