html.ffn-search-open{overflow:hidden}
.ffn-nav .ffn-search-trigger{display:flex;align-items:center;justify-content:center;width:32px;min-height:44px;padding:0;border:0;background:none;color:#fff;cursor:pointer}
.ffn-glass-dialog{box-sizing:border-box;position:fixed;inset:var(--ffn-search-top,110px) max(24px,calc((100vw - 1440px)/2)) auto auto;margin:0;width:min(580px,calc(100vw - 40px));max-width:none;max-height:calc(100dvh - var(--ffn-search-top,110px) - 20px);padding:26px;border:1px solid #ffffff45;border-radius:24px;background:linear-gradient(135deg,#303432d9,#151918ed);color:#fff;box-shadow:inset 0 1px 0 #ffffff30,0 28px 80px #0005;backdrop-filter:blur(28px) saturate(140%);-webkit-backdrop-filter:blur(28px) saturate(140%);overflow:auto;overscroll-behavior:contain;font-family:var(--font-body-family),sans-serif}
.ffn-glass-dialog::backdrop{background:#05080735}
.ffn-glass-dialog[open]{animation:ffn-glass-enter .22s ease-out}
.ffn-glass-top{display:flex;align-items:center;justify-content:space-between;gap:16px;margin-bottom:18px;font-size:11px;font-weight:700;letter-spacing:.12em}
.ffn-glass-dialog button{box-shadow:none!important;cursor:pointer}
.ffn-nav .ffn-glass-dialog .ffn-glass-top button,.ffn-nav .ffn-glass-dialog .ffn-glass-form button{display:grid;place-items:center;width:44px;height:44px;flex-shrink:0;padding:10px;background:#ffffff0c;border:1px solid #ffffff25;border-radius:50%;color:#fff!important}
.ffn-glass-dialog svg{width:22px;height:22px}
.ffn-glass-form{display:flex;align-items:center;gap:10px;padding:8px 10px 8px 18px;background:#ffffff0c;border:1px solid #ffffff59;border-radius:16px}
.ffn-glass-form:focus-within{border-color:#fff;background:#ffffff14}
.ffn-glass-dialog input{width:100%;min-width:0;padding:8px 0;background:transparent;border:0;outline:0!important;box-shadow:none!important;color:#fff;font:400 18px/1.4 var(--font-body-family),sans-serif;appearance:none}
.ffn-glass-dialog input::placeholder{color:#e0e3e0;opacity:1}.ffn-glass-dialog input::-webkit-search-cancel-button{cursor:pointer;filter:grayscale(1) brightness(3)}
.ffn-glass-dialog .ffn-glass-hint{font-size:12px;line-height:1.6;color:#ccd2cd;margin:12px 0 24px}
.ffn-glass-discover>span{font-size:10px;letter-spacing:.12em;color:#c4ccc5}.ffn-glass-discover>div{display:flex;gap:8px;flex-wrap:wrap;margin-top:12px}
.ffn-nav .ffn-glass-dialog .ffn-glass-discover button{padding:9px 14px;min-height:40px;border:1px solid #ffffff30;border-radius:22px;background:transparent;color:#fff!important;font-size:12px}
.ffn-nav .ffn-glass-dialog button:hover{background:#ffffff20!important;color:#fff!important;transform:none}
.ffn-nav .ffn-glass-dialog button:focus-visible,.ffn-nav .ffn-glass-dialog a:focus-visible{outline:2px solid white;outline-offset:2px}
.ffn-glass-status{color:#d4dbd5;font-size:12px;line-height:1.6;margin:18px 0 10px}.ffn-glass-status:empty{display:none}
.ffn-glass-product-list{list-style:none;margin:0;padding:0;display:grid;gap:8px}
.ffn-nav a.ffn-glass-product{display:flex;gap:16px;align-items:center;padding:10px;border:1px solid #ffffff14;border-radius:14px;background:#ffffff06;color:#fff!important;text-decoration:none;transition:background .2s,border-color .2s}
.ffn-nav a.ffn-glass-product:hover{background:#ffffff12;border-color:#ffffff45;color:#fff!important}
.ffn-glass-product img{width:72px;height:78px;object-fit:contain;flex-shrink:0;border-radius:8px;background:#111}
.ffn-glass-product-copy{display:grid;gap:8px;min-width:0;font-size:13px;line-height:1.45}.ffn-glass-product-copy>span{display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.ffn-glass-product-copy strong{font-size:13px;font-weight:600;color:#e4e9e4}.ffn-glass-product-arrow{margin-left:auto}
@keyframes ffn-glass-enter{from{opacity:0;transform:translateY(-8px)}to{opacity:1;transform:none}}
@media(max-width:760px){.ffn-glass-dialog{inset:var(--ffn-search-top,85px) 12px auto;width:calc(100vw - 24px);padding:18px;border-radius:20px}.ffn-glass-dialog input{font-size:16px}.ffn-glass-top{margin-bottom:12px}.ffn-glass-product img{width:60px;height:66px}.ffn-glass-product{gap:12px}.ffn-glass-product-arrow svg{width:17px}.ffn-glass-product-copy{font-size:12px}.ffn-nav .ffn-search-trigger svg{width:18px;height:18px}}
@media(prefers-reduced-motion:reduce){.ffn-glass-dialog[open]{animation:none}}
