.frk-sfs{position:fixed;inset:0;z-index:999999;display:flex;align-items:flex-end;justify-content:center;padding:20px;background:rgba(10,14,20,.16);opacity:0;visibility:hidden;pointer-events:none;transition:opacity .22s ease,visibility .22s ease;font-family:inherit;contain:layout style}
.frk-sfs.is-visible{opacity:1;visibility:visible;pointer-events:auto}
.frk-sfs-panel{width:min(920px,100%);max-height:min(82vh,760px);position:relative;background:rgba(255,255,255,.985);border:1px solid rgba(17,24,39,.08);box-shadow:0 22px 68px rgba(15,23,42,.20);border-radius:22px;padding:22px;transform:translateY(18px);transition:transform .26s cubic-bezier(.2,.8,.2,1);overflow:hidden;will-change:transform}
.frk-sfs.is-visible .frk-sfs-panel{transform:translateY(0)}
.frk-sfs-close{position:absolute;left:16px;top:14px;width:34px;height:34px;border:0;border-radius:50%;background:#f3f4f6;color:#111827;font-size:24px;line-height:32px;cursor:pointer}
.frk-sfs-close:hover{background:#e5e7eb}
.frk-sfs-kicker{display:flex;align-items:center;gap:8px;color:#667085;font-size:12px;font-weight:700;margin-bottom:7px}.frk-sfs-kicker span{width:7px;height:7px;border-radius:50%;background:#f59e0b;box-shadow:0 0 0 5px rgba(245,158,11,.12)}
.frk-sfs h3{margin:0 0 5px;font-size:22px;line-height:1.5;color:#111827;font-weight:900;padding-left:45px}.frk-sfs-sub{margin:0 0 16px;color:#667085;font-size:13px}
.frk-sfs-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;max-height:min(54vh,480px);overflow:auto;overscroll-behavior:contain;padding-left:3px;scrollbar-width:thin}
.frk-sfs-card{display:grid;grid-template-columns:104px minmax(0,1fr);gap:11px;text-decoration:none!important;color:inherit!important;background:#fff;border:1px solid #eaecf0;border-radius:16px;padding:9px;transition:transform .16s ease,border-color .16s ease,box-shadow .16s ease;content-visibility:auto;contain-intrinsic-size:120px}
.frk-sfs-card:hover{transform:translateY(-1px);border-color:#d0d5dd;box-shadow:0 7px 20px rgba(15,23,42,.07)}
.frk-sfs-media{position:relative;background:#f8fafc;border-radius:12px;min-height:104px;overflow:hidden;display:flex;align-items:center;justify-content:center}.frk-sfs-media img{width:100%;height:104px;object-fit:contain}.frk-sfs-badge{position:absolute;right:6px;top:6px;background:#111827;color:#fff;border-radius:999px;padding:4px 7px;font-size:9px;font-weight:800}
.frk-sfs-cardbody{min-width:0;display:flex;flex-direction:column;padding:3px 0}.frk-sfs-type{font-size:10px;color:#98a2b3;margin-bottom:4px}.frk-sfs-title{font-size:13px;line-height:1.6;font-weight:800;color:#101828;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.frk-sfs-bottom{margin-top:auto;display:flex;align-items:flex-end;justify-content:space-between;gap:8px}.frk-sfs-price{font-size:12px;font-weight:800;color:#101828}.frk-sfs-price del{font-size:10px;color:#98a2b3;font-weight:500}.frk-sfs-price ins{text-decoration:none}.frk-sfs-buy{font-size:10px;font-weight:800;color:#fff;background:#111827;padding:7px 9px;border-radius:9px;white-space:nowrap}
.frk-sfs-progress{height:3px;background:#f2f4f7;margin:16px -22px -22px;overflow:hidden}.frk-sfs-progress i{display:block;height:100%;background:#111827;transform-origin:right;transform:scaleX(1);transition-property:transform;transition-timing-function:linear}
@media (min-width:900px){.frk-sfs-grid[data-count="1"]{grid-template-columns:1fr}.frk-sfs-grid[data-count="1"] .frk-sfs-card{max-width:450px}}
@media(max-width:640px){.frk-sfs{padding:10px}.frk-sfs-panel{max-height:88vh;border-radius:20px;padding:17px}.frk-sfs h3{font-size:18px;line-height:1.55}.frk-sfs-sub{font-size:12px}.frk-sfs-grid{grid-template-columns:1fr;max-height:58vh}.frk-sfs-card{grid-template-columns:88px minmax(0,1fr)}.frk-sfs-media{min-height:88px}.frk-sfs-media img{height:88px}.frk-sfs-progress{margin:14px -17px -17px}}
@media (prefers-reduced-motion:reduce){.frk-sfs,.frk-sfs-panel,.frk-sfs-card,.frk-sfs-progress i{transition:none!important}}
/* Keep long custom labels inside the card on small screens. */
.frk-sfs,.frk-sfs *{box-sizing:border-box}
.frk-sfs-badge{max-width:calc(100% - 12px);white-space:normal;overflow-wrap:anywhere}
.frk-sfs-buy{white-space:normal;overflow-wrap:anywhere;text-align:center;max-width:100%}
.frk-sfs-kicker,.frk-sfs h3,.frk-sfs-sub,.frk-sfs-type{overflow-wrap:anywhere}
.frk-sfs-kicker{padding-left:42px}