/* Native modal; store tokens; 160ms fade. Reduced motion is immediate. */
.swf-page{max-width:1440px;margin:0 auto;padding:28px 24px 48px;min-height:60vh;color:var(--ink,#1f1f1f)}
.swf-breadcrumb{display:flex;gap:9px;align-items:center;font:13px/1.5 var(--font-body,ui-sans-serif,system-ui,sans-serif);color:#777;margin-bottom:16px}
.swf-breadcrumb a{color:inherit;text-decoration:none}.swf-breadcrumb a:hover{text-decoration:underline}
.swf-page-title{text-align:center;font-family:var(--font-heading,Poppins,ui-sans-serif,system-ui,sans-serif);font-size:34px;font-weight:600;line-height:1.3;letter-spacing:-.025em;margin:12px 0 28px;color:inherit}
.swf-page .suryus-finder{font-family:var(--font-body,ui-sans-serif,system-ui,-apple-system,"Segoe UI",Roboto,"Helvetica Neue",Arial,sans-serif);color:var(--ink,#202020);background:transparent}
.swf-page .finder-standalone{display:block;padding:0}
.swf-page .finder-top{position:static;padding:0 0 18px;border:0;background:transparent}
.swf-page .finder-heading,.swf-page .finder-form,.swf-page .finder-share{display:none}
.swf-page .finder-toolbar{margin:0;min-height:24px;gap:12px;font-size:12px;color:#777}
.swf-page .finder-results{padding:0;min-width:0}.swf-page .finder-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:24px 14px}
.swf-page .suryus-finder .finder-product{aspect-ratio:3/4;border-radius:12px;background:#f4f4f5;border:0;box-shadow:none}
.swf-page .finder-product img{background:transparent;object-fit:contain}
.swf-page .finder-caption{display:flex;align-items:center;min-height:28px;padding:8px 1px 0;gap:8px}
.swf-page .finder-caption strong{font-size:12px;font-weight:400;line-height:1.5;color:#69696e;overflow:hidden;white-space:nowrap;text-overflow:ellipsis;font-variant-numeric:tabular-nums}
.swf-page .finder-caption span{display:none}
.swf-page .finder-sentinel{font-size:12px;color:#777;padding:24px 12px;min-height:56px}.swf-page .finder-empty{min-height:340px}
.swf-page .finder-skeleton{aspect-ratio:3/4;border-radius:12px;background:#f4f4f5}
.swf-page .finder-error{font-size:13px;line-height:1.5;border-radius:10px;background:#fcfaf7;color:#785a3e;border-color:#e9e1d7}
.swf-page .finder-error button{flex-shrink:0;font:inherit;border-radius:8px;min-height:36px;padding:7px 12px}
.swf-page .suryus-finder button:focus-visible{outline:2px solid #747478;outline-offset:3px;box-shadow:none}
.swf-query-bar{display:flex;align-items:center;justify-content:center;gap:10px;margin:-12px 0 24px;color:#666;font:13px/1.5 var(--font-body,ui-sans-serif,system-ui,sans-serif)}
.swf-query-bar [data-swf-query]{max-width:75%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.swf-edit-search{appearance:none;display:grid;place-items:center;width:30px;height:30px;border:1px solid #e3e3e6;border-radius:50%;background:#fff;color:#444;padding:6px;cursor:pointer}
.swf-edit-search:hover{background:#f1f1f2}.swf-edit-search:focus-visible{outline:2px solid #777;outline-offset:3px}
.swf-tab{box-sizing:border-box;position:fixed;left:0;top:calc(56% - 48px);z-index:10000;display:grid;place-items:center;width:36px;height:36px;padding:0;border:1px solid #e0e0e3;border-left:0;border-radius:0 9px 9px 0;background:#fff;color:#242426;text-decoration:none;box-shadow:0 2px 8px #00000009;transition:background-color 160ms,color 160ms}
.swf-tab:hover{background:#f2f2f3;color:#000}.swf-tab:focus-visible{outline:2px solid #777;outline-offset:3px}
.swf-tab svg,.swf-close svg,.swf-edit-search svg,.swf-search-form svg{width:19px;height:19px;fill:none;stroke:currentColor;stroke-width:1.5;stroke-linecap:round;stroke-linejoin:round}
.swf-dialog{box-sizing:border-box;width:min(560px,calc(100vw - 40px));height:fit-content;min-height:0;margin:auto;max-width:none;max-height:calc(100dvh - 48px);padding:0;border:1px solid #e9e9eb;border-radius:16px;background:#fff;color:var(--ink,#202020);box-shadow:0 16px 50px #00000026;font:14px/1.5 var(--font-body,ui-sans-serif,system-ui,sans-serif);overflow:auto}
.swf-dialog:not([open]){display:none}.swf-dialog[open]{display:block;animation:swf-appear 160ms ease-out}.swf-dialog::backdrop{background:#14141466}
.swf-dialog[data-closing]{animation:swf-close 160ms ease-in forwards;pointer-events:none}
.swf-dialog-bar{display:flex;align-items:center;justify-content:space-between;gap:16px;padding:24px 26px 8px;border:0;background:#fff}
.swf-dialog-bar h2{margin:0;font-family:var(--font-heading,Poppins,ui-sans-serif,system-ui,sans-serif);font-size:24px;font-weight:500;line-height:1.3;letter-spacing:-.025em;color:inherit}
.swf-close{appearance:none;display:grid;place-items:center;width:36px;height:36px;border:0;border-radius:50%;background:#f5f5f6;color:#333;cursor:pointer;padding:8px;transition:background-color 160ms}
.swf-close:hover{background:#eaeaec}.swf-close:focus-visible,.swf-loading button:focus-visible{outline:2px solid #777;outline-offset:2px}
[data-swf-modal-root]{padding:12px 26px 28px}.swf-search-form{position:relative;display:flex;align-items:center;gap:10px;margin:0}
.swf-search-field{box-sizing:border-box;display:flex;align-items:center;gap:10px;width:100%;height:50px;border:1px solid #dcdce1;border-radius:12px;padding:0 58px 0 14px;background:#fff;color:#777;transition:border-color 160ms}
.swf-search-field:hover{border-color:#aaa}.swf-search-field:focus-within{border-color:#555}
.swf-search-form .swf-search-field input{appearance:none;box-sizing:border-box;width:100%;min-width:0;height:46px;margin:0;padding:0;border:0;border-radius:0;background:transparent;box-shadow:none;outline:0;font:14px/1.5 var(--font-body,ui-sans-serif,system-ui,sans-serif);color:#202020}
.swf-search-field input::placeholder{color:#8b8b91;opacity:1}
.swf-search-field input::-webkit-search-cancel-button,.swf-search-field input::-webkit-search-decoration{appearance:none;display:none}
.swf-search-field input::-ms-clear{display:none}
.swf-search-form:has(.swf-clear-search:not([hidden])) .swf-search-field{padding-right:98px}
.swf-search-form .swf-clear-search{appearance:none;position:absolute;right:48px;top:5px;display:grid;place-items:center;width:40px;height:40px;padding:0;border:0;border-radius:50%;background:transparent;color:#777;cursor:pointer;box-shadow:none;transition:background-color 160ms,color 160ms}
.swf-search-form .swf-clear-search[hidden]{display:none}
.swf-clear-search svg{width:16px;height:16px}.swf-search-form .swf-clear-search:hover{background:#f4f4f5;color:#252525}
.swf-search-form .swf-clear-search:focus-visible{outline:2px solid #777;outline-offset:-3px}
.swf-search-form .swf-submit{appearance:none;position:absolute;right:6px;top:6px;display:grid;place-items:center;width:38px;height:38px;padding:0;border:0;border-radius:50%;background:#202020;color:#fff;cursor:pointer;transition:background-color 160ms}
.swf-submit:hover{background:#444}.swf-submit:focus-visible{outline:2px solid #777;outline-offset:3px}.swf-submit:disabled{opacity:.5;cursor:default}
.swf-search-note{margin:12px 1px 0;color:#85858b;font-size:12px;line-height:1.6}
.swf-loading{display:flex;align-items:center;justify-content:center;gap:16px;min-height:220px;padding:24px;color:#666;font:14px/1.5 var(--font-body,ui-sans-serif,system-ui,sans-serif)}
.swf-loading button{appearance:none;font:inherit;border:1px solid #ddd;border-radius:8px;background:#fff;color:#222;padding:9px 14px;cursor:pointer}.swf-loading button:hover{background:#f5f5f5}
@keyframes swf-appear{from{opacity:0;transform:translateY(3px)}to{opacity:1;transform:none}}@keyframes swf-close{from{opacity:1;transform:none}to{opacity:0;transform:translateX(-12px)}}
@media(min-width:1400px){.swf-page .finder-grid{grid-template-columns:repeat(5,minmax(0,1fr))}}
@media(max-width:1000px){.swf-page .finder-grid{grid-template-columns:repeat(3,minmax(0,1fr))}}
@media(max-width:700px){.swf-page{padding:12px 16px 28px}.swf-breadcrumb{font-size:12px;margin-bottom:14px}.swf-page-title{font-size:26px;margin:12px 0 24px}.swf-page .finder-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:20px 12px}.swf-page .finder-caption strong{font-size:11px}.swf-page .finder-top{padding-bottom:14px}.swf-page .finder-error{align-items:flex-start}.swf-dialog{width:calc(100vw - 28px);border-radius:14px}.swf-dialog-bar{padding:20px 20px 6px}.swf-dialog-bar h2{font-size:22px}[data-swf-modal-root]{padding:12px 20px 24px}.swf-search-form .swf-search-field input{font-size:16px}.swf-tab{width:34px;height:34px;top:calc(56% - 44px)}.swf-query-bar{margin-top:-10px;margin-bottom:18px}}
@media(prefers-reduced-motion:reduce){.swf-tab,.swf-close,.swf-dialog[open],.swf-dialog[data-closing],.swf-search-field,.swf-submit,.swf-search-form .swf-clear-search{animation:none;transition:none}}