/* Shared by the storefront and member centre, in both asset modes. */
.qnshop-help details { padding:12px 14px; margin-bottom:10px; border:1px solid var(--glass-border); border-radius:10px; }
.qnshop-help summary { cursor:pointer; font-weight:600; }
.qnshop-help details p { margin:12px 0 6px; }
.qnshop-service-links { display:flex; flex-wrap:wrap; gap:10px; margin-top:16px; }
.qnshop-service-links a { padding:8px 14px; border-radius:10px; background:var(--uc-field-bg); color:var(--qn-accent,#2563eb); }

.qnshop-personal { margin-bottom:18px; }
.qnshop-personal summary { padding:16px 20px; cursor:pointer; color:var(--uc-ink); font-weight:600; }
.qnshop-personal summary svg { vertical-align:middle; margin-right:6px; }
.qnshop-personal summary small { margin-left:12px; font-weight:400; color:var(--uc-ink-med); }
.qnshop-preferences { display:flex; flex-wrap:wrap; gap:16px; align-items:end; }
.qnshop-preferences label { display:flex; flex-direction:column; gap:6px; }
.qnshop-preferences select, .qnshop-preferences button, #qn-clear-recent { padding:8px 12px; border:1px solid var(--glass-border); border-radius:10px; background:var(--uc-field-bg); color:var(--uc-ink); }
.qnshop-preferences p { flex-basis:100%; margin:0; font-size:12px; }
.qnshop-extra-tools input { width:100px; border:0; padding:5px; background:transparent; color:inherit; }
#qn-result-count { font-size:12px; color:var(--uc-ink-med); }
.qnshop-extra-tools { align-items:center; }
.qnshop-extra-tools input { min-width:62px; }
.qnshop-extra-tools button[hidden] { display:none; }
.qnshop-filter-favorite, .qnshop-compare-open { white-space:nowrap; }
.qnshop-compare { position:absolute; top:42px; right:8px; z-index:2; width:30px; height:30px; display:grid; place-items:center; border:1px solid rgba(255,255,255,.75); border-radius:50%; background:rgba(255,255,255,.8); color:#94a3b8; cursor:pointer; }
.qnshop-compare.is-active { color:var(--qn-accent,#2563eb); background:rgba(219,234,254,.95); }
.qnshop-compare .material-icons-outlined { font-size:17px; }
.qn-compare-grid { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:10px; }
.qn-compare-grid article { position:relative; display:flex; flex-direction:column; gap:6px; padding:12px; border:1px solid var(--glass-border); border-radius:10px; background:var(--glass-bg-soft); font-size:12px; }
.qn-compare-grid article strong { padding-right:16px; color:var(--uc-ink); }.qn-compare-grid article span { color:var(--uc-ink-med); }.qn-compare-grid article a { color:var(--qn-accent,#2563eb); }.qn-remove-compare { position:absolute; top:7px; right:7px; border:0; background:transparent; color:var(--uc-ink-dis); cursor:pointer; font-size:18px; }
@media(max-width:600px){.qn-compare-grid{grid-template-columns:1fr}.qnshop-compare{top:42px;right:44px}}

#qn-recent { display:flex; flex-wrap:wrap; gap:10px; }
#qn-recent a { border:1px solid var(--glass-border); border-radius:10px; padding:8px 12px; color:var(--qn-accent, #2563eb); max-width:100%; overflow-wrap:anywhere; }
#qn-clear-recent { margin-left:auto; font-size:12px; }
.qn-favorite-count, .qn-recent-count { display:inline-grid; min-width:18px; height:18px; padding:0 4px; place-items:center; border-radius:999px; background:rgba(37,99,235,.1); color:var(--qn-accent,#2563eb); font-size:10px; font-weight:700; }
.qnshop-filter-favorite.is-active .qn-favorite-count { background:rgba(255,255,255,.22); color:inherit; }
:root[data-qn-density="comfortable"] .item-list { grid-template-columns:repeat(2,minmax(0,1fr)); }
:root[data-qn-density="list"] .item-list { grid-template-columns:1fr; }
:root[data-qn-density="list"] .qnshop-product-link { flex-direction:row; align-items:center; }
:root[data-qn-density="list"] .acg-thumb { width:100px; flex:none; border-radius:10px; }
:root[data-qn-density="list"] .qnshop-product-link > .acg-body { padding-right:44px; }
:root[data-qn-density] .qnshop-list-tools button.is-active { background:var(--qn-accent); border-color:var(--qn-accent); }
@media(min-width:900px) { :root[data-qn-density="comfortable"] .item-list { grid-template-columns:repeat(3,minmax(0,1fr)); } }
@media(max-width:480px) { .qnshop-personal summary small { display:block; margin:6px 0 0; } }

.qnshop-nav-icon { width:18px; height:18px; flex:none; display:inline-block; vertical-align:middle; margin-right:6px; fill:none; }
.qnshop-upload-icon { width:42px; height:42px; display:block; padding:9px; border:1px dashed currentColor; border-radius:10px; cursor:pointer; }
.qnshop-product-link { display:flex; flex-direction:column; flex:1; color:inherit; min-width:0; }
.qnshop-product-link > .acg-body { padding:6px 11px 8px; display:flex; flex-direction:column; flex:1; gap:4px; }
.qnshop-product-link:hover { color:inherit; }
.qnshop-favorite:focus-visible, .qnshop-list-tools button:focus-visible, .qnshop-sort:focus-visible { outline:2px solid #2563eb; outline-offset:3px; }
:root[data-theme="dark"] .qnshop-quickbar__item,
:root[data-theme="dark"] .qnshop-select,
:root[data-theme="dark"] .qnshop-list-tools button:not(.is-active) { background:rgba(25,40,65,.85); color:#e2e8f0; }