/* Right-side cart. Dialog top layer owns focus/inertness; main checkout stays native. */
html.khc-cart-open{overflow:hidden}
.khc-cart-drawer{position:fixed;inset:0 0 0 auto;margin:0;width:min(460px,100vw);height:100dvh;max-height:100dvh;max-width:100vw;border:0;padding:0;background:#fff;color:#161616;box-shadow:-10px 0 50px #0002;font-family:var(--khc-font);overflow:hidden}
.khc-cart-drawer:not([open]){display:none}
.khc-cart-drawer[open]{display:flex;flex-direction:column}
.khc-cart-drawer::backdrop{background:#0005;backdrop-filter:blur(2px)}
.khc-drawer-header{display:flex;align-items:center;justify-content:space-between;gap:20px;padding:26px 26px 18px;flex:none;background:#fff}
.khc-drawer-header p{font-size:11px;text-transform:uppercase;letter-spacing:.19em;margin:0 0 6px;color:#61564a}
.khc-drawer-header h2{font-family:var(--khc-font);font-size:25px;font-weight:600;letter-spacing:.055em;text-transform:uppercase;margin:0;line-height:1.2}
.khc-drawer-close{width:38px;height:38px;border:1px solid #bbb2a8;border-radius:50%;background:#fff;font-size:26px;line-height:1;color:#111;padding:0;flex:none}
.khc-drawer-status{flex:none;font-size:12px;line-height:1.7;margin:0;padding:0 26px;color:#726451;white-space:pre-line}
.khc-drawer-status:empty{display:none}
.khc-drawer-status.is-error{color:#9a2424;background:#fff2ee;padding:12px 26px}
.khc-drawer-content{min-height:0;flex:1;display:flex;flex-direction:column;transition:opacity .16s ease}
.khc-drawer-content[aria-busy=true]{opacity:.65;cursor:progress}
.khc-drawer-scroll{overflow-y:auto;overscroll-behavior:contain;min-height:0;flex:1;padding:8px 26px 24px;scrollbar-width:thin}
.khc-drawer-scroll .khc-free-delivery{width:100%;margin:0 0 18px;padding:14px;border:1px solid #d9d9d9;background:#fff;color:rgba(0,0,0,.68);box-sizing:border-box}
.khc-drawer-scroll .khc-free-delivery p{display:flex;align-items:center;gap:10px;margin:0 0 10px;font-size:12px;font-weight:500;line-height:1.55;letter-spacing:.01em}
.khc-drawer-scroll .khc-free-delivery p svg{display:block;flex:0 0 20px;width:20px;height:20px;fill:none;stroke:#000;stroke-width:1.45;stroke-linecap:round;stroke-linejoin:round}
.khc-drawer-scroll .khc-free-delivery strong{color:#000;font-weight:650}
.khc-drawer-scroll .khc-free-delivery progress{display:block;width:100%;height:5px;border:0;border-radius:0;overflow:hidden;background:#e4e1dd;appearance:none}
.khc-drawer-scroll .khc-free-delivery progress::-webkit-progress-bar{background:#e4e1dd}
.khc-drawer-scroll .khc-free-delivery progress::-webkit-progress-value{background:#000}
.khc-drawer-scroll .khc-free-delivery progress::-moz-progress-bar{background:#000}
.khc-drawer-item{border:1px solid #e6e0d8;border-radius:0;padding:15px;margin-bottom:16px;background:#fff;box-shadow:0 3px 12px #6f512305}
.khc-drawer-item-top{display:flex;gap:13px;align-items:flex-start;position:relative}
.khc-drawer-image{flex:0 0 85px}
.khc-drawer-image img{display:block;width:85px;height:112px;object-fit:cover;border-radius:0}
.khc-drawer-item-details{min-width:0;flex:1;padding-right:21px}
.khc-drawer-item-name{font-size:12px;line-height:1.65;letter-spacing:.02em;font-weight:600;text-transform:uppercase;display:block;margin:0 0 8px;overflow-wrap:anywhere}
.khc-drawer-item-details dl.variation{font-size:11px;line-height:1.65;color:#776e63;margin:0 0 10px}
.khc-drawer-item-details dl.variation dt{font-weight:500;float:left;clear:left;margin-right:4px}
.khc-drawer-item-details dl.variation dd{margin:0;overflow-wrap:anywhere}
.khc-drawer-item-details dl.variation dd p{margin:0}
.khc-drawer-unit-price{font-size:13px;font-weight:600}
.khc-drawer-remove{position:absolute;right:-5px;top:-6px;width:30px;height:32px;font-size:22px;background:none;border:0;color:#82776a;line-height:1;padding:0}
.khc-drawer-item-bottom{display:flex;align-items:center;justify-content:space-between;gap:12px;border-top:1px solid #ece6df;margin-top:14px;padding-top:12px;font-size:12px}
.khc-drawer-quantity{display:flex;align-items:center;gap:6px;font-size:12px}
.khc-drawer-quantity button{width:34px;height:34px;border:1px solid #b3a89a;border-radius:50%;background:#fff;font-size:19px;padding:0;color:#111;line-height:1}
.khc-drawer-qty{width:42px;border:0;padding:4px 0;min-height:34px;text-align:center;color:#111;background:#fff;font-size:16px;appearance:textfield;-moz-appearance:textfield}
.khc-drawer-qty::-webkit-inner-spin-button,.khc-drawer-qty::-webkit-outer-spin-button{-webkit-appearance:none;margin:0}
.khc-drawer-look{border:1px dashed #cfc0aa;border-radius:0;padding:15px;margin-top:20px}
.khc-drawer-look h3{font-size:10px;font-weight:500;color:#826b4e;text-transform:uppercase;letter-spacing:.14em;margin:0 0 15px}
.khc-drawer-look-item{display:flex;align-items:center;gap:10px;margin:0 0 13px}
.khc-drawer-look-item:last-child{margin:0}
.khc-drawer-look-item>a:first-child{flex:0 0 48px}
.khc-drawer-look-item img{width:48px;height:62px;object-fit:cover;display:block;border-radius:0}
.khc-drawer-look-item>div{flex:1;min-width:0;font-size:10px;line-height:1.7;text-transform:uppercase}
.khc-drawer-look-item p{color:#92703c;font-size:11px;margin:4px 0 0}
.khc-drawer-look-item ins{text-decoration:none}
.khc-drawer-add{margin:0!important;padding:0!important;border:0!important;flex:none}
.khc-drawer-add button,.khc-drawer-look-options{display:inline-flex;align-items:center;justify-content:center;border:0;background:#000;color:#fff;border-radius:0;padding:9px 14px;min-height:36px;font-size:10px;text-transform:uppercase;line-height:1.5}
.khc-drawer-summary{flex:none;border-top:1px solid #e6dfd6;padding:18px 26px max(22px,env(safe-area-inset-bottom));background:#fff;max-height:48dvh;overflow-y:auto}
.khc-drawer-summary dl{margin:0 0 18px;font-size:12px}
.khc-drawer-summary dl>div{display:flex;align-items:baseline;justify-content:space-between;gap:20px;margin-bottom:9px}
.khc-drawer-summary dt{color:#756c61}
.khc-drawer-summary dd{margin:0;text-align:right}
.khc-drawer-summary .khc-drawer-total{font-weight:600;font-size:15px;margin-top:12px;margin-bottom:0}
.khc-drawer-summary .khc-drawer-total dt{color:#111}
.khc-drawer-checkout,.khc-drawer-continue{display:flex;align-items:center;justify-content:center;gap:6px;min-height:46px;width:100%;padding:12px 18px;background:#000;color:#fff;border:1px solid #000;border-radius:0;font-size:11px;text-transform:uppercase;font-weight:500;letter-spacing:.08em;line-height:1.7;text-align:center;text-decoration:none}
.khc-drawer-continue{background:#fff;color:#111;border-color:#a79b8e;margin-top:9px}
.khc-drawer-empty{padding:40px 26px;text-align:center;margin:auto 0}
.khc-drawer-empty h3{font-size:24px;font-family:var(--khc-font)}
.khc-drawer-empty p{font-size:13px;color:#72685d;line-height:1.8}

@media(prefers-reduced-motion:no-preference){
.khc-cart-drawer[open]{animation:khc-drawer-enter .24s cubic-bezier(.22,1,.36,1) both}
.khc-cart-drawer.is-closing{animation:khc-drawer-exit .18s ease-in both;pointer-events:none}
.khc-cart-drawer[open]::backdrop{animation:khc-drawer-backdrop-in .2s ease-out both}
.khc-cart-drawer.is-closing::backdrop{animation:khc-drawer-backdrop-out .18s ease-in both}
@keyframes khc-drawer-enter{from{transform:translateX(100%)}to{transform:translateX(0)}}
@keyframes khc-drawer-exit{from{transform:translateX(0)}to{transform:translateX(100%)}}
@keyframes khc-drawer-backdrop-in{from{opacity:0}to{opacity:1}}
@keyframes khc-drawer-backdrop-out{from{opacity:1}to{opacity:0}}
}
@media(max-width:480px){.khc-cart-drawer{width:min(360px,88vw)}.khc-drawer-header{padding:22px 18px 16px}.khc-drawer-scroll{padding:8px 18px 20px}.khc-drawer-summary{padding:16px 18px max(18px,env(safe-area-inset-bottom))}.khc-drawer-header h2{font-size:23px}.khc-drawer-status{padding-inline:18px}.khc-drawer-item{padding:13px}.khc-drawer-image{flex-basis:76px}.khc-drawer-image img{width:76px;height:102px}.khc-drawer-quantity button{min-width:36px;min-height:36px}}
@media(max-width:360px){.khc-cart-drawer{width:92vw}}