.hkss-panel{position:fixed;z-index:100100;box-sizing:border-box;padding:0;background:#fff;color:#001e4b;border:1px solid #e4e8f0;border-radius:16px;box-shadow:0 18px 48px #001e4b18,0 3px 12px #001e4b08;font-family:inherit;overflow:auto;overscroll-behavior:contain;scrollbar-width:thin;scrollbar-color:#dce2ed transparent;direction:rtl;text-align:right}
.hkss-panel[hidden],.hkss-panel [hidden]{display:none!important}
.hkss-heading{display:flex;justify-content:space-between;gap:12px;align-items:center;padding:15px 18px 11px;font-size:12px;font-weight:600;color:#65748a;letter-spacing:0}
.hkss-count{font-size:11px;font-weight:400;color:#929cae;white-space:nowrap}
.hkss-list{padding:0 8px;max-height:440px;overflow:auto;overscroll-behavior:contain;scrollbar-width:thin}
.hkss-panel .hkss-item{display:grid;grid-template-columns:52px minmax(0,1fr) auto;align-items:center;gap:13px;padding:11px 10px;margin:0;border:0;border-bottom:1px solid #f0f2f6;border-radius:8px;background:#fff;color:#001e4b;text-decoration:none;box-shadow:none;min-height:74px;box-sizing:border-box;transition:background-color .12s ease}
.hkss-panel .hkss-item:last-child{border-bottom-color:transparent}
.hkss-panel .hkss-item:hover,.hkss-panel .hkss-item[aria-selected=true]{background:#f6f8ff}
.hkss-image{display:block;width:52px!important;height:52px!important;object-fit:contain;border-radius:6px;margin:0!important;background:#fff}
.hkss-name{font-size:13px;font-weight:500;line-height:1.95;overflow-wrap:anywhere;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}
.hkss-price{display:flex;flex-direction:column;align-items:flex-end;gap:2px;max-width:190px;font-size:12px;font-weight:600;line-height:1.9;color:#102b52;white-space:normal}
.hkss-price .woocommerce-Price-currencySymbol{font-size:10px;font-weight:400;margin-inline-start:3px}
.hkss-price del{font-size:10px;font-weight:400;color:#99a2b3}
.hkss-price ins{background:none;text-decoration:none;color:inherit}
.hkss-price .hkss-stock{font-size:10px;font-weight:400;color:#949ca9}
.hkss-panel .hkss-all{display:block;margin:7px 14px 12px;padding:10px 14px;background:#f4f6ff;border:1px solid #e9edff;border-radius:9px;color:#001ee6;font-size:12px;line-height:1.8;font-weight:500;text-align:center;text-decoration:none}
.hkss-panel .hkss-all:hover{background:#edf0ff}
.hkss-panel .hkss-all:focus-visible,.hkss-panel .hkss-item:focus-visible{outline:2px solid #001ee6;outline-offset:-2px}
.hkss-status{margin:0!important;padding:15px 18px 22px;font-size:12px;line-height:1.9;color:#7b879a}
.hkss-panel.is-loading .hkss-status:before{content:'';display:inline-block;vertical-align:middle;width:11px;height:11px;margin-inline-end:9px;border:1.5px solid #e0e5f8;border-top-color:#001ee6;border-radius:50%;animation:hkss-turn .7s linear infinite}
@keyframes hkss-turn{to{transform:rotate(360deg)}}
@media(max-width:600px){.hkss-panel{border-radius:12px}.hkss-heading{padding:13px 14px 9px}.hkss-list{padding:0 5px;max-height:52vh}.hkss-panel .hkss-item{grid-template-columns:44px minmax(0,1fr);gap:1px 10px;padding:10px 9px;min-height:76px}.hkss-image{grid-row:1/3;width:44px!important;height:44px!important}.hkss-name{font-size:12px;line-height:1.8}.hkss-price{grid-column:2;align-items:flex-start;font-size:11px;max-width:none}.hkss-price .hkss-stock{display:inline}.hkss-panel .hkss-all{margin:6px 10px 10px;padding:9px}}
@media(prefers-reduced-motion:reduce){.hkss-panel .hkss-item{transition:none}.hkss-panel.is-loading .hkss-status:before{animation:none}}