.dlC[hidden]{display:none}
.dlC{position:fixed;inset:0;z-index:2147483000;font-family:inherit;color:#275553}
.dlC__bg{position:absolute;inset:0;background:rgba(20,36,35,.5);opacity:0;transition:opacity .25s}
.dlC__panel{position:absolute;top:0;right:0;height:100%;width:min(440px,100vw);background:#fffdfa;display:flex;flex-direction:column;transform:translateX(100%);transition:transform .3s cubic-bezier(.2,.8,.2,1);box-shadow:-12px 0 40px rgba(0,0,0,.18);outline:none}
.dlC.is-open .dlC__bg{opacity:1}
.dlC.is-open .dlC__panel{transform:none}
@media (prefers-reduced-motion:reduce){.dlC__bg,.dlC__panel{transition:none}}
.dlC__head{display:flex;align-items:center;justify-content:space-between;padding:18px 20px;border-bottom:1px solid #e2d9ca}
.dlC__title{margin:0;font-family:var(--font-heading-family);font-weight:800;font-size:22px;color:#275553}
.dlC__x{width:40px;height:40px;border:0;border-radius:50%;background:#f6f0e9;color:#275553;font-size:24px;line-height:40px;cursor:pointer}
.dlC__ship{padding:14px 20px;background:#fdf1e4;font-size:14px}
.dlC__shipT{display:flex;align-items:center;gap:8px;margin:0 0 8px;font-weight:600}
.dlC__shipT svg{flex:0 0 20px;width:20px;height:20px;fill:none;stroke:currentColor;stroke-width:1.8}
.dlC__bar{height:8px;border-radius:4px;background:#e9dfcf;overflow:hidden}
.dlC__bar span{display:block;height:100%;width:0;background:#bd5019;border-radius:4px;transition:width .4s}
.dlC__ship.is-free .dlC__bar span{background:#3b8a4a}
.dlC__body{flex:1 1 auto;overflow-y:auto;padding:8px 20px 20px}
.dlC__item{display:grid;grid-template-columns:76px 1fr auto;gap:12px;padding:16px 0;border-bottom:1px solid #eee5d8}
.dlC__img{width:76px;height:76px;border-radius:10px;overflow:hidden;background:#f6f0e9;display:block}
.dlC__img img{width:100%;height:100%;object-fit:cover;display:block}
.dlC__name{display:block;font-weight:700;font-size:15px;line-height:1.3;color:#275553;text-decoration:none;margin:0 0 4px}
.dlC__var{margin:0 0 8px;font-size:13px;opacity:.8}
.dlC__qty{display:inline-flex;align-items:center;border:1px solid #d9cfbf;border-radius:8px;overflow:hidden}
.dlC__qty button{width:32px;height:32px;border:0;background:#fff;color:#275553;font-size:18px;cursor:pointer}
.dlC__qty span{min-width:30px;text-align:center;font-weight:700;font-size:14px}
.dlC__rm{display:block;margin:8px 0 0;border:0;background:none;padding:0;font-size:13px;color:#6b7566;text-decoration:underline;cursor:pointer}
.dlC__price{text-align:right;font-weight:700;font-size:15px;white-space:nowrap}
.dlC__price s{display:block;font-weight:400;font-size:13px;opacity:.6}
.dlC__empty{text-align:center;padding:48px 10px}
.dlC [hidden]{display:none!important}
.dlC__empty p{font-size:16px;margin:0 0 20px}
.dlC__rec{margin-top:22px}
.dlC__recH{margin:0 0 10px;font-weight:800;font-size:16px;font-family:var(--font-heading-family)}
.dlC__recL{display:grid;gap:10px}
.dlC__recI{display:grid;grid-template-columns:56px 1fr auto;gap:10px;align-items:center;background:#fff;border:1px solid #eee5d8;border-radius:10px;padding:8px}
.dlC__recI img{width:56px;height:56px;border-radius:8px;object-fit:cover;display:block}
.dlC__recI a{color:#275553;text-decoration:none;font-size:14px;font-weight:600;line-height:1.3}
.dlC__recI small{display:block;font-size:13px;font-weight:700;color:#bd5019;margin-top:2px}
.dlC__recI select{display:block;margin-top:6px;max-width:100%;font:inherit;font-size:13px;padding:4px 6px;border:1px solid #d9cfbf;border-radius:6px;background:#fff;color:#275553}
.dlC__gapTag{display:inline-block;margin-left:8px;padding:1px 7px;border-radius:999px;background:#e3efe0;color:#2f6e3b;font-size:11px;font-weight:700;vertical-align:1px}
#dlCart shop-pay-wallet-button{display:none!important}
.dlC__add{border:2px solid #275553;background:#fff;color:#275553;border-radius:8px;font-weight:700;font-size:13px;padding:7px 12px;cursor:pointer;white-space:nowrap;text-decoration:none}
.dlC__add:hover{background:#275553;color:#fff}
.dlC__foot{border-top:1px solid #e2d9ca;padding:16px 20px calc(16px + env(safe-area-inset-bottom));background:#fff}
.dlC__sum{display:flex;justify-content:space-between;align-items:baseline;margin:0 0 4px;font-size:17px;font-weight:800}
.dlC__note{margin:0 0 14px;font-size:13px;opacity:.8}
.dlC__go{display:block;width:100%;border:2px solid #bd5019;background:#bd5019;color:#fff;border-radius:8px;font-weight:700;font-size:17px;padding:15px;cursor:pointer;font-family:inherit;text-align:center;text-decoration:none}
.dlC__go:hover{background:#9f4214;border-color:#9f4214;color:#fff}
.dlC__or{display:flex;align-items:center;gap:10px;margin:14px 0 10px;font-size:12px;text-transform:uppercase;letter-spacing:.08em;opacity:.7}
.dlC__or::before,.dlC__or::after{content:"";flex:1;height:1px;background:#e2d9ca}
.dlC__express{min-height:44px}
.dlC__trust{display:flex;flex-wrap:wrap;justify-content:center;gap:4px 14px;margin:14px 0 0;font-size:12px;color:#5b6658}
.dlC__trust span::before{content:"✓ ";color:#3b8a4a;font-weight:700}
.dlC.is-busy .dlC__body,.dlC.is-busy .dlC__sum{opacity:.55;pointer-events:none}
body.dlC-lock{overflow:hidden}
.dlC__body,.dlC__panel{overscroll-behavior:contain}
@media (max-height:820px){.dlC__panel{overflow-y:auto}.dlC__body{flex:0 0 auto;overflow:visible}.dlC__foot{margin-top:auto}}
@media (min-width:990px){.dlC{pointer-events:none}.dlC__bg{display:none}.dlC__panel{pointer-events:auto}body.dlC-lock{overflow:visible!important}}