/* Fürst Flórián ingatlanportfólió, V3 – különálló, névterezett stílusok */
:root{--ff-navy:#172b44;--ff-navy2:#243c59;--ff-gold:#bd995c;--ff-sand:#f5f2eb;--ff-ink:#203049;--ff-soft:#edf0f4;--ff-border:rgba(31,47,69,.12)}
*{box-sizing:border-box}html{scroll-behavior:smooth}body.ff-p{margin:0;background:#f8f7f4;color:var(--ff-ink);font-family:Inter,system-ui,-apple-system,Segoe UI,Arial,sans-serif;line-height:1.55}
a{color:inherit}.ff-skip{position:absolute;left:-1000px;top:4px;background:#fff;padding:.8rem;z-index:100}.ff-skip:focus{left:8px}.ff-head{position:sticky;top:0;z-index:20;background:#fffdf9f4;border-bottom:1px solid var(--ff-border);backdrop-filter:blur(12px)}.ff-shell{width:min(1160px,calc(100% - 40px));margin-inline:auto}.ff-head-inner{display:flex;align-items:center;justify-content:space-between;min-height:86px;gap:16px}.ff-brand{display:flex;gap:13px;align-items:center;text-decoration:none;font-weight:850;letter-spacing:.01em}.ff-mark{display:grid;place-items:center;background:var(--ff-navy);color:white;border:1px solid var(--ff-gold);width:42px;height:42px;border-radius:11px;font-weight:800;font-size:13px}.ff-brand-small{display:block;font-size:.68rem;letter-spacing:.16em;color:#6a7380;font-weight:650;text-transform:uppercase}.ff-nav{display:flex;align-items:center;flex-wrap:wrap;gap:4px}.ff-nav a{text-decoration:none;padding:10px 13px;font-size:.94rem;font-weight:700;border-radius:30px;color:var(--ff-navy)}.ff-nav a:hover,.ff-nav a[aria-current=page]{background:#e9ded0}.ff-nav a.ff-contact{color:white;background:var(--ff-navy);margin-left:7px}.ff-hero{padding:74px 0 53px;background:radial-gradient(circle at 84% 14%,#e9e0d0 0%,transparent 36%),linear-gradient(130deg,#fffaf0,#eceff3 90%);border-bottom:1px solid var(--ff-border)}.ff-eyebrow{font-weight:800;letter-spacing:.19em;color:#94723e;font-size:.74rem;text-transform:uppercase;margin:0 0 10px}.ff-hero h1{font-size:clamp(2.45rem,5vw,4.6rem);letter-spacing:-.055em;line-height:1.08;color:var(--ff-navy);margin:0 0 17px;max-width:790px}.ff-hero p.ff-lead{font-size:clamp(1.02rem,2vw,1.22rem);max-width:680px;color:#536173;margin:0 0 24px}.ff-hero-rule{height:4px;background:var(--ff-gold);width:89px;border-radius:10px;margin:25px 0 0}.ff-main{padding:46px 0 85px}.ff-between{display:flex;justify-content:space-between;align-items:baseline;gap:12px;flex-wrap:wrap}.ff-sectiontitle{font-size:clamp(1.45rem,3vw,2rem);line-height:1.2;letter-spacing:-.03em;color:var(--ff-navy);margin:0 0 22px}.ff-subinfo{color:#6c7480;font-size:.92rem}.ff-filters{display:flex;flex-wrap:wrap;gap:10px;margin:0 0 26px}.ff-filter{appearance:none;border:1px solid #c9d0d9;border-radius:100px;background:white;color:var(--ff-navy);padding:10px 17px;font-size:.89rem;font-family:inherit;font-weight:720;cursor:pointer}.ff-filter[aria-pressed=true],.ff-filter:hover{background:var(--ff-navy);color:white;border-color:var(--ff-navy)}.ff-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:26px}.ff-card{background:#fff;overflow:hidden;border:1px solid var(--ff-border);border-radius:19px;box-shadow:0 12px 35px rgba(21,38,64,.055);display:flex;flex-direction:column;min-width:0}.ff-imagebox{position:relative;aspect-ratio:16/10;background:#d9dbe1;overflow:hidden}.ff-imagebox img{width:100%;height:100%;object-fit:cover;display:block;transition:transform .4s ease}.ff-card:hover .ff-imagebox img{transform:scale(1.045)}.ff-badge{position:absolute;top:18px;left:18px;background:#fff;color:var(--ff-navy);border-radius:7px;padding:8px 12px;box-shadow:0 5px 25px #0002;font-size:.72rem;font-weight:850;letter-spacing:.1em;text-transform:uppercase}.ff-badge.ff-sold{background:#cf2529;color:#fff;left:auto;right:-43px;top:31px;width:190px;text-align:center;transform:rotate(38deg);border-radius:0;border-block:2px solid #fff7;letter-spacing:.16em;font-size:.95rem}.ff-badge.ff-rent{background:#2d705b;color:#fff}.ff-badge.ff-neutral{background:#f5ead8;color:#765b2b}.ff-badge.ff-coming{background:#f5ead8;color:#715326}.ff-cardbody{padding:26px;display:flex;flex-direction:column;flex:1}.ff-place{font-size:.75rem;font-weight:800;text-transform:uppercase;letter-spacing:.13em;color:#9a763e;margin:0 0 10px}.ff-card h2{font-size:clamp(1.2rem,2.5vw,1.55rem);letter-spacing:-.035em;color:var(--ff-navy);line-height:1.25;margin:0 0 11px}.ff-desc{color:#5c6673;font-size:.96rem;margin:0 0 18px}.ff-meta{display:flex;flex-wrap:wrap;gap:8px;margin:auto 0 18px}.ff-meta span{font-weight:650;color:#3f4f65;background:var(--ff-soft);border-radius:6px;padding:5px 9px;font-size:.83rem}.ff-cardfoot{border-top:1px solid var(--ff-border);padding-top:18px;display:flex;justify-content:space-between;align-items:center;gap:10px;flex-wrap:wrap}.ff-price{color:var(--ff-navy);font-size:1.25rem;font-weight:850;letter-spacing:-.03em}.ff-link{display:inline-flex;align-items:center;justify-content:center;background:var(--ff-navy);color:#fff;text-decoration:none;border-radius:9px;padding:11px 17px;font-size:.86rem;font-weight:780}.ff-link:hover{background:#314967}.ff-refnote{font-size:.78rem;color:#737984}.ff-callout{margin-top:44px;padding:24px 30px;border-left:4px solid var(--ff-gold);background:#f2eee6;border-radius:0 12px 12px 0;color:#536073}.ff-callout strong{color:var(--ff-navy)}.ff-footer{padding:37px 0;background:var(--ff-navy);color:#eaf0f6}.ff-footer-inner{display:flex;align-items:center;justify-content:space-between;gap:20px;flex-wrap:wrap}.ff-footer a{color:#f0d7a6}.ff-footer small{opacity:.7}.ff-empty{padding:32px;text-align:center;color:#68768a;border:1px dashed #bbc6d3;border-radius:13px}.ff-card[hidden]{display:none!important}
@media(max-width:780px){.ff-head-inner{padding:13px 0;align-items:flex-start;flex-direction:column;gap:12px}.ff-nav{width:100%;justify-content:flex-start}.ff-nav a{padding:8px 10px;font-size:.82rem}.ff-nav a.ff-contact{margin:0}.ff-hero{padding:44px 0}.ff-grid{grid-template-columns:1fr;gap:20px}.ff-main{padding:34px 0 55px}.ff-shell{width:min(1160px,calc(100% - 28px))}.ff-cardbody{padding:22px}}
@media(max-width:360px){.ff-nav a{font-size:.75rem;padding:8px}.ff-cardfoot{align-items:stretch;flex-direction:column}.ff-link{width:100%}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}.ff-imagebox img{transition:none}}