/* fo.css (4 Nov 2026): ONE search / sort / filter bar on every page = the shop bar (her XD: round icon buttons, pink offset shadow). Same values as shop.css. */
.fo-ssf{display:flex;align-items:center;gap:16px;margin:0 0 16px;position:relative;z-index:5}
.fo-ssf .fo-b{position:relative;width:40px;height:40px;border-radius:50%;border:0;background:#fff;box-shadow:2px 1px 0 #DB2A6B;cursor:pointer;display:flex;align-items:center;justify-content:center;flex:none;padding:0}
.fo-ssf .fo-b img{width:20px;height:20px;object-fit:contain}
.fo-ssf .fo-b svg{width:24px;height:24px;fill:none;stroke:#333;stroke-width:1.6;stroke-linecap:round}
.fo-ssf .fo-b .dot{position:absolute;right:-3px;top:-5px;width:14px;height:14px;border-radius:50%;background:#00FF22}
.fo-ssf .fo-count{margin:0;font-size:16px;color:#666;font-weight:600;font-family:inherit}
.fo-ssf .fo-r{margin-left:auto;display:flex;align-items:center;gap:12px}
.fo-ssf .fo-sbox{width:0;overflow:hidden;transition:width .25s ease;margin:0}
.fo-ssf .fo-sbox.open{width:min(320px,52vw)}
.fo-ssf .fo-sbox input{width:100%;height:40px;border:1px solid #CFCFCF;border-radius:16px;padding:0 16px;font-size:16px;box-sizing:border-box;background:#fff}
.fo-ssf .fo-sortw{position:relative}
.fo-ssf .fo-sortm{position:absolute;right:0;top:48px;z-index:30;background:#fff;border:1px solid #707070;border-radius:16px;padding:8px;display:flex;flex-direction:column;min-width:190px}
.fo-ssf .fo-sortm[hidden]{display:none}
.fo-ssf .fo-sortm button{border:0;background:none;text-align:left;padding:12px;font-weight:600;font-size:16px;color:#444;border-radius:8px;cursor:pointer;font-family:inherit}
.fo-ssf .fo-sortm button[aria-checked=true]{color:#DB2A6B}
.fo-ssf .fo-sortm button:hover{background:#F2F2F2}
.fo-vh{position:absolute!important;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}
.fo-off{display:none!important}
.fo-panel{margin:0 0 16px}
@media (max-width:599px){.fo-ssf{flex-wrap:wrap;gap:12px}.fo-ssf .fo-b{width:44px;height:44px}.fo-ssf .fo-count{order:3;width:100%}.fo-ssf .fo-r{min-width:0;flex:1;justify-content:flex-end}.fo-ssf .fo-sbox.open{width:auto;flex:1;min-width:0}}
.fo-panel .b33-search{display:none!important}
.rc-ai{display:none!important}
.fm-hd{justify-content:flex-start!important;text-align:left!important;align-items:flex-start!important}.fm-hd>div{margin-left:0!important;text-align:left!important}
@media (max-width:1199px){#sr-rec.bn3{padding-bottom:12px!important}}