.ff-directory{--ff-red:#c90013;--ff-ink:#0a1118;--ff-muted:#66707a;--ff-paper:#f7f5f1;--ff-line:#e7e2dc;color:var(--ff-ink);font-family:inherit}.ff-directory *{box-sizing:border-box}.ff-directory-intro{background:var(--ff-ink);color:#fff;border-radius:24px;padding:clamp(28px,5vw,64px);margin-bottom:22px;overflow:hidden;position:relative}.ff-directory-intro:after{content:"";position:absolute;width:230px;height:230px;border:42px solid var(--ff-red);border-radius:50%;right:-85px;top:-105px;opacity:.9}.ff-directory-kicker{display:inline-block;text-transform:uppercase;letter-spacing:.14em;font-size:12px;font-weight:800;color:#ff3346}.ff-directory-intro h1{font-size:clamp(38px,6vw,72px);line-height:.98;letter-spacing:-.045em;margin:10px 0 14px;max-width:760px;color:#fff}.ff-directory-intro p{font-size:clamp(16px,2vw,20px);max-width:720px;color:#dce0e4;margin:0}.ff-preview-flag{display:inline-flex;margin-top:20px;border:1px solid rgba(255,255,255,.25);padding:7px 10px;border-radius:999px;font-size:12px;color:#fff}.ff-directory-form{background:#fff;border:1px solid var(--ff-line);border-radius:20px;padding:16px;box-shadow:0 16px 45px rgba(15,19,24,.07)}.ff-search-main{display:grid;grid-template-columns:minmax(220px,2fr) minmax(190px,1fr) auto auto;gap:10px;align-items:end}.ff-directory label span,.ff-filter-select>span{display:block;font-size:12px;font-weight:800;text-transform:uppercase;letter-spacing:.06em;margin:0 0 6px;color:#4e5861}.ff-directory input[type=search],.ff-directory select{width:100%;height:48px;border:1px solid #d9d5cf;border-radius:12px;background:#fff;color:var(--ff-ink);padding:0 13px;font-size:15px}.ff-near-me,.ff-search-submit{height:48px;border:0;border-radius:12px;padding:0 18px;font-weight:800;cursor:pointer}.ff-near-me{background:#f0efec;color:var(--ff-ink)}.ff-search-submit{background:var(--ff-red);color:#fff;min-width:110px}.ff-filter-row{display:grid;grid-template-columns:repeat(5,minmax(120px,1fr)) auto;gap:10px;align-items:end;margin-top:12px}.ff-filter-check{display:flex!important;align-items:center;gap:7px;height:48px;white-space:nowrap;padding:0 6px}.ff-filter-check span{margin:0!important;text-transform:none!important;letter-spacing:0!important;font-size:13px!important}.ff-directory-toolbar{display:flex;justify-content:space-between;align-items:center;gap:15px;margin:28px 0 14px}.ff-directory-toolbar>div:first-child{color:var(--ff-muted)}.ff-directory-toolbar strong{color:var(--ff-ink);font-size:18px}.ff-view-switch{display:flex;background:#eceae6;border-radius:999px;padding:3px}.ff-view-switch button{border:0;background:transparent;border-radius:999px;padding:7px 15px;font-weight:800;cursor:pointer;color:#56606a}.ff-view-switch button.is-active{background:#fff;color:var(--ff-ink);box-shadow:0 2px 7px rgba(0,0,0,.08)}.ff-directory-results{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px}.ff-restaurant-card{overflow:hidden;border:1px solid var(--ff-line);border-radius:20px;background:#fff;box-shadow:0 10px 30px rgba(15,19,24,.055);transition:transform .18s ease,box-shadow .18s ease}.ff-restaurant-card:hover{transform:translateY(-3px);box-shadow:0 18px 40px rgba(15,19,24,.095)}.ff-card-media{height:210px;position:relative;background:#dad7d1;overflow:hidden}.ff-card-media img{width:100%;height:100%;object-fit:cover}.ff-card-placeholder{height:100%;display:grid;place-content:center;text-align:center;background:linear-gradient(135deg,#121b24,#070b10);color:#fff}.ff-card-placeholder>span{font-size:30px;font-weight:900;letter-spacing:-.06em}.ff-card-placeholder>span span{color:var(--ff-red)}.ff-card-placeholder small{color:#aab1b8;margin-top:4px}.ff-card-badges{position:absolute;left:12px;top:12px;display:flex;gap:6px;align-items:center}.ff-draft-pill{background:#fff;color:#111;border-radius:999px;padding:.32em .7em;font-size:11px;font-weight:800;box-shadow:0 2px 8px rgba(0,0,0,.12)}.ff-card-body{padding:17px}.ff-card-meta{display:flex;justify-content:space-between;gap:12px;color:var(--ff-muted);font-size:12px;font-weight:700}.ff-card-body h2{font-size:24px;line-height:1.08;letter-spacing:-.025em;margin:8px 0 6px}.ff-card-cuisine{min-height:20px;color:#535d66;margin:0 0 15px}.ff-card-signals{display:flex;flex-wrap:wrap;gap:7px;margin:0 0 16px}.ff-card-rating,.ff-card-price,.ff-card-distance{display:inline-flex;align-items:center;border-radius:999px;background:var(--ff-paper);padding:6px 9px;font-size:12px;color:#4f5962}.ff-card-rating b{font-size:14px;color:var(--ff-red);margin-right:4px}.ff-rating-pending{color:#7a838a}.ff-card-actions{display:flex;gap:8px}.ff-card-actions a{display:inline-flex;align-items:center;justify-content:center;min-height:42px;border-radius:11px;padding:0 13px;font-size:13px;font-weight:800;text-decoration:none}.ff-card-primary{background:var(--ff-ink);color:#fff;flex:1}.ff-card-primary:hover{background:var(--ff-red);color:#fff}.ff-card-secondary{border:1px solid #d9d5cf;color:var(--ff-ink)}.ff-empty-state{grid-column:1/-1;background:var(--ff-paper);border-radius:20px;padding:40px;text-align:center}.ff-empty-state h2{margin-top:0}.ff-directory-map{border-radius:24px;overflow:hidden}.ff-map-stage{min-height:560px;background:linear-gradient(135deg,#e8e4dc,#f6f4ef);position:relative;display:grid;place-content:center;text-align:center;padding:50px;border:1px solid #dfdad2}.ff-map-stage h2{font-size:38px;letter-spacing:-.03em;margin:4px 0 10px}.ff-map-stage p{max-width:620px;color:#5a646d}.ff-map-eyebrow{font-weight:900;color:var(--ff-red);text-transform:uppercase;letter-spacing:.1em;font-size:12px}.ff-map-pins i{position:absolute;width:22px;height:22px;background:var(--ff-red);border:5px solid #fff;border-radius:50% 50% 50% 0;transform:rotate(-45deg);box-shadow:0 5px 12px rgba(0,0,0,.18)}.ff-map-pins i:nth-child(1){left:18%;top:27%}.ff-map-pins i:nth-child(2){left:72%;top:34%}.ff-map-pins i:nth-child(3){left:49%;top:69%}.ff-map-pins i:nth-child(4){left:31%;top:57%}.ff-map-pins i:nth-child(5){left:81%;top:70%}.ff-directory-more{text-align:center;padding:22px;color:var(--ff-muted)}

.ff-search-field{position:relative}.ff-search-field>label{display:block}.ff-search-input-wrap{position:relative}.ff-search-input-wrap .ff-search-icon{position:absolute;left:14px;top:50%;transform:translateY(-50%);font-size:17px;opacity:.65;pointer-events:none}.ff-search-field input[type=search]{padding-left:42px}.ff-search-suggestions{position:absolute;z-index:80;left:0;right:0;top:calc(100% + 8px);max-height:min(520px,70vh);overflow:auto;background:#fff;border:1px solid var(--ff-line);border-radius:18px;box-shadow:0 24px 70px rgba(10,17,24,.18);padding:9px}.ff-suggest-group>span{display:block;padding:9px 11px 5px;color:#7b838b;font-size:11px;font-weight:900;letter-spacing:.09em;text-transform:uppercase}.ff-suggest-option{display:flex;align-items:center;gap:12px;padding:9px 10px;border-radius:12px;color:var(--ff-ink);text-decoration:none}.ff-suggest-option:hover,.ff-suggest-option.is-active{background:var(--ff-paper);color:var(--ff-ink)}.ff-suggest-option img,.ff-suggest-thumb{width:54px;height:54px;border-radius:10px;object-fit:cover;flex:0 0 54px}.ff-suggest-thumb-placeholder{display:grid;place-items:center;background:var(--ff-ink);color:var(--ff-red);font-weight:900;text-transform:uppercase}.ff-suggest-copy{display:flex;min-width:0;flex:1;flex-direction:column}.ff-suggest-copy strong{font-size:15px;line-height:1.25}.ff-suggest-copy small{margin-top:3px;color:#67717a;font-size:12px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.ff-suggest-verified{display:inline-grid;place-items:center;width:17px;height:17px;margin-left:3px;border-radius:50%;background:var(--ff-red);color:#fff;font-size:11px;vertical-align:1px}.ff-suggest-discovery{border-top:1px solid var(--ff-line);margin-top:4px;padding-top:3px}.ff-suggest-term{padding-top:8px;padding-bottom:8px}.ff-suggest-term-icon{display:grid;place-items:center;width:38px;height:38px;border-radius:50%;background:var(--ff-paper);font-size:16px;flex:0 0 38px}.ff-suggest-search-all{display:flex;align-items:center;gap:8px;margin-top:5px;padding:12px;border-top:1px solid var(--ff-line);color:var(--ff-red);font-size:13px;text-decoration:none}.ff-suggest-search-all:hover{color:var(--ff-ink)}.ff-suggest-loading,.ff-suggest-empty{padding:16px;color:#68717a;font-size:13px}.ff-search-suggestions[hidden]{display:none!important}
@media(max-width:980px){.ff-search-main{grid-template-columns:1fr 1fr}.ff-filter-row{grid-template-columns:repeat(3,1fr)}.ff-directory-results{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:640px){.ff-directory-intro{border-radius:18px;padding:30px 22px}.ff-search-main,.ff-filter-row{grid-template-columns:1fr}.ff-directory-form{padding:12px}.ff-directory-toolbar{align-items:flex-end}.ff-directory-results{grid-template-columns:1fr}.ff-card-media{height:225px}.ff-map-stage{min-height:430px;padding:30px 20px}.ff-map-stage h2{font-size:30px}.ff-view-switch button{padding:7px 12px}}

/* v0.4 live map + paging */
.ff-directory-map{position:relative;min-height:560px;background:#ebe7e0;border:1px solid #dfdad2}.ff-directory-map .ff-map-stage{position:absolute;inset:0;min-height:560px;padding:0;border:0;background:#e8e4dc}.ff-directory-map .ff-map-stage.is-loading:after{content:"Loading map…";position:absolute;inset:0;display:grid;place-items:center;background:rgba(247,245,241,.82);font-weight:850;color:#59636c}.ff-map-message{position:relative;z-index:2;max-width:620px;margin:0 auto;min-height:560px;display:grid;place-content:center;text-align:center;padding:48px 28px}.ff-map-message h2{font-size:38px;letter-spacing:-.03em;margin:5px 0 10px}.ff-map-message p{margin:0;color:#5a646d}.ff-map-card{display:flex;gap:10px;max-width:280px;padding:2px}.ff-map-card img{width:72px;height:72px;object-fit:cover;border-radius:10px}.ff-map-card>div{display:flex;min-width:0;flex-direction:column;gap:3px}.ff-map-card strong{font-size:14px;line-height:1.15;color:#0a1118}.ff-map-card span{font-size:11px;color:#65707a}.ff-map-card a{font-size:12px;color:#c90013;font-weight:850;text-decoration:none}.ff-map-verified{color:#c90013!important;font-weight:800}.ff-card-open{display:block;margin:-4px 0 12px;font-size:11px;font-weight:800;color:#6a747c}.ff-card-open.is-open{color:#23734e}.ff-card-open.is-closed{color:#8d4148}.ff-directory-pagination{display:flex;align-items:center;justify-content:center;gap:12px;padding:24px 0 4px}.ff-directory-pagination a,.ff-directory-pagination span{display:inline-flex;align-items:center;justify-content:center;min-height:40px;border-radius:999px;padding:0 14px;font-size:13px;font-weight:850;text-decoration:none}.ff-directory-pagination a{background:#0a1118;color:#fff}.ff-directory-pagination a:hover{background:#c90013;color:#fff}.ff-directory-pagination span{background:#f0ede8;color:#67717a}
@media(max-width:640px){.ff-directory-map,.ff-directory-map .ff-map-stage,.ff-map-message{min-height:440px}.ff-map-message h2{font-size:30px}}

/* v1.3 directory visual system */
.ff-directory .ff-icon{display:inline-block;width:18px;height:18px;flex:0 0 18px;vertical-align:-.2em;stroke:currentColor;stroke-width:1.9;stroke-linecap:round;stroke-linejoin:round}.ff-search-input-wrap .ff-search-icon{display:grid;place-items:center;color:#68727a;opacity:1}.ff-search-input-wrap .ff-search-icon .ff-icon{width:18px;height:18px}.ff-directory input[type=search],.ff-directory select{border-color:#e2ddd6;border-radius:12px;box-shadow:none}.ff-directory input[type=search]:focus,.ff-directory select:focus{outline:3px solid rgba(201,0,19,.1);outline-offset:1px;border-color:#c90013}.ff-near-me,.ff-search-submit,.ff-card-actions a,.ff-directory-pagination a,.ff-view-switch button{min-height:44px;border-radius:12px;font-size:13px;font-weight:800;transition:background-color .16s ease,border-color .16s ease,color .16s ease,transform .16s ease}.ff-near-me{background:#fff;border:1px solid #e2ddd6;color:#111820}.ff-near-me:hover{background:#faf8f5;border-color:#c8c0b8}.ff-search-submit{background:#c90013;border:1px solid #c90013;color:#fff}.ff-search-submit:hover{background:#a90010;border-color:#a90010}.ff-view-switch{border-radius:12px;background:#f2f0ed;padding:3px}.ff-view-switch button{min-height:36px;padding:0 13px}.ff-view-switch button.is-active{border-radius:9px}.ff-card-actions{gap:8px}.ff-card-actions a{gap:7px;min-height:44px;padding:0 14px}.ff-card-primary{background:#c90013;color:#fff}.ff-card-primary:hover{background:#a90010;color:#fff}.ff-card-secondary{background:#fff;border:1px solid #e2ddd6;color:#111820}.ff-card-secondary:hover{background:#faf8f5;border-color:#c8c0b8;color:#111820}.ff-card-secondary .ff-icon{width:16px;height:16px}.ff-directory-pagination a{background:#111820;color:#fff}.ff-directory-pagination a:hover{background:#c90013;color:#fff}.ff-directory-pagination span{min-height:40px;border-radius:12px}.ff-suggest-term-icon{border-radius:11px;background:#f7f5f1;color:#4d5861}.ff-suggest-term-icon .ff-icon{width:18px;height:18px}.ff-suggest-search-all>span{display:grid;place-items:center}.ff-suggest-search-all .ff-icon{width:17px;height:17px}.ff-suggest-verified{width:18px;height:18px}.ff-suggest-verified .ff-icon{width:12px;height:12px;stroke-width:2.4}.ff-map-verified{display:inline-flex;align-items:center;gap:4px}.ff-map-verified .ff-icon{width:13px;height:13px;stroke-width:2.3}.ff-restaurant-card{border-radius:18px;box-shadow:0 8px 24px rgba(17,24,32,.055)}

/* 2026-10-31: keep decorative red circle behind hero text at all widths */.ff-directory-intro{isolation:isolate}.ff-directory-intro:after{z-index:0;pointer-events:none}.ff-directory-intro>*{position:relative;z-index:1}