.hfa{box-sizing:border-box;background:#fff;color:#202026;border:1px solid #e5e5e9;border-radius:16px;padding:24px;margin:20px 0;font-family:Arial,sans-serif}.hfa header{display:flex;align-items:center;justify-content:space-between;gap:14px;border-bottom:1px solid #e4e4e8;padding-bottom:18px;margin-bottom:20px}.hfa header div>span{font-size:11px;letter-spacing:2px;color:#cb0029}.hfa header h2{font-size:27px!important;line-height:1.2!important;margin:7px 0 0!important;color:#202026!important}.hfa header>span{font-size:12px;white-space:nowrap;color:#777}.hfa .hfa-grid{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:10px}.hfa .hfa-photo{display:block;overflow:hidden;border-radius:7px;aspect-ratio:1;background:#eee;border-bottom:3px solid #d5002b}.hfa .hfa-photo img{width:100%!important;height:100%!important;object-fit:cover;display:block;margin:0!important;transition:transform .2s}.hfa .hfa-photo:hover img{transform:scale(1.05)}.hfa footer{font-size:11px;color:#777;margin-top:19px}.hfa-dialog{position:fixed!important;inset:0!important;box-sizing:border-box;margin:auto!important;border:0!important;padding:50px 12px 12px!important;background:#111!important;color:#fff!important;width:min(1200px,96vw)!important;max-width:96vw!important;max-height:96vh!important;overflow:auto;border-radius:10px!important}.hfa-dialog::backdrop{background:#000d}.hfa-dialog img{display:block;max-width:100%!important;width:auto!important;height:auto!important;max-height:75vh!important;margin:auto!important;object-fit:contain}.hfa-dialog .hfa-close{position:absolute;right:10px;top:5px;width:40px;height:40px;border:0;background:transparent;color:#fff;font-size:32px;padding:0;cursor:pointer}.hfa-dialog nav{display:flex;align-items:center;justify-content:space-between;gap:10px;margin-top:12px}.hfa-dialog nav button{padding:8px 14px;border:1px solid #666;border-radius:4px;background:#222;color:#fff;cursor:pointer}.hfa-dialog nav a{color:#fff;font-size:12px;text-decoration:underline}.hfa-dialog nav span{font-size:12px}.hfa a:focus-visible,.hfa-dialog button:focus-visible{outline:3px solid #e0002b;outline-offset:2px}@media(max-width:850px){.hfa .hfa-grid{grid-template-columns:repeat(3,minmax(0,1fr))}}@media(max-width:500px){.hfa{padding:15px}.hfa .hfa-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}.hfa header h2{font-size:22px!important}.hfa-dialog nav{flex-wrap:wrap}}@media(prefers-reduced-motion:reduce){.hfa *{transition:none!important}}
/* 1.0.1 – egysoros fotósáv */
.hfa .hfa-strip{position:relative;padding:0 35px}.hfa .hfa-grid{display:flex;grid-template-columns:none;gap:12px;overflow-x:auto;scroll-snap-type:x mandatory;overscroll-behavior-x:contain;scrollbar-width:thin;padding:2px 1px 12px}.hfa .hfa-photo{flex:0 0 calc((100% - 36px)/4);min-width:0;scroll-snap-align:start;box-sizing:border-box}.hfa .hfa-step{position:absolute;top:calc(50% - 8px);transform:translateY(-50%);display:grid;place-items:center;z-index:1;width:28px;height:40px;padding:0;border:1px solid #e3cbd0;border-radius:6px;background:#fff;color:#c00023;font-size:22px;line-height:1;cursor:pointer}.hfa .hfa-step:hover{background:#d5002b;color:#fff}.hfa .hfa-step:first-child{left:0}.hfa .hfa-step:last-child{right:0}.hfa .hfa-step:focus-visible{outline:3px solid #e0002b;outline-offset:2px}@media(max-width:850px){.hfa .hfa-photo{flex-basis:calc((100% - 24px)/3)}}@media(max-width:500px){.hfa .hfa-photo{flex-basis:calc((100% - 10px)/2)}.hfa .hfa-grid{gap:10px}.hfa .hfa-strip{padding:0 30px}.hfa .hfa-step{width:25px}}

/* 1.0.2 – jobb szélre igazított következő gomb */
.hfa-dialog nav{display:grid;grid-template-columns:1fr auto 1fr;align-items:center;width:100%;box-sizing:border-box}.hfa-dialog nav button:first-child{justify-self:start}.hfa-dialog nav button:nth-child(3){justify-self:end}.hfa-dialog nav>span{justify-self:center}.hfa-dialog .hfa-source{display:block;margin:12px 0 0;color:#d5d5d5!important;font:12px/1.5 Arial,sans-serif;text-decoration:underline}.hfa footer a{color:inherit;text-decoration:underline}@media(max-width:500px){.hfa-dialog nav{gap:8px}.hfa-dialog nav button{padding:8px 10px;font-size:12px}}