/* The modal shell contains the dimming layer and a compact, independent panel. */
dialog.cart-drawer,
body[data-surface="frosted"] dialog.cart-drawer{
  position:fixed;inset:0;width:100%;height:100%;height:100dvh;max-width:none;max-height:none;
  margin:0;padding:0;border:0;border-radius:0;background:transparent;box-shadow:none;
  color:var(--fg);overflow:hidden;outline:none;backdrop-filter:none;-webkit-backdrop-filter:none;
}
.cart-drawer[open]{display:flex;justify-content:flex-end;align-items:stretch}
.cart-drawer::backdrop,
body[data-surface="frosted"] .cart-drawer::backdrop{
  background:#05050585;opacity:0;backdrop-filter:none;-webkit-backdrop-filter:none;
  transition:opacity 300ms ease;
}
.cart-drawer[data-state="open"]::backdrop,body[data-surface="frosted"] .cart-drawer[data-state="open"]::backdrop{opacity:1}
.cart-drawer-panel{
  width:min(100%,480px);height:100%;min-height:0;display:flex;flex-direction:column;
  position:relative;isolation:isolate;overflow:hidden;border-radius:0;
  background:var(--surface);box-shadow:inset 0 3px 18px #ffffff07,-18px 0 75px #0007;
  opacity:0;transform:translateX(18px);
  transition:transform 360ms cubic-bezier(.25,.1,.25,1),opacity 360ms cubic-bezier(.25,.1,.25,1);
}
.cart-drawer-panel::before{
  content:"";position:absolute;inset:0;z-index:-1;pointer-events:none;
  background:radial-gradient(ellipse at 100% 0%,color-mix(in srgb,var(--accent) 10%,transparent),transparent 47%),linear-gradient(135deg,#ffffff05,transparent 50%);
}
.cart-drawer[data-state="open"] .cart-drawer-panel{opacity:1;transform:translateX(0)}
.cart-drawer-header{display:flex;align-items:flex-start;justify-content:space-between;gap:16px;padding:28px 28px 21px;flex-shrink:0;position:relative;border-bottom:1px solid #ffffff1b}
.cart-drawer-header>div{flex:1;min-width:0;padding-right:48px}
.cart-drawer-header .eyebrow{font-size:10px;letter-spacing:.12em;margin-bottom:12px}
.cart-drawer-header h2{display:flex;align-items:flex-start;gap:10px;font-size:calc(clamp(42px,3.6vw,54px)*var(--heading-scale));line-height:.96}
.cart-drawer-header sup{display:grid;place-items:center;flex-shrink:0;min-width:25px;height:25px;padding:0 5px;border-radius:50%;background:#ffffff12;white-space:nowrap;font:700 11px/1 var(--font-body);letter-spacing:0;margin-top:2px;color:var(--fg)}
.cart-drawer-close{--action-bg:#ffffff0d;--action-ink:var(--fg);--action-hover-bg:var(--accent);--action-hover-ink:var(--on-accent);position:absolute;right:26px;top:26px;display:grid;place-items:center;width:42px;min-width:42px;height:42px;padding:0;border-radius:50%;outline:1px solid #ffffff35;outline-offset:-1px;background:#ffffff0d;transition:background .25s,color .25s,outline-color .25s}
.cart-drawer-close:hover{outline-color:var(--accent)}
.cart-drawer-close .ui-icon{display:block;width:18px;height:18px;margin:0}
.cart-drawer-body{flex:1;min-height:0;overflow-y:auto;overscroll-behavior:contain;-webkit-overflow-scrolling:touch;padding:3px 28px 24px;scrollbar-width:thin;scrollbar-color:#ffffff30 transparent;scroll-padding:10px}
.cart-drawer-item{display:grid;grid-template-columns:88px minmax(0,1fr) auto;column-gap:14px;row-gap:12px;padding:20px 0;position:relative;border-bottom:1px solid #ffffff18}
.cart-drawer-item+.cart-drawer-item{margin-top:5px}
.cart-drawer-item+.cart-drawer-item::before{content:"";position:absolute;top:-3px;left:0;right:0;height:8px;background:radial-gradient(ellipse,#ffffff08,transparent 70%);pointer-events:none}
.cart-drawer-art{grid-column:1;grid-row:1 / span 2;align-self:start;display:block;width:88px;aspect-ratio:1;overflow:hidden;border-radius:0;background:#fff;box-shadow:0 7px 22px #0005}
.cart-drawer-art img{width:100%;height:100%;object-fit:contain;transition:transform .4s}
.cart-drawer-art:hover img{transform:scale(1.05)}
.cart-drawer-copy{grid-column:2 / 4;grid-row:1;min-width:0;padding-right:44px}
.cart-drawer-copy h3{font-size:17px;line-height:1.3;overflow-wrap:anywhere}
.cart-drawer-copy a:hover{color:var(--accent)}
.cart-drawer-variant{font-size:10px;color:var(--muted);margin-top:7px}
.cart-drawer-price{grid-column:3;grid-row:2;align-self:center;justify-self:end;margin:0;font-size:15px;font-weight:700;letter-spacing:.01em;font-variant-numeric:tabular-nums;white-space:nowrap}
.cart-drawer-remove{--action-bg:#ffffff0d;--action-ink:var(--muted);--action-hover-bg:var(--accent);--action-hover-ink:var(--on-accent);position:absolute;right:0;top:20px;display:grid;place-items:center;width:36px;min-width:36px;height:36px;min-height:36px;margin:0;padding:0;border-radius:50%;outline:1px solid #ffffff2b;outline-offset:-1px;background:#ffffff0d;color:var(--muted);transition:background .25s,color .25s,outline-color .25s}
.cart-drawer-remove:hover{outline-color:var(--accent)}
.cart-drawer-remove .ui-icon{display:block;width:14px;height:14px;margin:0}
.cart-drawer-quantity{grid-column:2;grid-row:2;display:flex;width:max-content;max-width:100%;align-items:center;background:#10101060;box-shadow:inset 0 0 0 1px #ffffff26;border-radius:var(--button-radius,0px);margin:0}
.cart-drawer-quantity button{--action-bg:#ffffff0d;--action-ink:var(--fg);--action-hover-bg:var(--accent);--action-hover-ink:var(--on-accent);display:grid;place-items:center;width:42px;height:42px;flex-shrink:0;font-size:16px;padding:0;line-height:1;border-radius:0}
.cart-drawer-quantity button .ui-icon{width:16px;height:16px;margin:0}
.cart-drawer-quantity button:hover:not(:disabled){color:var(--on-accent)}
.cart-drawer-quantity input{width:43px;min-width:0;height:44px;padding:0;text-align:center;background:transparent;box-shadow:none;font-size:13px;font-variant-numeric:tabular-nums;appearance:textfield;-moz-appearance:textfield}
.cart-drawer-quantity input::-webkit-inner-spin-button,.cart-drawer-quantity input::-webkit-outer-spin-button{-webkit-appearance:none;margin:0}
.cart-drawer-footer{flex-shrink:0;padding:23px 26px 20px;background:linear-gradient(130deg,#ffffff05,transparent 70%),#10101055;box-shadow:0 -12px 30px #0002}
.cart-drawer-total{display:flex;justify-content:space-between;align-items:baseline;gap:20px}
.cart-drawer-total>span{font-size:11px;text-transform:uppercase;letter-spacing:.1em;font-weight:700}
.cart-drawer-total strong{font-size:23px;letter-spacing:-.03em;font-variant-numeric:tabular-nums}
.cart-drawer-note{font-size:10px;color:var(--muted);margin:7px 0 18px}
.cart-drawer-checkout{width:100%;min-height:52px;justify-content:space-between}
.cart-drawer-full-link{display:flex;justify-content:center;gap:16px;min-height:44px;margin-top:4px;font-size:9px}
.cart-drawer-demo{font-size:8px;text-align:center;color:var(--muted);margin-top:5px;letter-spacing:.02em}
.cart-drawer-status{flex-shrink:0;height:68px;overflow-y:auto;padding:14px 26px;font-size:11px;line-height:1.65;background:color-mix(in srgb,var(--accent) 9%,var(--surface));box-shadow:0 -5px 20px #0002}
/* Stable feedback space prevents a quantity commit moving the next click target. */
.cart-drawer-status:empty{background:transparent;box-shadow:none}
.cart-drawer-empty{min-height:100%;display:flex;flex-direction:column;justify-content:center;align-items:flex-start;padding:12px 0 48px}
.cart-drawer-empty-icon{display:flex;align-items:center;justify-content:center;width:80px;height:80px;border-radius:50%;background:radial-gradient(ellipse,color-mix(in srgb,var(--accent) 15%,transparent),#ffffff03);box-shadow:0 12px 35px #0003;margin-bottom:29px}
.cart-drawer-empty-icon svg{width:30px;height:30px;color:var(--fg)}
.cart-drawer-empty h3{font-size:calc(clamp(42px,5vw,58px)*var(--heading-scale));max-width:320px;line-height:.95;margin-bottom:17px}
.cart-drawer-empty p{font-size:13px;color:var(--muted);max-width:285px;line-height:1.75;margin-bottom:25px}
.cart-drawer-empty .button{min-width:185px}
@supports ((backdrop-filter:blur(1px)) or (-webkit-backdrop-filter:blur(1px))){
  body[data-surface="frosted"] .cart-drawer-panel{background:rgba(25,25,25,.87);backdrop-filter:blur(var(--glass-blur)) saturate(120%);-webkit-backdrop-filter:blur(var(--glass-blur)) saturate(120%)}
  body[data-surface="frosted"] .cart-drawer::backdrop{backdrop-filter:blur(3px);-webkit-backdrop-filter:blur(3px)}
}
@media(max-width:760px){
  dialog.cart-drawer,body[data-surface="frosted"] dialog.cart-drawer{padding:0;padding-top:env(safe-area-inset-top);padding-bottom:env(safe-area-inset-bottom)}
  .cart-drawer-panel{border-radius:0}
  .cart-drawer-header{padding:24px 20px 19px;gap:8px}
  .cart-drawer-header>div{padding-right:44px}
  .cart-drawer-close{right:18px;top:20px;width:40px;min-width:40px;height:40px}
  .cart-drawer-header h2{font-size:calc(clamp(45px,13.5vw,62px)*var(--heading-scale));gap:9px}
  .cart-drawer-header .eyebrow{font-size:7px;letter-spacing:.08em;margin-bottom:13px}
  .cart-drawer-body{padding:0 20px 20px}
  .cart-drawer-item{grid-template-columns:70px minmax(0,1fr) auto;column-gap:12px;row-gap:10px;padding:17px 0}
  .cart-drawer-art{width:70px}
  .cart-drawer-copy{padding-right:36px}
  .cart-drawer-copy h3{font-size:15px}
  .cart-drawer-remove{top:17px;width:34px;min-width:34px;height:34px;min-height:34px}
  .cart-drawer-quantity input{font-size:16px}
  .cart-drawer-footer{padding:18px 18px 14px}
  .cart-drawer-total strong{font-size:21px}
  .cart-drawer-note{margin:5px 0 14px;font-size:9px}
  .cart-drawer-status{padding:12px 18px;font-size:10px}
  .cart-drawer-empty{padding-bottom:25px}
  body[data-surface="frosted"] .cart-drawer-panel{backdrop-filter:blur(var(--glass-blur-mobile,12px));-webkit-backdrop-filter:blur(var(--glass-blur-mobile,12px))}
}
body[data-surface="matte"] .cart-drawer-panel{background:var(--surface);backdrop-filter:none;-webkit-backdrop-filter:none}
@media(max-height:540px){
  .cart-drawer-panel{display:block;overflow-y:auto;overscroll-behavior:contain}
  .cart-drawer-header{padding-top:20px;padding-bottom:16px}
  .cart-drawer-header h2{font-size:42px}
  .cart-drawer-header .eyebrow{margin-bottom:9px}
  .cart-drawer-body{overflow:visible;min-height:80px}
  .cart-drawer-empty{min-height:0;padding-top:5px;padding-bottom:22px}
  .cart-drawer-empty-icon{display:none}
  .cart-drawer-empty h3{font-size:36px}
  .cart-drawer-footer{padding-top:16px}
}
@media(prefers-reduced-transparency:reduce),(prefers-contrast:more){
  body[data-surface="frosted"] .cart-drawer-panel{background:var(--surface);backdrop-filter:none;-webkit-backdrop-filter:none}
  body[data-surface="frosted"] .cart-drawer::backdrop{background:#080808cc;backdrop-filter:none;-webkit-backdrop-filter:none}
}
[data-motion="reduced"] .cart-drawer-panel,[data-motion="reduced"] .cart-drawer::backdrop{transition:none}
@media(prefers-reduced-motion:reduce){.cart-drawer-panel,.cart-drawer::backdrop{transition:none}.cart-drawer-art img,.cart-drawer-close{transition:none;transform:none!important}}
@media(forced-colors:active){.cart-drawer-panel{border:1px solid CanvasText}.cart-drawer-quantity{border:1px solid ButtonText}.cart-drawer-item::before,.cart-drawer-panel::before{display:none}}