.hdrawer{position:fixed;inset:0;z-index:9999;visibility:hidden;pointer-events:none}
.hdrawer.is-open{visibility:visible;pointer-events:auto}
.hdrawer__scrim{position:absolute;inset:0;background:rgba(0,0,0,.35);opacity:0;transition:opacity .25s}
.hdrawer.is-open .hdrawer__scrim{opacity:1}
.hdrawer__panel{position:absolute;top:0;right:0;height:100%;width:420px;max-width:100%;background:#fff;display:flex;flex-direction:column;transform:translateX(100%);transition:transform .3s ease;box-shadow:-8px 0 30px rgba(0,0,0,.12)}
.hdrawer.is-open .hdrawer__panel{transform:none}
.hdrawer__top{flex:none;display:flex;align-items:center;justify-content:space-between;padding:20px 22px;border-bottom:1px solid #ededed}
.hdrawer__title{font-weight:700;font-size:15px}
.hdrawer__x{background:none;border:0;padding:4px;margin:-4px;cursor:pointer;line-height:0;color:#111}
.hdrawer__x svg{width:22px;height:22px;stroke:currentColor;fill:none;stroke-width:1.8;stroke-linecap:round}
.hdrawer__body{flex:1;overflow-y:auto;padding:22px}
.hdrawer__goal{margin:0 0 26px;text-align:center}
.hdrawer__goaltxt{font-size:15px;line-height:1.5;margin:0 0 16px}
.hdrawer__bar{height:9px;border-radius:99px;background:#ececec;overflow:hidden}
.hdrawer__bar i{display:block;height:100%;border-radius:99px;background:#1f1f1f;transition:width .3s}
.hdrawer__item{display:grid;grid-template-columns:120px 1fr auto;gap:16px;padding:0 0 22px;margin:0 0 22px;border-bottom:1px solid #ededed}
.hdrawer__item:last-child{border-bottom:0;margin-bottom:0;padding-bottom:0}
.hdrawer__item img{width:120px;height:150px;object-fit:cover;display:block;background:#f4f4f4}
.hdrawer__name{font-weight:700;font-size:15px;line-height:1.35;margin:0 0 6px}
.hdrawer__name a{color:inherit;text-decoration:none}
.hdrawer__meta{color:#8a8a8a;font-size:14px;margin:0 0 6px}
.hdrawer__cost{display:flex;flex-wrap:wrap;align-items:baseline;gap:7px;font-size:14px;margin:0 0 14px}
.hdrawer__was{color:#9a9a9a;text-decoration:line-through}
.hdrawer__now{font-weight:600}
.hdrawer__save{color:#16a34a;font-weight:700}
.hdrawer__qty{display:inline-flex;align-items:center;border:1px solid #dcdcdc;border-radius:4px}
.hdrawer__qty button{width:38px;height:38px;border:0;background:none;font:inherit;font-size:17px;color:#111;cursor:pointer}
.hdrawer__qty button:disabled{opacity:.3;cursor:default}
.hdrawer__qty span{min-width:42px;line-height:38px;text-align:center;font-size:15px;border-left:1px solid #dcdcdc;border-right:1px solid #dcdcdc}
.hdrawer__trash{background:none;border:0;padding:0;cursor:pointer;color:#111;line-height:0}
.hdrawer__trash svg{width:20px;height:20px;stroke:currentColor;fill:none;stroke-width:1.5;stroke-linecap:round;stroke-linejoin:round}
.hdrawer__foot{flex:none;background:#f4f4f4;padding:22px}
.hdrawer__go{display:block;width:100%;border:0;border-radius:4px;background:#242424;color:#fff;padding:19px 14px;font:inherit;font-weight:700;font-size:15px;letter-spacing:.04em;text-transform:uppercase;text-align:center;cursor:pointer}
.hdrawer__go:hover{background:#000}
.hdrawer__pays{display:flex;flex-wrap:wrap;justify-content:center;gap:8px;margin:16px 0 0}
.hdrawer__pays svg{width:38px;height:24px}
.hdrawer__empty{text-align:center;color:#666;padding:50px 0;font-size:15px}
.hdrawer__empty a{color:#111}
.hdrawer.is-busy .hdrawer__body{opacity:.5;pointer-events:none}
body.hdrawer-open{overflow:hidden}
@media (max-width:520px){
.hdrawer__panel{width:100%}
.hdrawer__item{grid-template-columns:92px 1fr auto;gap:12px}
.hdrawer__item img{width:92px;height:118px}
}