.hkc-collection-panel{min-height:0;position:fixed;inset:0 0 0 auto;width:min(448px,92vw);max-width:none;height:100dvh;max-height:none;margin:0;padding:0;border:0;border-left:1px solid var(--hkc-border);background:#fff;box-shadow:-16px 0 40px #1018281a}.hkc-collection-panel[open]{display:flex;flex-direction:column}.hkc-collection-panel::backdrop,.hkc-collection-confirm::backdrop{background:#0008}.hkc-collection-panel>header{position:relative;padding:16px 48px 16px 16px;border-bottom:1px solid var(--hkc-border)}.hkc-collection-panel h2{display:flex;align-items:center;gap:8px;font-size:20px;font-weight:700;line-height:28px}.hkc-collection-panel>header p{margin-top:6px;color:var(--hkc-muted);font-size:14px;line-height:20px}.hkc-collection-panel>header a{display:inline-block;margin-top:8px;color:var(--hkc-purple);font-size:13px;text-decoration:underline}.hkc-collection-panel svg{width:20px;height:20px;flex-shrink:0}.hkc-collection-panel h2 svg,.hkc-collection-recents h3 svg{color:var(--hkc-purple)}.hkc-collection-panel>header button{position:absolute;top:12px;right:8px;display:grid;place-items:center;width:32px;height:32px;color:var(--hkc-muted)}.hkc-collection-body{flex:1;min-height:0;overflow-y:auto;overscroll-behavior:contain;padding:16px}.hkc-collection-row{display:flex;align-items:center;gap:8px;padding:8px;border:1px solid var(--hkc-border);border-radius:12px;background:#fff;box-shadow:0 2px 2px #10182814}.hkc-collection-row+.hkc-collection-row{margin-top:12px}.hkc-collection-row>a{display:flex;align-items:center;gap:12px;flex:1;min-width:0;font-size:14px;font-weight:600;line-height:20px}.hkc-collection-row>a:hover{color:var(--hkc-purple)}.hkc-collection-row img{width:64px;height:64px;flex-shrink:0;object-fit:contain;border-radius:8px;background:#f9fafb}.hkc-collection-row>a>span{display:-webkit-box;overflow:hidden;-webkit-box-orient:vertical;-webkit-line-clamp:2}.hkc-collection-row button{display:grid;place-items:center;flex-shrink:0;width:32px;height:32px;border-radius:8px;color:var(--hkc-muted)}.hkc-collection-row button:hover{background:#fff1f2;color:#e11d48}.hkc-collection-row button[aria-pressed=true]{color:var(--hkc-fuchsia)}.hkc-collection-recents{margin-top:20px;padding-top:16px;border-top:1px solid var(--hkc-border)}.hkc-collection-recents h3{display:flex;align-items:center;gap:8px;margin-bottom:12px;font-size:14px;font-weight:700}.hkc-collection-empty{border:1px dashed var(--hkc-border);border-radius:12px;padding:16px;color:var(--hkc-muted);text-align:center;font-size:14px}.hkc-collection-empty a{display:inline-block;margin-top:8px;color:var(--hkc-purple)}.hkc-collection-panel>footer{flex-shrink:0;padding:16px;padding-bottom:max(16px,env(safe-area-inset-bottom));border-top:1px solid var(--hkc-border);background:#f9fafb}.hkc-collection-actions>p:first-child{margin-bottom:8px;color:var(--hkc-muted);text-align:center;font-size:12px}.hkc-collection-delivery{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}.hkc-collection-delivery button{display:inline-flex;align-items:center;justify-content:center;gap:8px;min-height:36px;min-width:0;border-radius:8px;padding:8px;background:linear-gradient(110deg,var(--hkc-purple),var(--hkc-fuchsia));color:#fff;font-size:14px;font-weight:600}.hkc-collection-delivery button:last-child{background:linear-gradient(110deg,#0969ff,#0095ac)}.hkc-collection-actions svg{width:16px;height:16px;flex-shrink:0}.hkc-collection-actions button:disabled{opacity:.45;cursor:not-allowed}.hkc-collection-clear{display:flex;align-items:center;justify-content:center;gap:8px;width:100%;min-height:36px;margin-top:8px;color:#8c6976;font-size:14px}.hkc-collection-progress,.hkc-collection-undo{display:flex;flex-wrap:wrap;align-items:center;justify-content:center;gap:12px;margin-top:8px;font-size:14px}.hkc-collection-progress button,.hkc-collection-undo button{padding:6px;color:var(--hkc-purple);text-decoration:underline}.hkc-collection-status:not(:empty){display:block;margin-top:8px;color:var(--hkc-muted);text-align:center;font-size:12px}.hkc-collection-error{margin-top:8px;color:#b91c1c;font-size:14px;line-height:20px}.hkc-collection-confirm{min-height:0;max-height:calc(100dvh - 32px);overflow-y:auto;width:min(440px,calc(100vw - 32px));border:1px solid var(--hkc-border);border-radius:16px;padding:24px;background:#fff}.hkc-collection-confirm h2{font-size:20px;font-weight:700}.hkc-collection-confirm>p{margin-top:12px;font-size:14px;line-height:22px;color:var(--hkc-muted)}.hkc-collection-confirm>div{display:flex;justify-content:flex-end;gap:12px;margin-top:20px}.hkc-collection-confirm button{border:1px solid var(--hkc-border);border-radius:8px;padding:8px 12px;font-size:14px}.hkc-collection-confirm button:last-child{border-color:#e11d48;background:#e11d48;color:#fff}.hkc-collection-page-actions{max-width:480px;margin-block:24px;border:1px solid var(--hkc-border);border-radius:16px;padding:16px;background:#fff}.hkc-collection-print,.hkc-home-collection[hidden]{display:none}@media(max-width:360px){.hkc-collection-delivery button{gap:4px;font-size:12px}}@media print{@page{size:A4 portrait;margin:10mm}body:has(.hkc-collection-print){overflow:visible!important;margin:0;padding:0}body:has(.hkc-collection-print)>:not(.hkc-collection-print),body:has(.hkc-collection-print) dialog{display:none!important}.hkc-collection-print{display:block;width:190mm;margin:0;padding:0}.hkc-collection-print-page{width:190mm;height:276mm;break-after:page;break-inside:avoid}.hkc-collection-print-page:last-child{break-after:auto}.hkc-collection-print-page img{display:block;width:100%;height:100%;object-fit:contain}}