[data-fragment=ShoppingCart]{font-family:var(--font-sans);color:var(--text-primary,currentColor)}[data-fragment=ShoppingCart][data-mode=dropdown]{display:inline-flex;position:relative}[data-fragment=ShoppingCart] [class$=-trigger]{border-radius:var(--radius-md);width:36px;height:36px;color:var(--text-secondary,currentColor);cursor:pointer;background:0 0;border:1px solid #0000;place-items:center;padding:0;display:inline-grid;position:relative}[data-fragment=ShoppingCart] [class$=-trigger]:hover,[data-fragment=ShoppingCart] [class$=-trigger].open{background:var(--bg-secondary,transparent);color:var(--text-primary,currentColor)}[data-fragment=ShoppingCart] [class$=-badge]{background:var(--brand,transparent);min-width:16px;height:16px;color:var(--ink-text-on-brand);border-radius:var(--radius-full);font-family:var(--font-mono);place-items:center;padding:0 4px;font-size:9.5px;font-weight:700;line-height:1;display:inline-grid;position:absolute;top:4px;right:4px}[data-fragment=ShoppingCart][data-mode=dropdown] [class$=-panel]{z-index:50;background:var(--bg-primary,transparent);border:1px solid var(--ui-line-strong,transparent);border-radius:var(--radius-md);width:380px;max-width:calc(100vw - 32px);box-shadow:var(--shadow-soft);animation:cart-in var(--duration-base) var(--ease-out);flex-direction:column;display:flex;position:absolute;top:calc(100% + 8px);right:0;overflow:hidden}@keyframes cart-in{0%{opacity:0;transform:translateY(-4px)}to{opacity:1;transform:translateY(0)}}[data-fragment=ShoppingCart][data-mode=page]{width:100%;max-width:720px;margin:0 auto;padding:24px}[data-fragment=ShoppingCart][data-mode=page] [class$=-panel]{background:var(--bg-primary,transparent);border:1px solid var(--ui-line,transparent);border-radius:var(--radius-lg);overflow:hidden}[data-fragment=ShoppingCart] [class$=-header]{border-bottom:1px solid var(--ui-line,transparent);justify-content:space-between;align-items:center;padding:14px 18px;display:flex}[data-fragment=ShoppingCart] [class$=-header] :is(h1,h2,h3){color:var(--text-primary,currentColor);text-wrap:balance;margin:0;font-size:14px;font-weight:700}[data-fragment=ShoppingCart] [class$=-close]{border-radius:var(--radius-sm);width:26px;height:26px;color:var(--text-secondary,currentColor);cursor:pointer;background:0 0;border:0;place-items:center;padding:0;display:inline-grid}[data-fragment=ShoppingCart] [class$=-close]:hover{background:var(--bg-secondary,transparent);color:var(--text-primary,currentColor)}[data-fragment=ShoppingCart] [class$=-empty]{color:var(--text-tertiary,var(--text-secondary,currentColor));text-align:center;margin:0;padding:36px 16px;font-size:13px}[data-fragment=ShoppingCart] [class$=-items]{flex-direction:column;max-height:380px;margin:0;padding:4px;list-style:none;display:flex;overflow-y:auto}[data-fragment=ShoppingCart] [class$=-item]{border-radius:var(--radius-sm);grid-template-columns:auto 1fr auto auto;align-items:center;gap:10px;padding:10px 12px;display:grid}[data-fragment=ShoppingCart] [class$=-item]:hover{background:var(--bg-secondary,transparent)}[data-fragment=ShoppingCart] [class$=-item-image]{object-fit:cover;border-radius:var(--radius-sm);background:var(--bg-secondary,transparent);width:48px;height:48px}[data-fragment=ShoppingCart] [class$=-item-info]{flex-direction:column;gap:2px;min-width:0;display:flex}[data-fragment=ShoppingCart] [class$=-item-name]{color:var(--text-primary,currentColor);white-space:nowrap;text-overflow:ellipsis;font-size:13px;font-weight:600;overflow:hidden}[data-fragment=ShoppingCart] [class$=-item-variant]{color:var(--text-secondary,currentColor);font-size:11px}[data-fragment=ShoppingCart] [class$=-item-price]{font-family:var(--font-mono);color:var(--brand,currentColor);font-size:12.5px;font-weight:700}[data-fragment=ShoppingCart] [class$=-item-qty]{background:var(--bg-secondary,transparent);border-radius:var(--radius-sm);align-items:center;gap:2px;padding:2px;display:inline-flex}[data-fragment=ShoppingCart] [class$=-qty-btn]{width:22px;height:22px;color:var(--text-secondary,currentColor);border-radius:var(--radius-sm);cursor:pointer;background:0 0;border:0;place-items:center;padding:0;display:inline-grid}[data-fragment=ShoppingCart] [class$=-qty-btn]:hover:not(:disabled){background:var(--bg-primary,transparent);color:var(--text-primary,currentColor)}[data-fragment=ShoppingCart] [class$=-qty-btn]:disabled{opacity:.4;cursor:not-allowed}[data-fragment=ShoppingCart] [class$=-qty-value]{min-width:22px;font-family:var(--font-mono);color:var(--text-primary,currentColor);place-items:center;font-size:12px;font-weight:700;display:inline-grid}[data-fragment=ShoppingCart] [class$=-item-remove]{border-radius:var(--radius-sm);width:22px;height:22px;color:var(--text-tertiary,var(--text-secondary,currentColor));cursor:pointer;background:0 0;border:0;place-items:center;padding:0;display:inline-grid}[data-fragment=ShoppingCart] [class$=-item-remove]:hover{background:var(--bg-secondary,transparent);color:var(--error,currentColor)}[data-fragment=ShoppingCart] [class$=-total]{border-top:1px solid var(--ui-line,transparent);justify-content:space-between;align-items:center;padding:14px 18px;display:flex}[data-fragment=ShoppingCart] [class$=-total-label]{color:var(--text-secondary,currentColor);font-size:13px;font-weight:600}[data-fragment=ShoppingCart] [class$=-total-value]{font-family:var(--font-mono);color:var(--text-primary,currentColor);font-size:17px;font-weight:700}[data-fragment=ShoppingCart] [class$=-checkout]{background:var(--brand,transparent);min-height:44px;color:var(--ink-text-on-brand);border-radius:var(--radius-md);cursor:pointer;justify-content:center;align-items:center;margin:0 18px 18px;padding:12px 16px;font-size:13.5px;font-weight:700;text-decoration:none;display:flex}[data-fragment=ShoppingCart] [class$=-checkout]:hover{filter:brightness(1.05)}[data-fragment=ShoppingCart] [class$=-trigger]:focus-visible,[data-fragment=ShoppingCart] [class$=-close]:focus-visible,[data-fragment=ShoppingCart] [class$=-qty-btn]:focus-visible,[data-fragment=ShoppingCart] [class$=-item-remove]:focus-visible,[data-fragment=ShoppingCart] [class$=-checkout]:focus-visible{outline:2px solid var(--brand);outline-offset:2px}@media (prefers-reduced-motion:reduce){[data-fragment=ShoppingCart][data-mode=dropdown] [class$=-panel]{animation:none}[data-fragment=ShoppingCart] [class$=-checkout]:hover{filter:none}}