/* Theme Showcase switcher. Self-contained: no theme variables, so it looks the same on every theme.
   It sits under cookie notices (1040) and drawers (1045) so it never covers their buttons.
   Dark look follows the site's own mode (data-bs-theme), the OS setting only when a theme sets none. */
.tsw{position:fixed;inset-block-end:18px;z-index:1035;font:500 14px/1.4 system-ui,-apple-system,"Segoe UI",Roboto,sans-serif;color:#15171a}
.tsw--left{inset-inline-start:18px}.tsw--right{inset-inline-end:18px}
.tsw-toggle{display:flex;align-items:center;gap:8px;padding:10px 14px;background:#15171a;color:#fff;border-radius:999px;cursor:pointer;list-style:none;box-shadow:0 6px 24px rgba(0,0,0,.25);user-select:none}
.tsw-toggle::-webkit-details-marker{display:none}
.tsw-toggle:focus-visible{outline:3px solid #ff5a1f;outline-offset:3px}
.tsw-dot{inline-size:9px;block-size:9px;border-radius:50%;background:#ff5a1f;box-shadow:0 0 0 3px rgba(255,90,31,.3)}
.tsw-toggle-label{font-weight:700}
.tsw-toggle-name{opacity:.7;max-inline-size:14ch;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.tsw-panel{position:absolute;inset-block-end:calc(100% + 10px);inline-size:min(340px,calc(100vw - 36px));max-block-size:min(70vh,560px);overflow:auto;background:#fff;border:1px solid #e3e5e8;border-radius:14px;padding:16px;box-shadow:0 18px 50px rgba(0,0,0,.22)}
.tsw--left .tsw-panel{inset-inline-start:0}.tsw--right .tsw-panel{inset-inline-end:0}
.tsw-title{margin:0 0 2px;font-size:16px;font-weight:800}
.tsw-sub{margin:0 0 12px;color:#5d636b;font-size:13px}
.tsw-list{list-style:none;margin:0;padding:0;display:grid;gap:8px}
.tsw-item{display:flex;align-items:center;gap:12px;padding:8px;border:1px solid #e3e5e8;border-radius:10px;color:inherit !important;text-decoration:none !important;background:#fff}
.tsw-item:hover{border-color:#15171a}
.tsw-item.is-current{border-color:#ff5a1f;background:#fff6f2}
.tsw-thumb{flex:none;inline-size:72px;block-size:46px;border-radius:6px;overflow:hidden;background:#f1f2f4;display:grid;place-items:center}
.tsw-thumb img{inline-size:100%;block-size:100%;object-fit:cover;display:block}
.tsw-thumb-ph{font-weight:800;font-size:18px;color:#5d636b}
.tsw-meta{display:flex;flex-direction:column;min-inline-size:0;flex:1}
.tsw-meta strong{font-size:14px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.tsw-meta small{color:#5d636b;font-size:12px}
.tsw-badge{flex:none;font-size:11px;font-weight:700;padding:3px 8px;border-radius:999px;background:#ff5a1f;color:#fff}
.tsw-foot{display:flex;flex-wrap:wrap;gap:8px;margin-top:12px}
.tsw-reset,.tsw-buy{flex:1 1 auto;text-align:center;padding:9px 12px;border-radius:9px;font-weight:700;font-size:13px;text-decoration:none !important}
.tsw-reset{border:1px solid #d5d8dc;color:#15171a !important}
.tsw-buy{background:#ff5a1f;color:#fff !important}
:root[data-bs-theme="dark"] .tsw-panel{background:#1b1d21;border-color:#33363c;color:#eef0f2}
:root[data-bs-theme="dark"] .tsw-sub,:root[data-bs-theme="dark"] .tsw-meta small,:root[data-bs-theme="dark"] .tsw-thumb-ph{color:#a6abb2}
:root[data-bs-theme="dark"] .tsw-item{background:#1b1d21;border-color:#33363c}
:root[data-bs-theme="dark"] .tsw-item:hover{border-color:#eef0f2}
:root[data-bs-theme="dark"] .tsw-item.is-current{background:#2a1d17}
:root[data-bs-theme="dark"] .tsw-thumb{background:#26292e}
:root[data-bs-theme="dark"] .tsw-reset{border-color:#44484f;color:#eef0f2 !important}
@media (prefers-color-scheme:dark){
 :root:not([data-bs-theme]) .tsw-panel{background:#1b1d21;border-color:#33363c;color:#eef0f2}
 :root:not([data-bs-theme]) .tsw-sub,:root:not([data-bs-theme]) .tsw-meta small,:root:not([data-bs-theme]) .tsw-thumb-ph{color:#a6abb2}
 :root:not([data-bs-theme]) .tsw-item{background:#1b1d21;border-color:#33363c}
 :root:not([data-bs-theme]) .tsw-item:hover{border-color:#eef0f2}
 :root:not([data-bs-theme]) .tsw-item.is-current{background:#2a1d17}
 :root:not([data-bs-theme]) .tsw-thumb{background:#26292e}
 :root:not([data-bs-theme]) .tsw-reset{border-color:#44484f;color:#eef0f2 !important}
}
@media print{.tsw{display:none}}