/* --------------------------------------------------- custom select (KZT) */
.kzt-select{position:relative;display:inline-block;width:100%;font-family:inherit;user-select:none}
.kzt-select-btn{width:100%;display:flex;align-items:center;justify-content:space-between;gap:10px;padding:9px 12px;background:var(--bg-input,var(--bg-elevated));border:1px solid var(--border);border-radius:var(--radius-md);color:var(--text-primary);font-size:14px;font-family:inherit;cursor:pointer;transition:border-color var(--t-fast),box-shadow var(--t-fast);text-align:left}
.kzt-select-btn:hover{border-color:var(--border-hover,var(--text-tertiary))}
.kzt-select.open .kzt-select-btn{border-color:var(--accent,#22c55e);box-shadow:0 0 0 3px rgba(34,197,94,.14)}
.kzt-select-btn[disabled]{opacity:.5;cursor:not-allowed}
.kzt-select-label{flex:1;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.kzt-select-label.placeholder{color:var(--text-tertiary)}
.kzt-select-caret{flex:none;width:14px;height:14px;color:var(--text-tertiary);transition:transform var(--t-fast)}
.kzt-select.open .kzt-select-caret{transform:rotate(180deg)}
.kzt-select-menu{position:absolute;left:0;right:0;top:calc(100% + 6px);z-index:220;max-height:280px;overflow-y:auto;background:var(--bg-card);border:1px solid var(--border);border-radius:var(--radius-lg);box-shadow:var(--shadow-lg),0 0 0 1px rgba(255,255,255,.03) inset;padding:5px;opacity:0;pointer-events:none;transform:translateY(-6px) scale(.985);transform-origin:top center;transition:opacity var(--t-fast),transform var(--t-fast);scrollbar-width:thin}
.kzt-select.open .kzt-select-menu{opacity:1;pointer-events:auto;transform:translateY(0) scale(1)}
.kzt-select.up .kzt-select-menu{top:auto;bottom:calc(100% + 6px);transform-origin:bottom center;transform:translateY(6px) scale(.985)}
.kzt-select.up.open .kzt-select-menu{transform:translateY(0) scale(1)}
.kzt-option{display:flex;align-items:center;gap:9px;padding:8px 11px;border-radius:var(--radius-sm);font-size:14px;color:var(--text-secondary);cursor:pointer;transition:background var(--t-fast),color var(--t-fast);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.kzt-option:hover,.kzt-option.focus{background:var(--bg-elevated);color:var(--text-primary)}
.kzt-option.selected{color:var(--text-primary);font-weight:500}
.kzt-option.selected::after{content:"";flex:none;margin-left:auto;width:14px;height:14px;background:currentColor;color:var(--accent,#22c55e);-webkit-mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3E%3Cpath fill='%23000' d='M6.2 12.3 2 8.1l1.4-1.4 2.8 2.8 6.4-6.4L14 4.5z'/%3E%3C/svg%3E") center/contain no-repeat;mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3E%3Cpath fill='%23000' d='M6.2 12.3 2 8.1l1.4-1.4 2.8 2.8 6.4-6.4L14 4.5z'/%3E%3C/svg%3E") center/contain no-repeat}
.kzt-option.disabled{opacity:.4;cursor:not-allowed}
.kzt-select-wrap{position:relative}
.kzt-select-search{width:100%;padding:8px 11px;margin-bottom:4px;background:var(--bg-elevated);border:1px solid var(--border);border-radius:var(--radius-sm);color:var(--text-primary);font-size:13px;font-family:inherit;outline:none}
.kzt-select-search:focus{border-color:var(--accent,#22c55e)}
.kzt-select-hidden{position:absolute!important;width:1px!important;height:1px!important;padding:0!important;margin:-1px!important;overflow:hidden!important;clip:rect(0 0 0 0)!important;white-space:nowrap!important;border:0!important}

/* filter pills used on the shop toolbar */
.pill-group{display:flex;flex-wrap:wrap;gap:6px}
.pill{padding:7px 13px;border-radius:999px;border:1px solid var(--border);background:var(--bg-elevated);color:var(--text-secondary);font-size:13px;font-family:inherit;cursor:pointer;transition:all var(--t-fast);white-space:nowrap}
.pill:hover{color:var(--text-primary);border-color:var(--border-hover,var(--text-tertiary))}
.pill.active{background:var(--accent,#22c55e);border-color:var(--accent,#22c55e);color:#04140a;font-weight:600}