/* Focus view, photo-led card (port of findthatmodel.app /browse focus cards, 2026-09-19). The doubled id beats every
   feed/portrait rule in critical.css, which are id+class selectors marked !important. */
html.ff-view-focus #onlyf_models_data#onlyf_models_data{display:grid!important;grid-template-columns:repeat(4,minmax(0,1fr))!important;gap:20px!important;align-items:start!important}
@media (min-width:769px) and (max-width:1024px){html.ff-view-focus #onlyf_models_data#onlyf_models_data{grid-template-columns:repeat(3,minmax(0,1fr))!important;gap:16px!important}}
@media (max-width:768px){html.ff-view-focus #onlyf_models_data#onlyf_models_data{grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:12px!important}}
html.ff-view-focus #onlyf_models_data#onlyf_models_data>.onlyf_card{position:relative!important;display:block!important;width:auto!important;max-width:none!important;height:auto!important;min-height:0!important;max-height:none!important;margin:0!important;padding:0!important;border:0!important;border-radius:10px!important;overflow:hidden!important;background:#111!important;box-shadow:none!important;isolation:isolate;transform:none!important}
html.ff-view-focus #onlyf_models_data#onlyf_models_data>.onlyf_card.promoted{box-shadow:0 0 0 3px #FED700!important}
html.ff-view-focus #onlyf_models_data#onlyf_models_data>.onlyf_card.onlyf_large_layout{grid-column:span 2!important}
/* image area: 4:5 like findthatmodel; the two-cell lead keeps the row height (8:5) */
html.ff-view-focus #onlyf_models_data#onlyf_models_data>.onlyf_card .onlyf_card-header{position:relative!important;display:block!important;width:100%!important;height:auto!important;min-height:0!important;aspect-ratio:4/5;margin:0!important;padding:0!important;overflow:hidden!important;background:#1f2937!important;flex:none!important}
html.ff-view-focus #onlyf_models_data#onlyf_models_data>.onlyf_card.onlyf_large_layout .onlyf_card-header{aspect-ratio:8/5}
/* organic: the avatar fills the frame; the banner link stays as a transparent layer over it so a tap on the photo
   opens the creator, and its image is never displayed (a hidden lazy image is never fetched) */
html.ff-view-focus #onlyf_models_data#onlyf_models_data>.onlyf_card:not(.promoted) .onlyf_card-header>a{position:absolute!important;inset:0!important;z-index:4!important;display:block!important;width:auto!important;height:auto!important;aspect-ratio:auto!important}
html.ff-view-focus #onlyf_models_data#onlyf_models_data>.onlyf_card:not(.promoted) .onlyf_card-header>a img{display:none!important}
html.ff-view-focus #onlyf_models_data#onlyf_models_data>.onlyf_card:not(.promoted) .onlyf_profile_wrap,
html.ff-view-focus #onlyf_models_data#onlyf_models_data>.onlyf_card:not(.promoted) .onlyf_profiole_inner,
html.ff-view-focus #onlyf_models_data#onlyf_models_data>.onlyf_card:not(.promoted) .ff-model-image-trigger{position:absolute!important;inset:0!important;display:block!important;width:100%!important;height:100%!important;max-width:none!important;margin:0!important;padding:0!important;border:0!important;border-radius:0!important;box-shadow:none!important;transform:none!important;aspect-ratio:auto!important}
html.ff-view-focus #onlyf_models_data#onlyf_models_data>.onlyf_card:not(.promoted) .onlyf_profiole_inner img{display:block!important;width:100%!important;height:100%!important;max-width:none!important;border-radius:0!important;border:0!important;object-fit:cover!important;object-position:center 25%!important;aspect-ratio:auto!important}
/* sponsored: the lead photo fills the frame, no avatar circle */
html.ff-view-focus #onlyf_models_data#onlyf_models_data>.onlyf_card.promoted .onlyf_card-header>a{position:absolute!important;inset:0!important;display:block!important;width:auto!important;height:auto!important;aspect-ratio:auto!important;overflow:hidden!important}
html.ff-view-focus #onlyf_models_data#onlyf_models_data>.onlyf_card.promoted .onlyf_card-header>a :is(picture,img){display:block!important;width:100%!important;height:100%!important;max-height:none!important;object-fit:cover!important;object-position:center 25%!important;border-radius:0!important}
html.ff-view-focus #onlyf_models_data#onlyf_models_data>.onlyf_card.promoted .onlyf_profile_wrap{display:none!important}
/* name, price, location over a gradient at the photo's foot, above the CTA strip */
html.ff-view-focus #onlyf_models_data#onlyf_models_data>.onlyf_card .onlyf_card-body{position:absolute!important;left:0!important;right:0!important;bottom:34px!important;top:auto!important;z-index:5!important;display:flex!important;flex-direction:column!important;align-items:flex-start!important;gap:6px!important;margin:0!important;padding:48px 14px 12px!important;border:0!important;background:linear-gradient(transparent,rgba(0,0,0,.72) 52%,rgba(0,0,0,.88))!important;color:#fff!important;text-align:start!important;pointer-events:none;height:auto!important;min-height:0!important}
html.ff-view-focus #onlyf_models_data#onlyf_models_data>.onlyf_card .onlyf_card-body :is(a,button){pointer-events:auto}
html.ff-view-focus #onlyf_models_data#onlyf_models_data>.onlyf_card .onlyf_card-body>div:not(.onlyf_model_location){display:contents!important}
html.ff-view-focus #onlyf_models_data#onlyf_models_data>.onlyf_card .onlyf_card-body h2{order:0;display:-webkit-box!important;-webkit-box-orient:vertical;-webkit-line-clamp:2;overflow:hidden!important;margin:0!important;padding:0!important;min-height:0!important;color:#fff!important;font:800 18px/1.25 system-ui,-apple-system,"Segoe UI",Roboto,Arial,sans-serif!important;text-align:start!important;text-shadow:0 1px 3px #000;overflow-wrap:anywhere}
html.ff-view-focus #onlyf_models_data#onlyf_models_data>.onlyf_card :is(.dividor,ul.details:not(.au-stats),.ffp-also,.onlyf_sponsored:not(.onlyf-loc),.au-meta>span>i,.au-meta>span>strong~*){display:none!important}
html.ff-view-focus #onlyf_models_data#onlyf_models_data>.onlyf_card .au-mobile-stats{order:1;display:block!important;margin:0!important;padding:0!important}
html.ff-view-focus #onlyf_models_data#onlyf_models_data>.onlyf_card .au-meta{display:block!important;margin:0!important;padding:0!important;border:0!important;background:none!important}
/* price pill: the label "Price:" is a text node beside the <strong>, so the span is shrunk to the pill and the label
   hidden by font-size:0 */
html.ff-view-focus #onlyf_models_data#onlyf_models_data>.onlyf_card .au-meta>span:first-child{display:inline-block!important;font-size:0!important;line-height:0!important;margin:0!important;padding:0!important;background:none!important;border:0!important}
html.ff-view-focus #onlyf_models_data#onlyf_models_data>.onlyf_card .au-meta>span:first-child strong{display:inline-block;padding:3px 8px;border-radius:5px;background:rgba(255,255,255,.95);color:#171717;font:800 12px/1.4 system-ui,-apple-system,"Segoe UI",Roboto,Arial,sans-serif;text-shadow:none}
html.ff-view-focus #onlyf_models_data#onlyf_models_data>.onlyf_card .onlyf_model_location{order:2;display:block!important;margin:0!important;padding:0!important;max-width:100%;overflow:hidden}
html.ff-view-focus #onlyf_models_data#onlyf_models_data>.onlyf_card .onlyf_model_location .onlyf-loc{display:flex!important;align-items:center;gap:3px;max-width:100%;margin:0!important;color:#fff!important;font-size:12px!important;font-weight:600!important;text-shadow:0 1px 2px #000}
html.ff-view-focus #onlyf_models_data#onlyf_models_data>.onlyf_card .onlyf_model_location :is(.onlyf-loc-link,a,button){color:#fff!important;font:inherit!important;text-decoration:none!important;background:none!important;border:0!important;padding:0!important;min-height:0!important}
html.ff-view-focus #onlyf_models_data#onlyf_models_data>.onlyf_card .onlyf_model_location .onlyf-loc-pin{width:12px!important;height:12px!important;flex:none;margin:0!important;color:#fff!important}
/* CTA: one full-width strip in the platform colour along the card's foot */
html.ff-view-focus #onlyf_models_data#onlyf_models_data>.onlyf_card .onlyf_btn_wrap{position:absolute!important;left:0!important;right:0!important;bottom:0!important;z-index:6!important;display:block!important;height:34px!important;margin:0!important;padding:0!important;border:0!important;background:none!important}
html.ff-view-focus #onlyf_models_data#onlyf_models_data>.onlyf_card .onlyf_btn_wrap>a{display:block!important;height:100%!important}
html.ff-view-focus #onlyf_models_data#onlyf_models_data>.onlyf_card .onlyf_btn{display:flex!important;align-items:center!important;justify-content:center!important;gap:6px!important;width:100%!important;height:34px!important;min-height:0!important;margin:0!important;padding:0 10px!important;border:0!important;border-radius:0!important;box-shadow:none!important;background-color:var(--ffp,#0b6ea8)!important;color:#fff!important;font:800 13px/1 system-ui,-apple-system,"Segoe UI",Roboto,Arial,sans-serif!important;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
html.ff-view-focus #onlyf_models_data#onlyf_models_data>.onlyf_card .onlyf_btn>span{overflow:hidden;text-overflow:ellipsis}
html.ff-view-focus #onlyf_models_data#onlyf_models_data>.onlyf_card .onlyf_btn .ffp-logo{width:16px!important;height:16px!important;flex:none}
html.ff-view-focus #onlyf_models_data#onlyf_models_data>.onlyf_card .onlyf_btn i{display:none!important}
html.ff-view-focus #onlyf_models_data#onlyf_models_data>.onlyf_card .onlyf_btn:hover{filter:brightness(1.15)}
/* sponsored disclosure stays: a yellow pill on the photo's top-left, and a yellow ring round the card */
html.ff-view-focus #onlyf_models_data#onlyf_models_data>.onlyf_card .promoted-banner{position:absolute!important;top:8px!important;inset-inline-start:8px!important;inset-inline-end:auto!important;left:auto;right:auto;bottom:auto!important;z-index:6!important;display:inline-block!important;width:auto!important;margin:0!important;padding:4px 8px!important;border-radius:6px!important;background:#FED700!important;color:#111!important;font:800 11px/1.2 system-ui,-apple-system,"Segoe UI",Roboto,Arial,sans-serif!important;pointer-events:none}
html.ff-view-focus #onlyf_models_data#onlyf_models_data>.onlyf_card.promoted .onlyf-badges-row{top:36px!important}
/* rank chip + badges keep the corners they already use; desc icon stays top-right */
html.ff-view-focus #onlyf_models_data#onlyf_models_data>.onlyf_card .ff-card-desc-icon{z-index:7!important}
html.ff-view-focus #onlyf_models_data#onlyf_models_data>.onlyf_card .onlyf-badges-row,
html.ff-view-focus #onlyf_models_data#onlyf_models_data>.onlyf_card .ffr-cardrank{z-index:6!important}
/* bios on (any card's description icon): the text block drops below the photo instead of covering it */
html.ff-view-focus.ff-show-descriptions #onlyf_models_data#onlyf_models_data>.onlyf_card{padding-bottom:34px!important}
html.ff-view-focus.ff-show-descriptions #onlyf_models_data#onlyf_models_data>.onlyf_card .onlyf_card-body{position:relative!important;bottom:auto!important;margin-top:-110px!important;padding-top:60px!important}
html.ff-view-focus.ff-show-descriptions #onlyf_models_data#onlyf_models_data>.onlyf_card :is(.onlyf-card-about,.ff-creator-snippet,.fap-about-featured){order:3;display:block!important;margin:2px 0 0!important;color:#e5e7eb!important;font-size:13px!important;line-height:1.45!important;text-align:start!important}
@media (hover:hover){html.ff-view-focus #onlyf_models_data#onlyf_models_data>.onlyf_card:hover{transform:translateY(-2px)!important;box-shadow:0 8px 22px rgba(0,0,0,.25)!important}html.ff-view-focus #onlyf_models_data#onlyf_models_data>.onlyf_card.promoted:hover{box-shadow:0 0 0 3px #FED700,0 8px 22px rgba(0,0,0,.25)!important}}
@media (max-width:768px){
html.ff-view-focus #onlyf_models_data#onlyf_models_data>.onlyf_card .onlyf_card-body{padding:38px 10px 10px!important;gap:5px!important}
html.ff-view-focus #onlyf_models_data#onlyf_models_data>.onlyf_card .onlyf_card-body h2{font-size:15px!important}
html.ff-view-focus #onlyf_models_data#onlyf_models_data>.onlyf_card .onlyf_btn{font-size:12px!important;padding:0 6px!important}
html.ff-view-focus #onlyf_models_data#onlyf_models_data>.onlyf_card .onlyf_btn .ffp-logo{display:none!important}
html.ff-view-focus #onlyf_models_data#onlyf_models_data>.onlyf_card .promoted-banner{top:6px!important;inset-inline-start:6px!important;padding:3px 6px!important;font-size:10px!important}
html.ff-view-focus #onlyf_models_data#onlyf_models_data>.onlyf_card.promoted .onlyf-badges-row{top:30px!important}
html.ff-view-focus #onlyf_models_data#onlyf_models_data>.onlyf_card.onlyf_large_layout .onlyf_card-header{aspect-ratio:8/5}
}
/* Phone Focus card (owner 2026-09-25, port of findapeach's 09-24 phone card: "too much on the image"). The photo keeps
   only a small price chip + the small description icon in its corners; badges leave the photo; name + place sit BELOW
   it on the card's own surface; "Promoted Creator" becomes a small line under them; a ranked site's #rank rides inside
   the button. Editor's Pick badges are hidden everywhere (rule after this block). */
@media all{ /* phones + tablets 2026-09-25, desktop too since 2026-09-25 (owner "apply it to the fleet on desktop too") */
html.ff-view-focus #onlyf_models_data#onlyf_models_data{align-items:stretch!important}
html.ff-view-focus #onlyf_models_data#onlyf_models_data>.onlyf_card:not(#ff-x){display:flex!important;flex-direction:column!important;justify-content:flex-start!important;background:#fff!important;border:1px solid #E5E7EB!important;padding:0!important}
html.ff-view-focus #onlyf_models_data#onlyf_models_data>.onlyf_card:not(#ff-x) .onlyf_card-header{order:0;flex:none}
html.ff-view-focus #onlyf_models_data#onlyf_models_data>.onlyf_card:not(#ff-x) :is(.onlyf-badges-row,.onlyf_sponsored:not(.onlyf-loc)){display:none!important}
html.ff-view-focus #onlyf_models_data#onlyf_models_data>.onlyf_card:not(#ff-x) .ff-card-desc-icon{top:6px!important;right:6px!important;left:auto!important;width:28px!important;height:28px!important;min-width:28px!important;padding:0!important;display:grid!important;place-items:center!important;border-radius:50%!important;background:rgba(17,17,17,.55)!important;box-shadow:none!important}
html.ff-view-focus #onlyf_models_data#onlyf_models_data>.onlyf_card:not(#ff-x) .ff-card-desc-icon svg{width:14px!important;height:14px!important}
html.ff-view-focus #onlyf_models_data#onlyf_models_data>.onlyf_card:not(#ff-x) .onlyf_card-body{order:1;flex:1 1 auto!important;position:static!important;display:flex!important;flex-direction:column!important;justify-content:flex-start!important;gap:2px!important;margin:0!important;padding:8px 8px 8px!important;background:none!important;color:#111!important;pointer-events:auto}
html.ff-view-focus #onlyf_models_data#onlyf_models_data>.onlyf_card:not(#ff-x) .onlyf_card-body h2{display:block!important;-webkit-line-clamp:unset;white-space:nowrap!important;text-overflow:ellipsis!important;overflow:hidden!important;max-width:100%;color:#111!important;text-shadow:none!important;font-size:14.5px!important;line-height:1.25!important;font-weight:700!important}
/* price chip: small, top-left corner of the photo (the card is the containing block; body + its wrapper are static) */
html.ff-view-focus #onlyf_models_data#onlyf_models_data>.onlyf_card:not(#ff-x) .au-mobile-stats{position:absolute!important;top:6px!important;inset-inline-start:6px!important;z-index:6!important;margin:0!important;pointer-events:none}
html.ff-view-focus #onlyf_models_data#onlyf_models_data>.onlyf_card:not(#ff-x) .au-meta>span:first-child strong{padding:2px 6px!important;border-radius:4px!important;font-size:11px!important;line-height:1.35!important;background:rgba(255,255,255,.92)!important}
html.ff-view-focus #onlyf_models_data#onlyf_models_data>.onlyf_card:not(#ff-x) .au-meta>span:first-child strong s{font-size:9.5px;font-weight:600;opacity:.6;margin-inline-end:3px}
html.ff-view-focus #onlyf_models_data#onlyf_models_data>.onlyf_card:not(#ff-x) .onlyf_model_location .onlyf-loc{color:#6B7280!important;text-shadow:none!important;font-size:12px!important;font-weight:500!important;white-space:nowrap;overflow:hidden}
html.ff-view-focus #onlyf_models_data#onlyf_models_data>.onlyf_card:not(#ff-x) .onlyf_model_location :is(.onlyf-loc-link,a,button){color:#6B7280!important;text-shadow:none!important;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
html.ff-view-focus #onlyf_models_data#onlyf_models_data>.onlyf_card:not(#ff-x) .onlyf_model_location .onlyf-loc-pin{color:#9CA3AF!important}
/* sponsored disclosure: a small line under the name instead of the yellow badge on the photo */
html.ff-view-focus #onlyf_models_data#onlyf_models_data>.onlyf_card:not(#ff-x) .promoted-banner{order:2;position:static!important;display:block!important;margin:-4px 8px 8px!important;padding:0!important;background:none!important;color:#6B7280!important;font:600 11px/1.2 system-ui,-apple-system,"Segoe UI",Roboto,Arial,sans-serif!important;text-align:start!important;border-radius:0!important}
html.ff-view-focus #onlyf_models_data#onlyf_models_data>.onlyf_card:not(#ff-x) .promoted-banner::before{content:"✓ "}
/* button: in the card, below the text; rank chip inside its start end */
html.ff-view-focus #onlyf_models_data#onlyf_models_data>.onlyf_card:not(#ff-x) .onlyf_btn_wrap{order:3;position:static!important;height:auto!important;margin:0 8px 8px!important}
html.ff-view-focus #onlyf_models_data#onlyf_models_data>.onlyf_card:not(#ff-x) .onlyf_btn_wrap>a{display:flex!important;height:auto!important;line-height:0!important}
html.ff-view-focus #onlyf_models_data#onlyf_models_data>.onlyf_card:not(#ff-x) .onlyf_btn{flex:1 1 auto;height:auto!important;min-height:44px!important;border-radius:7px!important;font-size:13px!important;padding:0 8px!important}
html.ff-view-focus #onlyf_models_data#onlyf_models_data>.onlyf_card:not(#ff-x) .onlyf_btn .ffp-logo{display:block!important}
html.ff-view-focus #onlyf_models_data#onlyf_models_data>.onlyf_card:not(#ff-x):has(>.ffr-cardrank) .onlyf_btn{padding-inline-start:44px!important}
html.ff-view-focus #onlyf_models_data#onlyf_models_data>.onlyf_card:not(#ff-x)>.ffr-cardrank{top:auto!important;bottom:18px!important;left:auto!important;inset-inline-start:14px!important;z-index:8!important;min-width:30px!important;height:24px!important;padding:0 5px!important;border-radius:5px!important;background:rgba(255,255,255,.95)!important;color:#111!important;font-size:12px!important;font-weight:800!important;box-shadow:none!important;pointer-events:none}
/* bios on: the text simply continues below the name (no negative pull-up over the photo) */
html.ff-view-focus.ff-show-descriptions #onlyf_models_data#onlyf_models_data>.onlyf_card:not(#ff-x){padding-bottom:0!important}
html.ff-view-focus.ff-show-descriptions #onlyf_models_data#onlyf_models_data>.onlyf_card:not(#ff-x) .onlyf_card-body{position:static!important;margin-top:0!important;padding-top:8px!important}
html.ff-view-focus.ff-show-descriptions #onlyf_models_data#onlyf_models_data>.onlyf_card:not(#ff-x) :is(.onlyf-card-about,.ff-creator-snippet,.fap-about-featured){color:#374151!important;text-shadow:none!important;font-size:12.5px!important}
}
/* Phone GRID + FEED card (Feed added 2026-09-25; html:not(.ff-view-focus) = Grid or Feed) (owner 2026-09-25 "apply it to fleet grid view on phones too"): same card as the phone Focus card above
   -- price chip + small description icon on the photo, name + place left-aligned under it, #rank inside a full-width
   button -- but Grid keeps its data: the three stat tiles and up to two rows of tags. "Promoted Creator" becomes a
   small line above the name (it sits outside the card body, so it can only go above it) instead of the yellow foot bar. */
@media all{ /* phones + tablets 2026-09-25, desktop too since 2026-09-25 (owner "apply it to the fleet on desktop too") */
html:not(.ff-view-focus) #onlyf_models_data#onlyf_models_data{align-items:stretch!important}
html:not(.ff-view-focus) #onlyf_models_data#onlyf_models_data>.onlyf_card:not(#ff-x){position:relative!important;display:flex!important;flex-direction:column!important;justify-content:flex-start!important;height:auto!important;min-height:0!important;padding:0!important;background:#fff!important;border:1px solid #E5E7EB!important;border-radius:10px!important;overflow:hidden!important}
html:not(.ff-view-focus) #onlyf_models_data#onlyf_models_data>.onlyf_card:not(#ff-x) .onlyf_card-header{order:0;flex:none;aspect-ratio:4/5;height:auto!important;min-height:0!important;max-height:none!important;margin:0!important;padding:0!important;overflow:hidden}
html:not(.ff-view-focus) #onlyf_models_data#onlyf_models_data>.onlyf_card:not(#ff-x) .onlyf_card-header :is(.onlyf_profile_wrap,.onlyf_profiole_inner,.ff-model-image-trigger,a,picture){display:block!important;width:100%!important;height:100%!important;max-width:none!important;margin:0!important;padding:0!important;border:0!important;border-radius:0!important}
/* No-banner platform card (ffp-nobanner, owner rule 2026-09-15 = FULL-IMAGE): the rule above forces the header <a> (the fallback banner) to display:block and outranks listing.blade.php ffp-css, which painted a blue placeholder over the avatar (fanfindgoths chubbygothslut, 2026-09-25). Hide it again here, at higher specificity. */
html:not(.ff-view-focus) #onlyf_models_data#onlyf_models_data>.onlyf_card.ffp-nobanner:not(#ff-x):not(.promoted) .onlyf_card-header>a{display:none!important}
html:not(.ff-view-focus) #onlyf_models_data#onlyf_models_data>.onlyf_card:not(#ff-x) .onlyf_card-header img{display:block!important;width:100%!important;height:100%!important;max-width:none!important;max-height:none!important;object-fit:cover!important;border:0!important;border-radius:0!important}
html:not(.ff-view-focus) #onlyf_models_data#onlyf_models_data>.onlyf_card:not(#ff-x) :is(.onlyf-badges-row,.onlyf_sponsored:not(.onlyf-loc),.dividor,.au-stats-caption){display:none!important}
html:not(.ff-view-focus) #onlyf_models_data#onlyf_models_data>.onlyf_card:not(#ff-x) .ff-card-desc-icon{top:6px!important;right:6px!important;left:auto!important;width:28px!important;height:28px!important;min-width:28px!important;padding:0!important;display:grid!important;place-items:center!important;border-radius:50%!important;background:rgba(17,17,17,.55)!important;box-shadow:none!important;z-index:7!important}
html:not(.ff-view-focus) #onlyf_models_data#onlyf_models_data>.onlyf_card:not(#ff-x) .ff-card-desc-icon svg{width:14px!important;height:14px!important}
/* body: name, place, stat tiles, tags -- left-aligned */
html:not(.ff-view-focus) #onlyf_models_data#onlyf_models_data>.onlyf_card:not(#ff-x) .onlyf_card-body{order:2;flex:1 1 auto!important;position:static!important;display:flex!important;flex-direction:column!important;align-items:stretch!important;gap:6px!important;margin:0!important;padding:8px 8px 8px!important;background:none!important;border:0!important;text-align:start!important;height:auto!important;min-height:0!important}
html:not(.ff-view-focus) #onlyf_models_data#onlyf_models_data>.onlyf_card:not(#ff-x) .onlyf_card-body>div:not(.onlyf_model_location){display:contents!important}
html:not(.ff-view-focus) #onlyf_models_data#onlyf_models_data>.onlyf_card:not(#ff-x) .onlyf_card-body h2{order:0;margin:0!important;padding:0!important;color:#111!important;font-size:14.5px!important;line-height:1.25!important;font-weight:700!important;text-align:start!important;white-space:nowrap!important;overflow:hidden!important;text-overflow:ellipsis!important}
html:not(.ff-view-focus) #onlyf_models_data#onlyf_models_data>.onlyf_card:not(#ff-x) .onlyf_model_location{order:1;display:block!important;margin:-4px 0 0!important;padding:0!important;text-align:start!important;max-width:100%;overflow:hidden}
html:not(.ff-view-focus) #onlyf_models_data#onlyf_models_data>.onlyf_card:not(#ff-x) .onlyf_model_location .onlyf-loc{display:flex!important;align-items:center;gap:3px;justify-content:flex-start!important;margin:0!important;color:#6B7280!important;font-size:12px!important;font-weight:500!important;white-space:nowrap;overflow:hidden}
html:not(.ff-view-focus) #onlyf_models_data#onlyf_models_data>.onlyf_card:not(#ff-x) .onlyf_model_location :is(.onlyf-loc-link,a,button){color:#6B7280!important;text-decoration:none!important;font:inherit!important;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
html:not(.ff-view-focus) #onlyf_models_data#onlyf_models_data>.onlyf_card:not(#ff-x) .onlyf_model_location .onlyf-loc-pin{width:12px!important;height:12px!important;flex:none;color:#9CA3AF!important}
html:not(.ff-view-focus) #onlyf_models_data#onlyf_models_data>.onlyf_card:not(#ff-x) .au-mobile-stats{order:2;display:block!important;position:static!important;margin:0!important;padding:0!important}
/* price: small chip on the photo's top-left corner (absolute to the card; every wrapper above it is static) */
html:not(.ff-view-focus) #onlyf_models_data#onlyf_models_data>.onlyf_card:not(#ff-x) .au-meta{display:block!important;position:static!important;margin:0!important;padding:0!important;border:0!important;background:none!important;height:0!important}
html:not(.ff-view-focus) #onlyf_models_data#onlyf_models_data>.onlyf_card:not(#ff-x) .au-meta>span:not(:first-child){display:none!important}
html:not(.ff-view-focus) #onlyf_models_data#onlyf_models_data>.onlyf_card:not(#ff-x) .au-meta>span:first-child{position:absolute!important;top:6px!important;inset-inline-start:6px!important;z-index:6!important;display:inline-block!important;margin:0!important;padding:0!important;font-size:0!important;line-height:0!important;background:none!important;border:0!important;pointer-events:none}
html:not(.ff-view-focus) #onlyf_models_data#onlyf_models_data>.onlyf_card:not(#ff-x) .au-meta>span:first-child>i{display:none!important}
html:not(.ff-view-focus) #onlyf_models_data#onlyf_models_data>.onlyf_card:not(#ff-x) .au-meta>span:first-child strong{display:inline-block;padding:2px 6px;border-radius:4px;background:rgba(255,255,255,.92);color:#171717;font:800 11px/1.35 system-ui,-apple-system,"Segoe UI",Roboto,Arial,sans-serif}
html:not(.ff-view-focus) #onlyf_models_data#onlyf_models_data>.onlyf_card:not(#ff-x) .au-meta>span:first-child strong s{font-size:9.5px;font-weight:600;opacity:.6;margin-inline-end:3px}
/* stat tiles: compact */
html:not(.ff-view-focus) #onlyf_models_data#onlyf_models_data>.onlyf_card:not(#ff-x) ul.au-stats{margin:0!important;padding:0!important;gap:0!important;border-radius:7px!important}
html:not(.ff-view-focus) #onlyf_models_data#onlyf_models_data>.onlyf_card:not(#ff-x) .au-stat{padding:5px 2px!important;min-height:0!important;gap:1px!important}
html:not(.ff-view-focus) #onlyf_models_data#onlyf_models_data>.onlyf_card:not(#ff-x) .au-stat__label{font-size:10px!important;line-height:1.2!important}
html:not(.ff-view-focus) #onlyf_models_data#onlyf_models_data>.onlyf_card:not(#ff-x) .au-stat__label i{display:none!important}
html:not(.ff-view-focus) #onlyf_models_data#onlyf_models_data>.onlyf_card:not(#ff-x) .au-stat__num{font-size:13px!important;line-height:1.2!important}
html:not(.ff-view-focus) #onlyf_models_data#onlyf_models_data>.onlyf_card:not(#ff-x) .au-stat{justify-content:flex-start!important;align-items:center!important}
html:not(.ff-view-focus) #onlyf_models_data#onlyf_models_data>.onlyf_card:not(#ff-x) .au-chip{white-space:nowrap!important;font-size:9.5px!important;padding:0 4px!important;line-height:1.5!important;max-width:100%}
html:not(.ff-view-focus) #onlyf_models_data#onlyf_models_data>.onlyf_card.promoted:not(#ff-x){border-color:#FED700!important;box-shadow:0 0 0 2px #FED700!important}
/* tags: left-aligned, small, two rows at most */
html:not(.ff-view-focus) #onlyf_models_data#onlyf_models_data>.onlyf_card:not(#ff-x) .onlyf-card-tags{order:3;display:flex!important;flex-wrap:wrap!important;justify-content:flex-start!important;gap:4px!important;margin:0!important;padding:0!important;max-height:48px!important;overflow:hidden!important}
html:not(.ff-view-focus) #onlyf_models_data#onlyf_models_data>.onlyf_card:not(#ff-x) .onlyf-card-tags .nls-tag{margin:0!important;padding:3px 7px!important;min-height:0!important;height:22px!important;font-size:11px!important;line-height:16px!important}
html:not(.ff-view-focus) #onlyf_models_data#onlyf_models_data>.onlyf_card:not(#ff-x) :is(.onlyf-card-about,.ff-creator-snippet,.fap-about-featured){order:4;text-align:start!important;font-size:12.5px!important}
/* sponsored disclosure: small line above the name */
html:not(.ff-view-focus) #onlyf_models_data#onlyf_models_data>.onlyf_card:not(#ff-x) .promoted-banner{order:1;position:static!important;display:block!important;width:auto!important;margin:8px 8px -6px!important;padding:0!important;background:none!important;color:#6B7280!important;font:600 11px/1.2 system-ui,-apple-system,"Segoe UI",Roboto,Arial,sans-serif!important;text-align:start!important;border-radius:0!important}
html:not(.ff-view-focus) #onlyf_models_data#onlyf_models_data>.onlyf_card:not(#ff-x) .promoted-banner::before{content:"✓ "}
/* button: full width at the foot; #rank inside its start end */
html:not(.ff-view-focus) #onlyf_models_data#onlyf_models_data>.onlyf_card:not(#ff-x) .onlyf_btn_wrap{order:3;position:static!important;display:block!important;height:auto!important;margin:0 8px 8px!important;padding:0!important}
html:not(.ff-view-focus) #onlyf_models_data#onlyf_models_data>.onlyf_card:not(#ff-x) .onlyf_btn_wrap>a{display:flex!important;width:100%!important;height:auto!important;line-height:0!important}
html:not(.ff-view-focus) #onlyf_models_data#onlyf_models_data>.onlyf_card:not(#ff-x) .onlyf_btn{flex:1 1 auto;display:flex!important;align-items:center!important;justify-content:center!important;gap:6px!important;width:100%!important;height:auto!important;min-height:44px!important;margin:0!important;padding:0 8px!important;border-radius:7px!important;font-size:13px!important;font-weight:700!important;line-height:1.2!important}
html:not(.ff-view-focus) #onlyf_models_data#onlyf_models_data>.onlyf_card:not(#ff-x) .onlyf_btn .ffp-logo{display:block!important;width:16px!important;height:16px!important;flex:none}
html:not(.ff-view-focus) #onlyf_models_data#onlyf_models_data>.onlyf_card:not(#ff-x) .onlyf_btn i{display:none!important}
html:not(.ff-view-focus) #onlyf_models_data#onlyf_models_data>.onlyf_card:not(#ff-x):has(>.ffr-cardrank) .onlyf_btn{padding-inline-start:44px!important}
html:not(.ff-view-focus) #onlyf_models_data#onlyf_models_data>.onlyf_card:not(#ff-x)>.ffr-cardrank{position:absolute!important;top:auto!important;bottom:18px!important;left:auto!important;inset-inline-start:14px!important;z-index:8!important;display:grid!important;place-items:center!important;min-width:30px!important;height:24px!important;padding:0 5px!important;border-radius:5px!important;background:rgba(255,255,255,.95)!important;color:#111!important;font-size:12px!important;font-weight:800!important;box-shadow:none!important;pointer-events:none}
html:not(.ff-view-focus) #onlyf_models_data#onlyf_models_data>.onlyf_card:not(#ff-x)>.ffr-cardrank ~ .onlyf-badges-row{left:auto!important}
}
/* Phone Feed (full-width cards): same card, slightly larger type. */
@media all{ /* phones + tablets 2026-09-25, desktop too since 2026-09-25 (owner "apply it to the fleet on desktop too") */
html:not(.ff-view-focus):not(.ff-view-portrait) #onlyf_models_data#onlyf_models_data>.onlyf_card:not(#ff-x) .onlyf_card-body h2{font-size:17px!important}
html:not(.ff-view-focus):not(.ff-view-portrait) #onlyf_models_data#onlyf_models_data>.onlyf_card:not(#ff-x) .onlyf_model_location .onlyf-loc{font-size:13px!important}
html:not(.ff-view-focus):not(.ff-view-portrait) #onlyf_models_data#onlyf_models_data>.onlyf_card:not(#ff-x) .onlyf_card-body{padding:10px!important}
html:not(.ff-view-focus):not(.ff-view-portrait) #onlyf_models_data#onlyf_models_data>.onlyf_card:not(#ff-x) .au-stat__num{font-size:15px!important}
html:not(.ff-view-focus):not(.ff-view-portrait) #onlyf_models_data#onlyf_models_data>.onlyf_card:not(#ff-x) .au-stat__label{font-size:11px!important}
html:not(.ff-view-focus):not(.ff-view-portrait) #onlyf_models_data#onlyf_models_data>.onlyf_card:not(#ff-x) .onlyf_btn{min-height:44px!important;font-size:14px!important}
}
/* Tablets (769-1024px, 2026-09-25 owner "apply it to fleet views on tablets too"): the large promoted card spans two
   columns there, so it keeps its wide 8:5 photo instead of a very tall 4:5 one. */
@media (min-width:769px){
html #onlyf_models_data#onlyf_models_data>.onlyf_card.onlyf_large_layout:not(#ff-x) .onlyf_card-header{aspect-ratio:8/5!important}
}
/* Editor's Pick badge: hidden 2026-09-24/25, BACK since 2026-09-30 (owner: "lets re-add the Editor's Pick badge"); phone exception below. */
/* Focus card (every width) and phone Grid card hide the whole badge row (blocks above); the Editor's Pick badge alone comes back on the
   photo, under the price chip (top-left), other badges in that row stay hidden. */
html.ff-view-focus #onlyf_models_data#onlyf_models_data>.onlyf_card:not(#ff-x) .onlyf-badges-row:has(.onlyf-badge-editors){display:block!important;top:34px!important;inset-inline-start:6px!important;left:auto;right:auto;z-index:6!important;pointer-events:none}
html.ff-view-focus #onlyf_models_data#onlyf_models_data>.onlyf_card:not(#ff-x) .onlyf-badges-row:has(.onlyf-badge-editors) .onlyf-badge:not(.onlyf-badge-editors){display:none!important}
@media all{ /* the Grid block above is @media all too (desktop since 2026-09-25) */
html:not(.ff-view-focus) #onlyf_models_data#onlyf_models_data>.onlyf_card:not(#ff-x) .onlyf-badges-row:has(.onlyf-badge-editors){display:block!important;top:34px!important;inset-inline-start:6px!important;left:auto;right:auto;z-index:6!important;pointer-events:none}
html:not(.ff-view-focus) #onlyf_models_data#onlyf_models_data>.onlyf_card:not(#ff-x) .onlyf-badges-row:has(.onlyf-badge-editors) .onlyf-badge:not(.onlyf-badge-editors){display:none!important}
}