.cs3{position:relative;width:100%;margin-bottom:10px;color:#222;--cs3-accent:#235e91}
.cs3-form{display:flex;align-items:stretch;width:100%;border:1px solid #ccc;border-radius:5px;background:#fff}
.cs3-input{appearance:none;-webkit-appearance:none;min-width:0;width:100%;flex:1;border:0;background:transparent;padding:10px 12px;font:inherit;line-height:22px;color:inherit;border-radius:5px}
.cs3-input:focus{outline:2px solid var(--cs3-accent);outline-offset:-2px}
.cs3-submit{display:flex;align-items:center;justify-content:center;border:0;border-left:1px solid #ddd;background:#f6f6f6;border-radius:0 4px 4px 0;width:48px;flex:none;color:#333}
.cs3-submit:hover{background:#eee}
.cs3 [hidden]{display:none!important}
.cs3-panel{position:fixed;z-index:1100;box-sizing:border-box;border:1px solid #ddd;border-radius:8px;background:#fff;box-shadow:0 8px 28px #0002;overflow:auto;overscroll-behavior:contain;padding:12px;color:#222;-webkit-overflow-scrolling:touch}
.cs3-categories{display:flex;flex-wrap:wrap;gap:6px;border-bottom:1px solid #eee;padding-bottom:10px;margin-bottom:8px}
.cs3-category{font:inherit;color:#333;background:#f5f5f5;border:1px solid #ddd;border-radius:5px;padding:6px 9px;min-height:36px}
.cs3-category[aria-pressed=true]{color:#fff;background:var(--cs3-accent);border-color:var(--cs3-accent)}
.cs3-list{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:4px}
.cs3-item{display:flex;gap:10px;align-items:center;min-width:0;min-height:92px;padding:10px;border-radius:5px;color:#222;text-decoration:none;border:1px solid transparent}
.cs3-item:hover{background:#f5f8fb;color:#222;text-decoration:none;border-color:#dde7ee}
.cs3-item img{object-fit:contain;flex:none;max-width:45%}
.cs3-info{display:flex;flex-direction:column;min-width:0;gap:2px;overflow-wrap:anywhere}
.cs3-name{font-weight:600;line-height:1.4;color:var(--cs3-accent)}
.cs3-meta{font-size:12px;line-height:1.4;color:#555}
.cs3-price{margin-top:3px;font-weight:600;color:#222}
.cs3-old{font-weight:400;color:#666;text-decoration:line-through;margin-left:7px}
.cs3-all{display:block;text-align:center;border-top:1px solid #eee;margin-top:8px;padding:12px 8px 3px;color:var(--cs3-accent);font-weight:600;min-height:40px}
.cs3-message{padding:18px 10px;text-align:center;color:#555}
.cs3 button:focus-visible,.cs3 a:focus-visible{outline:2px solid var(--cs3-accent);outline-offset:2px}
.cs3-status{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}
@media(max-width:600px){.cs3-panel{padding:8px}.cs3-list{grid-template-columns:minmax(0,1fr)}.cs3-item{min-height:84px;padding:8px}.cs3-category{min-height:40px}.cs3-input{font-size:16px}.cs3-all{padding:14px 8px}}