.ss-bar-wrap{width:calc(100% - 2 * clamp(12px,3vw,40px));max-width:1280px;margin:clamp(10px,2vw,20px) auto clamp(20px,3vw,32px);padding:0;box-sizing:border-box}
.ss-bar{display:flex;align-items:center;gap:12px;width:100%;height:40px;min-height:0;padding:0 3px 0 14px;line-height:1;border:1px solid #797b74;border-radius:3px;background:#fff;color:#767a72;font:inherit;font-size:15px;text-align:left;cursor:pointer;box-sizing:border-box}
.ss-bar:hover{border-color:#b9bdb3}
.ss-bar:focus-visible{outline:3px solid #986321;outline-offset:2px}
.ss-bar>span:not(.ss-go){flex:1;display:flex;align-items:center;height:100%;line-height:1;padding:0;margin:0}
.ss-bar svg,.ss-search svg,.ss-row svg,.ss-del svg,.ss-close svg{width:20px;height:20px;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round;flex:none}
.ss-go{display:grid;place-items:center;width:32px;height:32px;border-radius:2px;background:#20221f;color:#fff}
html.ss-lock{overflow:hidden}
.ss-overlay{position:fixed;inset:0;z-index:1000;display:flex;flex-direction:column;background:rgba(248,248,245,.88);-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);color:#222}
.ss-overlay[hidden]{display:none}
.ss-top{display:flex;align-items:center;gap:10px;padding:14px clamp(16px,3vw,40px);border-bottom:1px solid #d8dbd3;background:rgba(255,255,255,.7)}
.ss-top form{flex:1;min-width:0;max-width:900px;margin:0 auto}
.ss-search{display:flex;align-items:center;gap:10px;min-height:52px;padding:0 18px;border:2px solid #986321;border-radius:3px;background:#fff;color:#767a72;box-sizing:border-box}
.ss-search input{flex:1;min-width:0;border:0;outline:0;background:transparent;color:#222;font:inherit;font-size:16px}
.ss-search input::-webkit-search-cancel-button{display:none}
.ss-close{display:grid;place-items:center;width:48px;height:48px;border:1px solid #797b74;border-radius:3px;background:#fff;color:#222;cursor:pointer;flex:none}
.ss-close:focus-visible,.ss-row:focus-visible,.ss-del:focus-visible,.ss-item:focus-visible,.ss-clear:focus-visible{outline:3px solid #986321;outline-offset:-3px}
.ss-body{flex:1;overflow-y:auto;-webkit-overflow-scrolling:touch;width:100%;max-width:900px;margin:0 auto;padding:18px clamp(16px,3vw,40px) 40px;box-sizing:border-box}
.ss-head{display:flex;align-items:center;justify-content:space-between;gap:12px}
.ss-body h3{margin:10px 0 6px;font-size:16px;font-weight:700}
.ss-title{margin-top:28px!important}
.ss-clear{border:0;background:none;color:#767a72;font:inherit;font-size:13px;text-decoration:underline;cursor:pointer;padding:8px 0}
.ss-list{list-style:none;margin:0;padding:0}
.ss-list li{display:flex;align-items:center}
.ss-row{flex:1;display:flex;align-items:center;gap:14px;min-height:52px;padding:0;border:0;background:none;color:#222;font:inherit;font-size:16px;text-align:left;cursor:pointer}
.ss-row svg{color:#767a72}
.ss-del{display:grid;place-items:center;width:44px;height:44px;border:0;background:none;color:#767a72;cursor:pointer}
.ss-count{margin:4px 0 12px;font-size:14px;color:#555}
.ss-note{font-size:13px;color:#767a72}
.ss-results{list-style:none;margin:0;padding:0;display:grid;gap:10px}
.ss-item{display:flex;gap:14px;align-items:center;padding:10px;border:1px solid #d8dbd3;border-radius:10px;background:#fff;color:inherit;text-decoration:none}
.ss-item:hover{border-color:#b9bdb3}
.ss-item img{width:72px;height:72px;flex:none;object-fit:contain;border-radius:6px;background:#f4f3f1}
.ss-text{display:flex;flex-direction:column;gap:3px;min-width:0}
.ss-text strong{font-size:15px;line-height:1.4}
.ss-text small{font-size:12px;line-height:1.5;color:#555}
.ss-kind{font-size:11px;letter-spacing:.06em;color:#767a72}
.ss-price{font-size:13px;font-weight:600}
.ss-more{display:inline-block;margin-top:20px;color:#986321;font-size:14px;font-weight:600}
.ss-overlay button,.ss-overlay a{box-shadow:none!important;transform:none!important;translate:none!important;scale:none!important;font-weight:inherit}
.ss-overlay .ss-item{transition:border-color .15s}
.ss-bar{translate:none!important;scale:none!important;padding-top:0!important;padding-bottom:0!important}
.qn{margin:10px calc(-1 * clamp(12px,3vw,40px)) 0}
.qn ul{display:flex;gap:8px;margin:0;padding:0 clamp(12px,3vw,40px) 4px;list-style:none;overflow-x:auto;scrollbar-width:none;-webkit-overflow-scrolling:touch}
.qn ul::-webkit-scrollbar{display:none}
.qn li{flex:none}
.qn a{display:flex;align-items:center;justify-content:center;height:34px;padding:1px 14px 0;border:1px solid #797b74;border-radius:3px;background:#fff;color:#222;font-size:13px;line-height:1;white-space:nowrap;text-decoration:none;box-sizing:border-box;translate:none!important;scale:none!important;box-shadow:none!important}
.qn a:hover{background:#f4f3f1}
.qn a:focus-visible{outline:3px solid #986321;outline-offset:2px}
.qn-intro{margin:clamp(20px,3vw,28px) 0 0}
.qn-intro h2{margin:0 0 6px;font-size:15px;line-height:1.5;font-weight:700;letter-spacing:.02em;color:#222}
.qn-intro p{margin:0;font-size:12px;line-height:1.7;color:#767a72}
.qn{margin-top:14px}