.dc-overlay{position:fixed;inset:0;z-index:900;background:rgba(20,12,8,.5);opacity:0;visibility:hidden;transition:opacity .3s,visibility .3s}
.dc-overlay.open{opacity:1;visibility:visible}
.dc-drawer{position:fixed;top:0;right:0;bottom:0;z-index:901;width:min(430px,100%);background:#fbf4ec;color:#231c18;display:flex;flex-direction:column;transform:translateX(100%);transition:transform .38s cubic-bezier(.2,.8,.2,1);box-shadow:-30px 0 60px -30px rgba(0,0,0,.45);font-family:"Manrope",system-ui,-apple-system,"Segoe UI",sans-serif;line-height:1.5;visibility:hidden}
.dc-drawer.open{transform:none;visibility:visible}
.dc-head{display:flex;justify-content:space-between;align-items:center;padding:26px 28px 22px;border-bottom:1px solid rgba(155,28,31,.14)}
.dc-head h2{font-family:"Num","Cormorant Garamond",Georgia,serif;font-weight:600;font-size:30px;line-height:1;margin:0}
.dc-head h2 span{color:#9b1c1f}
.dc-x{width:40px;height:40px;border-radius:50%;display:grid;place-items:center;border:0;background:none;cursor:pointer;color:#231c18;transition:background .2s}
.dc-x:hover{background:rgba(155,28,31,.08)}
.dc-x svg{width:22px;height:22px}
.dc-body{flex:1;overflow-y:auto;padding:4px 28px}
.dc-item{display:grid;grid-template-columns:96px 1fr;gap:18px;padding:22px 0;border-bottom:1px solid rgba(155,28,31,.12);animation:dcIn .3s ease}
@keyframes dcIn{from{opacity:0;transform:translateX(10px)}to{opacity:1;transform:none}}
.dc-item img{width:96px;height:96px;object-fit:cover;border-radius:10px;background:#ecd6c1;display:block}
.dc-item h3{font-family:"Manrope",sans-serif;font-size:15.5px;font-weight:600;line-height:1.3;margin:0 0 6px}
.dc-price{display:flex;align-items:baseline;gap:8px;flex-wrap:wrap;font-size:14px}
.dc-price b{font-size:17px}
.dc-price s{color:#8d7f76}
.dc-price em{font-style:normal;color:#9b1c1f;font-weight:700;font-size:12.5px}
.dc-row{display:flex;justify-content:space-between;align-items:center;margin-top:12px}
.dc-qty{display:flex;align-items:center;border:1px solid #d8c3b1;border-radius:6px;background:#fff;height:34px}
.dc-qty button{width:32px;height:100%;border:0;background:none;cursor:pointer;font-size:17px;color:#231c18}
.dc-qty button:hover{color:#9b1c1f}
.dc-qty button:disabled{opacity:.35;cursor:default}
.dc-qty span{min-width:28px;text-align:center;font-size:14px;font-weight:600}
.dc-rm{display:flex;align-items:center;gap:6px;border:0;background:none;cursor:pointer;font-size:13px;color:#5a4d45;font-family:inherit}
.dc-rm:hover{color:#9b1c1f}
.dc-rm svg{width:16px;height:16px}
.dc-empty{text-align:center;padding:70px 10px}
.dc-empty svg{width:70px;height:70px;color:#9b1c1f;opacity:.8;margin:0 auto 16px;display:block}
.dc-empty h3{font-family:"Num","Cormorant Garamond",Georgia,serif;font-size:28px;font-weight:600;margin:0 0 6px}
.dc-empty p{color:#5a4d45;font-size:14.5px;margin:0 0 22px}
.dc-foot{border-top:1px solid rgba(155,28,31,.14);padding:22px 28px 26px;background:#fbf4ec}
.dc-sub{display:flex;justify-content:space-between;align-items:baseline;font-size:17px;font-weight:700}
.dc-sub b{font-size:21px}
.dc-note{font-size:12.5px;color:#5a4d45;margin:4px 0 18px}
.dc-btn{display:flex;align-items:center;justify-content:center;gap:10px;width:100%;height:54px;border-radius:6px;font-family:inherit;font-weight:700;font-size:13.5px;letter-spacing:.16em;text-transform:uppercase;cursor:pointer;text-decoration:none;transition:.2s;border:1.5px solid #9b1c1f}
.dc-btn svg{width:17px;height:17px}
.dc-primary{background:#9b1c1f;color:#fff}
.dc-primary:hover{background:#b3262a;border-color:#b3262a}
.dc-ghost{background:transparent;color:#9b1c1f;margin-top:10px}
.dc-ghost:hover{background:rgba(155,28,31,.06)}
.dc-empty .dc-btn{max-width:260px;margin:0 auto}
[data-cart-count].dc-bump{transform:scale(1.4)}
[data-cart-count]{transition:transform .25s}
body.dc-lock{overflow:hidden}
@media(max-width:480px){.dc-head,.dc-foot{padding-left:20px;padding-right:20px}.dc-body{padding:4px 20px}.dc-item{grid-template-columns:80px 1fr;gap:14px}.dc-item img{width:80px;height:80px}}