body.cart-drawer-open{overflow:hidden}
dialog.cart-drawer{position:fixed;inset:0 0 0 auto;margin:0;border:0;padding:0;width:min(490px,100%);max-width:100%;height:100vh;height:100dvh;max-height:100dvh;background:#fff;color:var(--brown);box-shadow:-10px 0 40px #3b240a20;font-family:var(--font-accent)}
dialog.cart-drawer[open]{display:flex;flex-direction:column}
.cart-drawer::backdrop{background:#3b240a55}
.cart-drawer-header{display:flex;align-items:center;justify-content:space-between;gap:20px;padding:24px 28px 18px;flex:none}
.cart-drawer h2{font:400 34px/1.3 var(--font-title);letter-spacing:normal;color:var(--brown);margin:0}
.cart-drawer button{font-family:inherit;color:inherit;cursor:pointer}
.cart-drawer-close{width:44px;height:44px;background:transparent;border:0;font-size:32px;line-height:1}
.cart-drawer-shipping{background:var(--linen);padding:18px 28px;flex:none}
.cart-drawer p{margin:0;font:400 15px/1.65 var(--font-accent);letter-spacing:normal}
.cart-drawer-shipping>p:first-child{font-weight:500}
.cart-drawer progress{display:block;width:100%;height:5px;border:0;background:var(--line);appearance:none;margin:12px 0}
.cart-drawer progress::-webkit-progress-bar{background:var(--line)}
.cart-drawer progress::-webkit-progress-value{background:var(--copper)}
.cart-drawer progress::-moz-progress-bar{background:var(--copper)}
.cart-drawer p.cart-drawer-small{font-size:12px;line-height:1.6}
.cart-drawer-content{padding:0 28px;flex:1;min-height:0;overflow:auto;overscroll-behavior:contain}
.cart-drawer-items{list-style:none;padding:0;margin:0}
.cart-drawer-item{display:grid;grid-template-columns:88px minmax(0,1fr);gap:18px;padding:24px 0;border-bottom:1px solid var(--line)}
.cart-drawer-item img{display:block;width:88px;height:88px;object-fit:contain;background:var(--linen)}
.cart-drawer-name{font-size:19px;line-height:1.4;text-decoration:none}
.cart-drawer-copy>p{margin-top:5px}
.cart-drawer p.cart-drawer-composition{font-size:12px;line-height:1.6;margin-top:9px;color:var(--muted)}
.cart-drawer-controls{display:flex;align-items:center;flex-wrap:wrap;gap:12px;margin-top:14px}
.cart-drawer-quantity{display:flex;align-items:center;border:1px solid var(--line)}
.cart-drawer-quantity button{width:32px;height:34px;border:0;background:#fff;font-size:19px}
.cart-drawer-quantity button:disabled{opacity:.35;cursor:default}
.cart-drawer-quantity span{width:22px;text-align:center;font-size:14px}
.cart-drawer-remove{border:0;background:transparent;text-decoration:underline;text-underline-offset:3px;padding:4px 0;font-size:12px}
.cart-drawer-price{margin-left:auto;font-size:15px;white-space:nowrap}
.cart-drawer-empty{padding:35px 0}
.cart-drawer-footer{padding:20px 28px 24px;border-top:1px solid var(--line);flex:none;background:#fff}
.cart-drawer-total{display:flex;align-items:baseline;justify-content:space-between;font-size:18px;margin-bottom:8px}
.cart-drawer-total>span:last-child{font-size:25px}
.cart-drawer-view{display:block;background:var(--brown);color:#fff;text-align:center;text-decoration:none;padding:15px 20px;margin-top:18px;font-size:14px}
.cart-drawer-view:hover{background:var(--copper);color:var(--brown)}
.cart-drawer-continue{display:block;border:0;background:transparent;margin:12px auto 0;padding:8px;text-decoration:underline;text-underline-offset:4px;font-size:13px}
.cart-drawer :focus-visible{outline:2px solid var(--copper);outline-offset:3px}
.cart-drawer [hidden]{display:none!important}
@media(max-width:540px){.cart-drawer-header{padding:16px 20px 12px}.cart-drawer h2{font-size:29px}.cart-drawer-shipping{padding:14px 20px}.cart-drawer-content{padding:0 20px}.cart-drawer-item{gap:14px;padding:20px 0;grid-template-columns:76px minmax(0,1fr)}.cart-drawer-item img{width:76px;height:76px}.cart-drawer-footer{padding:16px 20px 18px}.cart-drawer-name{font-size:18px}.cart-drawer-controls{gap:10px}}
