/* Danella v4 bag drawer */
html.v4c-lock{overflow:hidden}
.v4c[hidden]{display:none}
.v4c{position:fixed;inset:0;z-index:10000;font-family:var(--body-font,'DM Sans',sans-serif);color:var(--v4-ink,#171A17)}
.v4c *{box-sizing:border-box}
.v4c__backdrop{position:absolute;inset:0;background:rgba(23,26,23,.45);opacity:0;transition:opacity .22s}
.v4c__panel{position:absolute;top:0;right:0;height:100%;width:min(440px,100vw);background:#fff;display:flex;flex-direction:column;transform:translateX(100%);transition:transform .24s ease;outline:none;box-shadow:-12px 0 40px rgba(23,26,23,.18)}
.v4c.is-open .v4c__backdrop{opacity:1}
.v4c.is-open .v4c__panel{transform:none}
.v4c__head{display:flex;align-items:center;justify-content:space-between;padding:16px 20px;border-bottom:1px solid #ecebf1;flex:0 0 auto}
.v4c__title{margin:0;font-family:var(--heading-font,inherit);font-size:20px;font-weight:700;line-height:1.2}
.v4c__title span{font-weight:500;color:#6b6b78}
.v4c__x{width:36px;height:36px;border:0;border-radius:50%;background:#F3F1F6;font-size:22px;line-height:1;cursor:pointer;color:inherit}
.v4c__x:hover{background:#e7e4f0}
.v4c__body{flex:1 1 auto;overflow:auto;display:flex;flex-direction:column;min-height:0}
.v4c p{margin:0}
.v4c__prog{padding:14px 20px 12px;background:#F3F1F6}
.v4c__msg{font-size:14px;margin-bottom:10px!important}
.v4c__bar{height:8px;border-radius:99px;background:#fff;overflow:hidden;margin:0 22px}
.v4c__bar i{display:block;height:100%;background:var(--v4-lime,#111111);border-radius:99px;transition:width .3s;color:#fff}
.v4c__ticks{position:relative;height:38px;margin:6px 22px 0}
.v4c__ticks span{position:absolute;top:0;transform:translateX(-50%);text-align:center;font-size:12px;font-weight:700;color:#8a8a96;line-height:1.15;white-space:nowrap;padding:2px 7px;border-radius:8px}
.v4c__ticks small{display:block;font-size:11px;font-weight:500}
.v4c__ticks span.on{background:var(--v4-lime,#111111);color:#fff}
.v4c__fine2{font-size:11px;color:#6b6b78;margin-top:6px!important}
.v4c__ship{padding:10px 20px;font-size:13px;color:#4b4b58;border-bottom:1px solid #ecebf1}
.v4c__item{display:grid;grid-template-columns:80px 1fr auto;gap:12px;padding:14px 20px;border-bottom:1px solid #f0eff4}
.v4c__img{width:80px;height:80px;border-radius:12px;background:#F3F1F6;overflow:hidden;display:block}
.v4c__img img{width:100%;height:100%;object-fit:contain;mix-blend-mode:multiply;display:block}
.v4c__vendor{font-size:11px;letter-spacing:.06em;text-transform:uppercase;color:#6b6b78;font-weight:600}
.v4c__name{display:block;font-size:14px;font-weight:600;line-height:1.3;color:inherit;text-decoration:none;margin-top:2px}
.v4c__var{font-size:12px;color:#6b6b78;margin-top:2px!important}
.v4c__row{display:flex;align-items:center;gap:12px;margin-top:8px}
.v4c__qty{display:inline-flex;align-items:center;border:1.5px solid #dcdae6;border-radius:99px}
.v4c__qty button{width:30px;height:30px;border:0;background:none;font-size:16px;cursor:pointer;color:inherit;border-radius:50%}
.v4c__qty span{min-width:22px;text-align:center;font-size:14px;font-weight:600}
.v4c__rm{border:0;background:none;padding:0;font-size:12px;color:#6b6b78;text-decoration:underline;cursor:pointer}
.v4c__tag{font-size:12px;font-weight:700;background:var(--v4-lime,#111111);padding:3px 9px;border-radius:99px;color:#fff}
.v4c__price{display:flex;flex-direction:column;align-items:flex-end;gap:2px;font-size:14px;text-align:right}
.v4c__price s{color:#8a8a96;font-size:12px}
.v4c__price em{font-style:normal;font-size:12px;font-weight:700;color:#1d7a43}
.v4c__price b{font-weight:700}
.v4c__recs{padding:14px 20px;background:#faf9fc}
.v4c__recs-title{font-size:13px;font-weight:700;margin-bottom:8px!important}
.v4c__rec{display:grid;grid-template-columns:56px 1fr auto;gap:10px;align-items:center;padding:6px 0}
.v4c__rimg{width:56px;height:56px;border-radius:10px;background:#F3F1F6;overflow:hidden;display:block}
.v4c__rimg img{width:100%;height:100%;object-fit:contain;mix-blend-mode:multiply;display:block}
.v4c__rname{display:block;font-size:13px;font-weight:600;line-height:1.25;color:inherit;text-decoration:none}
.v4c__rprice{font-size:13px;color:#4b4b58}
.v4c__radd{width:34px;height:34px;border-radius:50%;border:1.5px solid var(--v4-ink,#171A17);background:#fff;font-size:20px;line-height:1;cursor:pointer;color:inherit}
.v4c__radd:hover{background:var(--v4-lime,#111111);color:#fff}
.v4c__radd:disabled{opacity:.4}
.v4c__foot{position:sticky;bottom:0;margin-top:auto;background:#fff;border-top:1px solid #ecebf1;padding:14px 20px calc(16px + env(safe-area-inset-bottom))}
.v4c__sub{display:flex;justify-content:space-between;align-items:center;font-size:16px;font-weight:600}
.v4c__sub s{color:#8a8a96;font-weight:400;font-size:13px;margin-right:4px}
.v4c__chip{background:var(--v4-lime,#111111);font-size:12px;font-weight:700;border-radius:99px;padding:2px 8px;margin-left:6px;color:#fff}
.v4c__fine{font-size:12px;color:#6b6b78;margin:6px 0 12px!important}
.v4c__checkout{display:flex;align-items:center;justify-content:center;min-height:52px;border-radius:99px;background:var(--v4-lime,#111111);color:#fff;border:2px solid var(--v4-ink,#171A17);font-weight:700;font-size:16px;text-decoration:none}
.v4c__checkout:hover{filter:brightness(.96)}
.v4c__view{display:block;text-align:center;margin-top:10px;font-size:13px;color:inherit}
.v4c__pay{margin-top:10px!important;text-align:center;font-size:11px;color:#8a8a96}
.v4c__empty{padding:56px 20px;text-align:center;display:flex;flex-direction:column;gap:16px}
.v4c__x:focus-visible,.v4c a:focus-visible,.v4c button:focus-visible{outline:3px solid #111111;outline-offset:2px}
@media (prefers-reduced-motion:reduce){.v4c__panel,.v4c__backdrop,.v4c__bar i{transition:none}}
