.mcd-shell{--mcd-brand: #c47245;--mcd-brand-dark: #b0623a;--mcd-brand-ink: #a35b32;--mcd-ink: #1a1a1a;--mcd-ink-2: #3b3630;--mcd-ink-3: #6c6259;--mcd-ink-4: #8a8078;--mcd-ink-5: #a09488;--mcd-line: rgba(43,43,43,.08);--mcd-line-2: rgba(43,43,43,.13);--mcd-line-3: rgba(43,43,43,.18);--mcd-surface: #ffffff;--mcd-surface-2: #faf7f4;--mcd-surface-3: #f6f2ec;--mcd-green: #4a7c59;--mcd-green-ink: #2f5c40;--mcd-green-bg: #f2f7f3;--mcd-warm-bg: #fdf6f0;--mcd-warm-bg-2: #fdf7f2;--mcd-tap: 44px}
.cart-drawer .drawer__inner.mcd-shell{padding:0;display:flex;flex-direction:column;overflow:hidden;color:var(--mcd-ink);line-height:1.5;background:var(--mcd-surface);font-family:"Plus Jakarta Sans",var(--font-body-family,sans-serif);font-size:16px;font-weight:500;letter-spacing:.6px;border:0}
@media screen and (min-width:750px){.cart-drawer .drawer__inner.mcd-shell{width:420px;max-width:100vw}}
@media screen and (min-width:768px) and (max-width:1100px){.cart-drawer .drawer__inner.mcd-shell{width:400px}}
@media screen and (max-width:749px){.cart-drawer .drawer__inner.mcd-shell{width:100vw}}
.mcd-head{flex:0 0 auto;display:flex;align-items:center;justify-content:space-between;padding:18px 24px 16px;border-bottom:1px solid var(--mcd-line)}
.mcd-title{margin:0;font-family:Poppins,var(--font-heading-family,sans-serif);font-size:21px;font-weight:600;color:var(--mcd-ink);letter-spacing:normal}
.mcd-shell .drawer__close{width:var(--mcd-tap);height:var(--mcd-tap);margin:-6px -10px -6px 0;padding:0;border:0;background:transparent;color:var(--mcd-ink);display:flex;align-items:center;justify-content:center;cursor:pointer;position:static}
.mcd-shell .drawer__close svg{width:17px;height:17px}
.mcd-shell .drawer__close:focus-visible{outline:2px solid var(--mcd-brand);outline-offset:2px;border-radius:8px}
.mcd-body{flex:1 1 auto;overflow-y:auto;-webkit-overflow-scrolling:touch;padding:18px 24px 20px}
.mcd-err{margin:0 0 14px;padding:10px 12px;border-radius:8px;background:#fdecec;color:#8a1f1f;font-size:13px}
.mcd-err[hidden]{display:none}
.mcd-lines{margin:0}
.mcd-line{display:flex;gap:14px;align-items:flex-start}
.mcd-line+.mcd-line{margin-top:18px;padding-top:18px;border-top:1px solid var(--mcd-line)}
.mcd-line.is-busy{opacity:.5;pointer-events:none}
.mcd-media{position:relative;flex:0 0 auto}
.mcd-thumb{width:72px;height:72px;object-fit:cover;border-radius:10px;border:1px solid var(--mcd-line-2);background:var(--mcd-surface-2);display:block}
.mcd-save-badge{position:absolute;top:-7px;left:-7px;background:var(--mcd-brand);color:#fff;font-size:11px;font-weight:700;letter-spacing:.2px;padding:2px 7px;border-radius:999px;line-height:1.5}
.mcd-line-main{flex:1 1 auto;min-width:0}
.mcd-line-name{margin:0 0 4px;font-family:Poppins,var(--font-heading-family,sans-serif);font-size:16px;font-weight:600;line-height:1.35;color:var(--mcd-ink);letter-spacing:normal}
.mcd-rating{display:flex;align-items:center;gap:6px;margin:0 0 10px}
.mcd-stars{display:inline-flex;gap:1px;color:#ef7d33}
.mcd-stars svg{width:14px;height:14px}
.mcd-rating-text{font-size:13px;color:var(--mcd-ink-3);letter-spacing:.2px}
.mcd-rating-text b{color:var(--mcd-ink);font-weight:700}
.mcd-facts{list-style:none;margin:0 0 12px;padding:0;display:flex;flex-direction:column;gap:8px}
.mcd-facts li{display:flex;gap:8px;align-items:flex-start;font-size:13.5px;line-height:1.45;color:var(--mcd-ink-2);letter-spacing:.2px}
.mcd-facts b{color:var(--mcd-ink);font-weight:700}
.mcd-fact-check{flex:0 0 auto;width:16px;height:16px;margin-top:2px}
.mcd-controls{display:flex;align-items:flex-end;justify-content:space-between;gap:12px}
.mcd-controls-left{display:flex;align-items:center;gap:10px}
.mcd-stepper{display:inline-flex;align-items:center;border:1px solid var(--mcd-line-3);border-radius:8px;overflow:hidden}
.mcd-step{width:32px;height:32px;border:0;background:transparent;font-size:16px;cursor:pointer;color:var(--mcd-ink-2)}
.mcd-qty{min-width:28px;text-align:center;font-size:14px;font-weight:600}
.mcd-remove{border:0;background:transparent;padding:0;font-size:13px;color:var(--mcd-ink-4);text-decoration:underline;text-underline-offset:2px;cursor:pointer;letter-spacing:.2px}
.mcd-remove:hover{color:var(--mcd-ink-2)}
.mcd-prices{display:flex;flex-direction:column;align-items:flex-end;gap:1px;text-align:right}
.mcd-compare{font-size:13px;color:var(--mcd-ink-5);text-decoration:line-through}
.mcd-subtotal{font-size:18px;font-weight:700;color:var(--mcd-ink);letter-spacing:.2px}
.mcd-per-unit{font-size:12px;color:var(--mcd-ink-4);letter-spacing:.2px}
.mcd-guarantee{display:flex;align-items:center;gap:12px;margin:18px 0 12px;padding:12px 14px;background:var(--mcd-warm-bg);border:1px dashed rgba(196,114,69,.45);border-radius:12px}
.mcd-guarantee-badge{flex:0 0 auto;width:44px;height:44px}
.mcd-guarantee-title{margin:0;font-family:Poppins,var(--font-heading-family,sans-serif);font-size:15px;font-weight:700;color:var(--mcd-ink);letter-spacing:normal;line-height:1.35}
.mcd-guarantee-sub{margin:2px 0 0;font-size:13px;color:var(--mcd-ink-3);letter-spacing:.2px;line-height:1.4}
.mcd-guarantee-sub b{color:var(--mcd-ink-2);font-weight:700}
.mcd-trust{display:grid;grid-template-columns:1fr 1fr;gap:8px;margin:0 0 6px}
.mcd-chip{display:flex;align-items:center;gap:9px;padding:8px 10px;background:var(--mcd-surface);border:1px solid var(--mcd-line-2);border-radius:10px;font-size:12.5px;font-weight:600;line-height:1.3;color:var(--mcd-ink-2);letter-spacing:.2px}
.mcd-chip-img{flex:0 0 auto;width:36px;height:36px;object-fit:cover;border-radius:8px}
.mcd-foot{flex:0 0 auto;border-top:1px solid var(--mcd-line-2);padding:14px 24px 16px;background:var(--mcd-surface)}
.mcd-sum-row{display:flex;align-items:baseline;justify-content:space-between;font-size:15.5px;letter-spacing:.2px;margin:0 0 6px}
.mcd-row-subtotal span:first-child{color:var(--mcd-ink-3)}
.mcd-row-subtotal span:last-child{color:var(--mcd-ink-2)}
.mcd-row-savings{color:var(--mcd-green-ink)}
.mcd-row-savings span{color:var(--mcd-green-ink);font-weight:600}
.mcd-total-row{display:flex;align-items:baseline;justify-content:space-between;margin:10px 0 14px;padding-top:12px;border-top:1px solid var(--mcd-line)}
.mcd-total-label{font-family:Poppins,var(--font-heading-family,sans-serif);font-size:20px;font-weight:700;color:var(--mcd-ink);letter-spacing:normal}
.mcd-total-val{font-family:Poppins,var(--font-heading-family,sans-serif);font-size:23px;font-weight:700;color:var(--mcd-ink);letter-spacing:normal}
.mcd-cta{display:flex;align-items:center;justify-content:center;gap:10px;width:100%;padding:17px 18px;border:0;border-radius:12px;background:var(--mcd-brand);color:#fff;font-family:Poppins,var(--font-heading-family,sans-serif);font-size:17.5px;font-weight:600;letter-spacing:.2px;cursor:pointer;transition:background .15s ease;text-decoration:none}
.mcd-cta:hover{background:var(--mcd-brand-dark)}
.mcd-cta:focus-visible{outline:2px solid var(--mcd-brand-ink);outline-offset:2px}
.mcd-cta[disabled]{opacity:.6;cursor:wait}
.mcd-cta-lock{width:15px;height:18px;flex:0 0 auto}
.mcd-pay{display:flex;align-items:center;justify-content:center;gap:6px;margin-top:11px;flex-wrap:wrap}
.mcd-pay svg,.mcd-pay-icon{height:24px;width:auto;border-radius:3px}
.mcd-empty{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:18px;text-align:center}
.mcd-empty-title{margin:0;font-family:Poppins,var(--font-heading-family,sans-serif);font-size:19px;font-weight:600}
.mcd-empty-cta{max-width:280px}
@media screen and (max-width:749px){
.mcd-head{padding:16px 18px 14px}
.mcd-body{padding:16px 18px 18px}
.mcd-foot{padding:12px 18px 14px;padding-bottom:calc(14px + env(safe-area-inset-bottom))}
.mcd-thumb{width:64px;height:64px}
.mcd-line{gap:12px}
.mcd-title{font-size:20px}
.mcd-total-val{font-size:22px}
.mcd-cta{font-size:16.5px;padding:16px}
.mcd-facts li{font-size:13px}
}

cart-drawer.drawer{visibility:hidden}
cart-drawer.drawer.active{visibility:visible}