Film Selector \u2014 Film is not dead<\/title><meta name=\"description\" content=\"Choose the right film for you: 35mm, 120 roll film, color, black & white, or Instax. We'll help you navigate analog film.\"><link rel=\"preconnect\" href=\"https:\/\/fonts.googleapis.com\"><link rel=\"preconnect\" href=\"https:\/\/fonts.gstatic.com\" crossorigin><link href=\"https:\/\/fonts.googleapis.com\/css2?family=Instrument+Serif:ital@0;1&family=IBM+Plex+Mono:wght@300;400;500&family=Poppins:wght@400;500&family=Bricolage+Grotesque:wght@800&display=swap\" rel=\"stylesheet\" \/><\/p>\n<style> :root{ --ink:#15120F; --paper:#f5f0e7; --paper-2:#ece4d5; --amber:#d8451f; --amber-deep:#a8330f; --silver:#7d756a; --line:#d8cdb9; --gold:#c89b3c; --cream:#fbf8f1; --black:#0d0b08; --shadow:rgba(22,19,15,.14); --max:1240px; --r:4px; } .fv-scope *{margin:0;padding:0;box-sizing:border-box} .fv-scope{ font-family:\"Poppins\",Helvetica,Arial,sans-serif; background:var(--paper); color:var(--ink); font-size:18px; line-height:1.6; -webkit-font-smoothing:antialiased; } .fv-scope h1,.fv-scope h2,.fv-scope h3{font-family:\"Bricolage Grotesque\",sans-serif;line-height:1.04;letter-spacing:-.02em} .fv-scope img{max-width:100%;display:block} .fv-scope a{color:inherit;text-decoration:none} .fv-wrap{max-width:var(--max);margin:0 auto;padding:0 28px} \/* ---- header \/ intro ---- *\/ .fv-hero{background:var(--black);color:var(--cream);padding:42px 0 38px;position:relative;overflow:hidden} .fv-hero::before{ content:\"\";position:absolute;inset:0; background: radial-gradient(circle at 80% 25%,rgba(216,69,31,.32),transparent 55%), radial-gradient(circle at 10% 90%,rgba(200,155,60,.14),transparent 48%); } .fv-hero .fv-wrap{position:relative;z-index:2} .fv-kicker{font-family:\"JetBrains Mono\",monospace;font-size:12px;letter-spacing:.22em;text-transform:uppercase;color:var(--gold);display:flex;align-items:center;gap:12px;margin-bottom:18px} .fv-kicker::before{content:\"\";width:30px;height:1px;background:var(--gold)} .fv-hero h1{font-size:clamp(2.2rem,5vw,3.8rem);font-weight:800;max-width:18ch;margin-bottom:16px;color:var(--cream)} .fv-hero p{color:rgba(251,248,241,.8);max-width:56ch;font-size:1.08rem} \/* ---- section title ---- *\/ .fv-sec{padding:46px 0 80px} .fv-sec-head{margin-bottom:32px;max-width:720px} .fv-sec-head .fv-kicker{color:var(--amber-deep)} .fv-sec-head .fv-kicker::before{background:var(--amber-deep)} .fv-sec-head h2{font-size:clamp(1.8rem,3.4vw,2.7rem);font-weight:800} .fv-sec-head p{margin-top:14px;color:var(--silver);font-size:1.05rem;max-width:60ch} \/* ---- film cards \u2014 SMALLER \/ MORE COMPACT ---- *\/ .fv-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:18px} .fv-card{ background:var(--cream);border:1px solid var(--line);border-radius:6px; padding:22px 22px 20px;position:relative;overflow:hidden;transition:.3s; display:flex;flex-direction:column;min-height:0; }.fv-card::before { content:''; position:absolute; top:0; left:0; right:0; height:3px; background:linear-gradient(90deg, #c1342a, #e0584f); transform:scaleX(0); transform-origin:left center; transition:transform 0.4s cubic-bezier(0.4, 0, 0.2, 1);}.fv-card:hover::before { transform:scaleX(1);} .fv-card{ background:var(--cream);border:1px solid var(--line);border-radius:6px; padding:26px 24px 24px;position:relative;overflow:hidden;transition:.3s; display:flex;flex-direction:column;min-height:0;}.fv-card .fv-tag{position:absolute;top:16px;right:20px;font-family:\"JetBrains Mono\",monospace;font-size:11px;color:var(--silver);letter-spacing:.05em}.fv-card .fv-icon{width:44px;height:44px;border-radius:50%;background:rgba(216,69,31,.1);display:flex;align-items:center;justify-content:center;margin-bottom:16px;transition:.3s}.fv-card .fv-icon svg{width:22px;height:22px;stroke:var(--amber-deep);stroke-width:1.6;fill:none}.fv-card h3{font-size:1.32rem;font-weight:800;margin-bottom:8px;line-height:1.1}.fv-card p{color:var(--silver);font-size:.96rem;flex:1;line-height:1.5}.fv-card .fv-go{margin-top:16px;font-family:\"JetBrains Mono\",monospace;font-size:12px;text-transform:uppercase;letter-spacing:.06em;color:var(--amber-deep);display:flex;align-items:center;gap:8px;font-weight:600} .fv-card .fv-go .arr{transition:transform .24s} .fv-card:hover .fv-go .arr{transform:translateX(6px)} \/* ---- \"don't know?\" helper bar ---- *\/ .fv-help{background:var(--paper-2);padding:60px 0} .fv-help-inner{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:24px} .fv-help h3{font-size:clamp(1.4rem,2.6vw,2rem);font-weight:800;max-width:22ch} .fv-help p{color:var(--silver);margin-top:8px;max-width:46ch} \/* ---- Ask us button \u2014 white text forced on every state ---- *\/ .fv-btn, .fv-btn:link, .fv-btn:visited, .fv-btn:hover, .fv-btn:focus, .fv-btn:active{ display:inline-flex !important; align-items:center !important; gap:11px !important; font-family:\"JetBrains Mono\",monospace !important; font-size:14px !important; letter-spacing:.05em !important; text-transform:uppercase !important; padding:17px 28px !important; border-radius:var(--r) !important; transition:background .24s, transform .24s !important; cursor:pointer !important; background:#8b0000 !important; color:#ffffff !important; -webkit-text-fill-color:#ffffff !important; font-weight:600 !important; border:1.5px solid transparent !important; text-decoration:none !important; } .fv-btn *, .fv-btn:hover *, .fv-btn:visited *, .fv-btn:focus *{ color:#ffffff !important; -webkit-text-fill-color:#ffffff !important; } .fv-btn:hover{background:#6b0000 !important;transform:translateY(-2px)} .fv-btn .arr{transition:transform .24s !important;color:#ffffff !important} .fv-btn:hover .arr{transform:translateX(5px)} \/* ---- Responsive ---- *\/ @media(max-width:1080px){ .fv-grid{grid-template-columns:1fr 1fr;gap:14px} .fv-card{padding:20px 18px 18px} } @media(max-width:680px){ .fv-grid{grid-template-columns:1fr;gap:12px} .fv-sec{padding:30px 0 44px} .fv-hero{padding:30px 0 28px} .fv-wrap{padding:0 18px} .fv-card{ padding:16px 18px; flex-direction:row; align-items:flex-start; gap:16px; min-height:0; } .fv-card .fv-icon{ width:38px;height:38px; margin-bottom:0; flex-shrink:0; } .fv-card .fv-icon svg{width:20px;height:20px} .fv-card-body{flex:1;min-width:0} .fv-card h3{font-size:1.08rem;margin-bottom:4px} .fv-card p{font-size:.9rem;line-height:1.4} .fv-card .fv-tag{ top:12px;right:14px;font-size:10px; } .fv-card .fv-go{ margin-top:10px;font-size:11.5px; }} .fnd-fp .fnd-fp__lede { max-width:400px; font-family:'Poppins', sans-serif; font-size:15px; line-height:1.2; color:rgba(243,237,225,0.7) !important; margin:43px 0 0; text-align:right; }<\/style>\n<p><\/head><body><\/p>\n<div class=\"fv-scope\">  <\/p>\n<section class=\"fv-hero\"> <\/p>\n<div class=\"fv-wrap\"> <\/p>\n<div class=\"fv-kicker\">Film Selector<\/div>\n<p> <\/p>\n<h1>Which film is right for you?<\/h1>\n<p> <pee>Choose your format and style \u2014 we’ll show you the matching films. If you’re not sure yet, we’ll help you below.<\/pee> <\/div>\n<p> <\/section>\n<p>  <\/p>\n<section class=\"fv-sec\" style=\"background:#fff\"> <\/p>\n<div class=\"fv-wrap\"> <\/p>\n<div class=\"fv-sec-head\"> <\/p>\n<div class=\"fv-kicker\">By format and style<\/div>\n<p> <\/p>\n<h2>Choose your film type<\/h2>\n<p> <pee>35mm is the most common \u2014 we recommend it for beginners. 120 gives a larger negative and more detailed images.<\/pee> <\/div>\n<p> <\/p>\n<div class=\"fv-grid\"> <a href=\"https:\/\/filmisnotdead.hu\/en\/termekkategoria\/black-white-films-35mm\/\" class=\"fv-card\"> <span class=\"fv-tag\">35mm<\/span> <\/p>\n<div class=\"fv-icon\"><svg viewBox=\"0 0 24 24\"><rect x=\"2\" y=\"6\" width=\"20\" height=\"13\" rx=\"2\"\/><path d=\"M2 9h20M6 6V4h6v2\"\/><\/svg><\/div>\n<p> <\/p>\n<div class=\"fv-card-body\"> <\/p>\n<h3>Black & White \u2013 35mm<\/h3>\n<p> <pee>The classic choice. Forgiving, easy to develop at home \u2014 ideal for getting started and street photography.<\/pee> <span class=\"fv-go\">View <span class=\"arr\">\u2192<\/span><\/span> <\/div>\n<p> <\/a> <a href=\"https:\/\/filmisnotdead.hu\/en\/termekkategoria\/films\/color-films-35mm\/\" class=\"fv-card\"> <span class=\"fv-tag\">35mm<\/span> <\/p>\n<div class=\"fv-icon\"><svg viewBox=\"0 0 24 24\"><rect x=\"2\" y=\"6\" width=\"20\" height=\"13\" rx=\"2\"\/><circle cx=\"12\" cy=\"12.5\" r=\"3.5\"\/><\/svg><\/div>\n<p> <\/p>\n<div class=\"fv-card-body\"> <\/p>\n<h3>Color \u2013 35mm<\/h3>\n<p> <pee>Lifelike colors for everyday shooting. The most popular format in color too.<\/pee> <span class=\"fv-go\">View <span class=\"arr\">\u2192<\/span><\/span> <\/div>\n<p> <\/a> <a href=\"https:\/\/filmisnotdead.hu\/en\/termekkategoria\/films\/black-white-films-120\/\" class=\"fv-card\"> <span class=\"fv-tag\">120 \/ roll film<\/span> <\/p>\n<div class=\"fv-icon\"><svg viewBox=\"0 0 24 24\"><rect x=\"4\" y=\"4\" width=\"16\" height=\"16\" rx=\"2\"\/><path d=\"M8 4v16M16 4v16\"\/><\/svg><\/div>\n<p> <\/p>\n<div class=\"fv-card-body\"> <\/p>\n<h3>Black & White roll film<\/h3>\n<p> <pee>Medium format, larger negative and outstanding detail for advanced shooters.<\/pee> <span class=\"fv-go\">View <span class=\"arr\">\u2192<\/span><\/span> <\/div>\n<p> <\/a> <a href=\"https:\/\/filmisnotdead.hu\/en\/termekkategoria\/films\/color-films-120\/\" class=\"fv-card\"> <span class=\"fv-tag\">120 \/ roll film<\/span> <\/p>\n<div class=\"fv-icon\"><svg viewBox=\"0 0 24 24\"><rect x=\"4\" y=\"4\" width=\"16\" height=\"16\" rx=\"2\"\/><circle cx=\"12\" cy=\"12\" r=\"3.5\"\/><path d=\"M8 4v16M16 4v16\"\/><\/svg><\/div>\n<p> <\/p>\n<div class=\"fv-card-body\"> <\/p>\n<h3>Color roll film<\/h3>\n<p> <pee>Medium format color film \u2014 for studio and landscape photography, maximum quality.<\/pee> <span class=\"fv-go\">View <span class=\"arr\">\u2192<\/span><\/span> <\/div>\n<p> <\/a> <a href=\"https:\/\/filmisnotdead.hu\/en\/termekkategoria\/films\/instax-films\/\" class=\"fv-card\"> <span class=\"fv-tag\">instant<\/span> <\/p>\n<div class=\"fv-icon\"><svg viewBox=\"0 0 24 24\"><rect x=\"3\" y=\"4\" width=\"18\" height=\"17\" rx=\"2\"\/><rect x=\"6\" y=\"7\" width=\"12\" height=\"9\" rx=\"1\"\/><path d=\"M6 18h12\"\/><\/svg><\/div>\n<p> <\/p>\n<div class=\"fv-card-body\"> <\/p>\n<h3>Instax film<\/h3>\n<p> <pee>Instant, hand-held prints. Perfect for parties, gifts, and quick memories.<\/pee> <span class=\"fv-go\">View <span class=\"arr\">\u2192<\/span><\/span> <\/div>\n<p> <\/a> <a href=\"https:\/\/filmisnotdead.hu\/en\/termekkategoria\/films\/\" class=\"fv-card\"> <span class=\"fv-tag\">all<\/span> <\/p>\n<div class=\"fv-icon\"><svg viewBox=\"0 0 24 24\"><path d=\"M4 7V5h13v2M9 21V9h11v12zM13 13h4\"\/><\/svg><\/div>\n<p> <\/p>\n<div class=\"fv-card-body\"> <\/p>\n<h3>All films<\/h3>\n<p> <pee>Just want to browse? All our films in one place, with filtering.<\/pee> <span class=\"fv-go\">View all <span class=\"arr\">\u2192<\/span><\/span> <\/div>\n<p> <\/a> <\/div>\n<p> <\/div>\n<p> <\/section>\n<p>  <\/p>\n<section class=\"fv-help\"> <\/p>\n<div class=\"fv-wrap fv-help-inner\"> <\/p>\n<div> <\/p>\n<h3>Not sure which one to choose?<\/h3>\n<p> <pee>Send us a few words about what and how you want to shoot \u2014 we’ll help you pick the right film.<\/pee> <\/div>\n<p> <a href=\"https:\/\/filmisnotdead.hu\/kapcsolat\/\" class=\"fv-btn\"><span>Ask us<\/span> <span class=\"arr\">\u2192<\/span><\/a> <\/div>\n<p> <\/section>\n<p><\/div>\n<p><link href=\"https:\/\/fonts.googleapis.com\/css2?family=Bricolage+Grotesque:wght@800&family=Instrument+Serif:ital@0;1&family=IBM+Plex+Mono:wght@300;400;500&family=Poppins:wght@400;500&display=swap\" rel=\"stylesheet\" \/><\/p>\n<style>\/* === Film style selector module \u2014 scoped .fnd-fp- prefix === *\/.fnd-fp { box-sizing:border-box; background:#1a1714; \/* STRONGER BOTTOM-LEFT RED GRADIENT + subtle top-right highlight *\/ background-image: radial-gradient(ellipse 80% 60% at 0% 110%, rgba(193,52,42,0.42) 0%, rgba(193,52,42,0.18) 35%, transparent 70%), radial-gradient(ellipse 50% 45% at 100% 0%, rgba(200,155,60,0.10) 0%, transparent 60%); color:#f3ede1 !important; padding:48px 32px; font-family:'Instrument Serif', Georgia, serif;}.fnd-fp *, .fnd-fp *::before, .fnd-fp *::after { box-sizing:border-box; }.fnd-fp__inner { max-width:1180px; margin:0 auto; position:relative; z-index:1; }\/* Header *\/.fnd-fp__head { display:flex; justify-content:space-between; align-items:flex-start; gap:32px; margin-bottom:62px; flex-wrap:wrap; }.fnd-fp .fnd-fp__kicker { font-family:'IBM Plex Mono', monospace; font-size:11px; font-weight:400; letter-spacing:0.22em; text-transform:uppercase; color:#c1342a !important; }.fnd-fp .fnd-fp__title { font-family:'Bricolage Grotesque', sans-serif; font-weight:800; font-size:52px; line-height:0.98; margin:10px 0 0; letter-spacing:-0.02em; max-width:680px; color:#f3ede1 !important; }.fnd-fp .fnd-fp__title em { font-style:italic; color:#b80000 !important; }\/* Grid: list left, preview right *\/.fnd-fp__grid { display:grid; grid-template-columns:minmax(0,0.7fr) minmax(0,1.5fr); gap:36px; align-items:flex-start; }\/* Filters \u2014 above preview, only inside the right column *\/.fnd-fp__filters { display:flex; gap:24px; align-items:center; margin-bottom:14px; flex-wrap:nowrap; }.fnd-fp__filters .fnd-fp__filter-group { display:flex; align-items:center; gap:12px; margin:0; }@media (max-width:700px) { .fnd-fp__filters { flex-direction:column; align-items:flex-start; gap:10px; } .fnd-fp .fnd-fp__filter-label { width:60px; }}.fnd-fp .fnd-fp__filter-label { font-family:'IBM Plex Mono', monospace; font-size:10px; letter-spacing:0.22em; text-transform:uppercase; color:rgba(243,237,225,0.5) !important; white-space:nowrap; width:72px; flex:0 0 auto;}\/* Toggle buttons *\/.fnd-fp__toggle { display:inline-flex; border:1px solid rgba(243,237,225,0.22); padding:3px; background:rgba(243,237,225,0.03); animation:fndFpToggleBreath 6s ease-in-out infinite; }@keyframes fndFpToggleBreath { 0%, 75%, 100% { box-shadow:0 0 0 0 rgba(193,52,42,0); border-color:rgba(243,237,225,0.22); } 35% { box-shadow:0 0 10px 0 rgba(193,52,42,0.14); border-color:rgba(193,52,42,0.32); }}.fnd-fp__toggle:hover, .fnd-fp__toggle:focus-within { animation:none; border-color:rgba(193,52,42,0.55); }.fnd-fp__toggle-btn { font-family:'IBM Plex Mono', monospace; font-size:11px; letter-spacing:0.16em; text-transform:uppercase; padding:8px 16px; white-space:nowrap; border:0; background:transparent; color:rgba(243,237,225,0.65) !important; cursor:pointer; display:inline-flex; align-items:center; gap:6px; transition:background .15s ease, color .15s ease;}.fnd-fp__toggle-btn:hover { color:#f3ede1 !important; }.fnd-fp__toggle-btn.is-active { background:#f3ede1; color:#1a1714 !important; }.fnd-fp__toggle-btn .fnd-fp__toggle-count { font-size:10px; opacity:0.55; letter-spacing:0.1em; }\/* List *\/.fnd-fp__list-wrap { position:relative; }.fnd-fp__list { list-style:none; margin:0; padding:0; max-height:520px; overflow-y:auto; scrollbar-width:thin; scrollbar-color:rgba(243,237,225,0.25) transparent; -webkit-mask-image:linear-gradient(to bottom, black 0, black calc(100% - 32px), transparent 100%); mask-image:linear-gradient(to bottom, black 0, black calc(100% - 32px), transparent 100%);}.fnd-fp__list.no-mask { -webkit-mask-image:none; mask-image:none; }.fnd-fp__list::-webkit-scrollbar { width:6px; }.fnd-fp__list::-webkit-scrollbar-track { background:transparent; }.fnd-fp__list::-webkit-scrollbar-thumb { background:rgba(243,237,225,0.18); border-radius:3px; }.fnd-fp__list::-webkit-scrollbar-thumb:hover { background:rgba(243,237,225,0.35); }.fnd-fp__item { padding:0; margin:0; border-bottom:1px solid rgba(243,237,225,0.13); list-style:none; }.fnd-fp__btn { display:block; width:100%; text-align:left; padding:14px 16px 14px 12px; border:0; background:transparent; cursor:pointer; opacity:0.55; transition:opacity .2s ease, background .35s ease; font-family:inherit; color:#f3ede1 !important; position:relative; overflow:hidden;}.fnd-fp__btn::before { \/* subtle left red bar for active state *\/ content:\"\"; position:absolute; left:0; top:0; bottom:0; width:3px; background:#c1342a; transform:scaleY(0); transform-origin:center; transition:transform .35s cubic-bezier(.4,0,.2,1);}.fnd-fp__btn:hover { opacity:0.85; }.fnd-fp__btn.is-active { opacity:1; background:linear-gradient( 90deg, rgba(193,52,42,0.22) 0%, rgba(193,52,42,0.10) 50%, rgba(193,52,42,0) 100% );}.fnd-fp__btn.is-active::before { transform:scaleY(1);}.fnd-fp__btn:focus-visible { outline:1px dashed rgba(243,237,225,0.4); outline-offset:4px; }.fnd-fp__btn-row { display:flex; align-items:baseline; gap:12px; flex-wrap:wrap; }.fnd-fp .fnd-fp__btn-no { font-family:'IBM Plex Mono', monospace; font-size:11px; color:#c1342a !important; letter-spacing:0.1em; flex:0 0 auto; }.fnd-fp .fnd-fp__btn-name { font-family:'Poppins', sans-serif; font-weight:200; font-size:24px; line-height:1.1; color:#f3ede1 !important; }.fnd-fp .fnd-fp__btn-state { margin-left:auto; font-family:'IBM Plex Mono', monospace; font-size:10px; color:rgba(243,237,225,0.55) !important; letter-spacing:0.14em; flex:0 0 auto; }.fnd-fp .fnd-fp__btn-vibe { display:block; font-family:'IBM Plex Mono', monospace; font-size:10px; color:rgba(243,237,225,0.55) !important; margin-top:4px; letter-spacing:0.12em; text-transform:uppercase; padding-left:27px; }.fnd-fp__list-hint { font-family:'IBM Plex Mono', monospace; font-size:10px; letter-spacing:0.18em; text-transform:uppercase; color:rgba(243,237,225,0.45) !important; margin-top:12px; padding-left:27px; display:none; }.fnd-fp__list-hint.is-visible { display:block; }\/* Preview *\/.fnd-fp__preview { min-width:0; margin-top:-52px; }.fnd-fp__photo-wrap { position:relative; width:100%; aspect-ratio:16\/10; overflow:hidden; background:#0d0807; cursor:zoom-in; }.fnd-fp__skeleton { position:absolute; inset:0; background: repeating-linear-gradient(135deg, rgba(0,0,0,0.08) 0 2px, rgba(0,0,0,0) 2px 9px), linear-gradient(120deg, #3a2a20 0%, #6b5a48 50%, #2b211a 100%); background-size:auto, 200% 100%; animation:fndFpShimmer 1.6s linear infinite; z-index:1;}.fnd-fp__photo-wrap.is-loaded .fnd-fp__skeleton { opacity:0; transition:opacity .25s ease .05s; }.fnd-fp__photo { position:absolute; inset:0; width:100%; height:100%; object-fit:cover; opacity:0; transition:opacity .35s ease; z-index:2; display:block; }.fnd-fp__photo-wrap.is-loaded .fnd-fp__photo { opacity:1; }.fnd-fp__photo-badge { position:absolute; top:10px; left:10px; z-index:4; font-family:'IBM Plex Mono', monospace; font-size:10px; letter-spacing:0.16em; color:rgba(255,255,255,0.88) !important; background:rgba(0,0,0,0.5); padding:4px 8px; border:1px solid rgba(255,255,255,0.15);}.fnd-fp__zoom-hint { position:absolute; top:10px; right:10px; z-index:4; font-family:'IBM Plex Mono', monospace; font-size:10px; letter-spacing:0.16em; color:rgba(255,255,255,0.85) !important; background:rgba(0,0,0,0.5); padding:4px 8px; border:1px solid rgba(255,255,255,0.15); pointer-events:none; opacity:0; transition:opacity .15s ease;}.fnd-fp__photo-wrap:hover .fnd-fp__zoom-hint { opacity:1; }\/* Gallery controls *\/.fnd-fp__nav { position:absolute; top:50%; transform:translateY(-50%); width:42px; height:42px; display:flex; align-items:center; justify-content:center; background:rgba(0,0,0,0.45); color:#f3ede1 !important; border:1px solid rgba(255,255,255,0.18); cursor:pointer; z-index:5; font-family:'IBM Plex Mono', monospace; font-size:18px; transition:background .15s ease, border-color .15s ease;}.fnd-fp__nav:hover { background:#c1342a; border-color:#c1342a; }.fnd-fp__nav--prev { left:10px; }.fnd-fp__nav--next { right:10px; }.fnd-fp__nav[hidden] { display:none; }.fnd-fp__counter { position:absolute; bottom:10px; right:10px; z-index:4; font-family:'IBM Plex Mono', monospace; font-size:10px; letter-spacing:0.16em; color:rgba(255,255,255,0.85) !important; background:rgba(0,0,0,0.5); padding:4px 8px; border:1px solid rgba(255,255,255,0.15);}.fnd-fp__counter[hidden] { display:none; }.fnd-fp__dots { position:absolute; bottom:12px; left:50%; transform:translateX(-50%); display:flex; gap:6px; z-index:5; }.fnd-fp__dot { width:6px; height:6px; border-radius:50%; background:rgba(255,255,255,0.35); border:0; padding:0; cursor:pointer; transition:background .15s ease, transform .15s ease; }.fnd-fp__dot.is-active { background:#f3ede1; transform:scale(1.3); }.fnd-fp__dots[hidden] { display:none; }@keyframes fndFpShimmer { 0% { background-position:0 0, 200% 0; } 100% { background-position:0 0, -200% 0; }}\/* Detail *\/.fnd-fp__detail { margin-top:20px; display:grid; grid-template-columns:1.4fr 1fr; gap:28px; }.fnd-fp .fnd-fp__desc { font-family:'Poppins', sans-serif; font-size:16px; line-height:1.5; margin:0; color:#f3ede1 !important; }.fnd-fp__meta { display:flex; gap:6px; flex-wrap:wrap; margin:14px 0 0 -15px; padding:0; list-style:none; }.fnd-fp .fnd-fp__chip { font-family:'IBM Plex Mono', monospace; font-size:10px; letter-spacing:0.14em; text-transform:uppercase; padding:5px 9px; border:1px solid rgba(243,237,225,0.25); color:rgba(243,237,225,0.85) !important; list-style:none; }\/* Highlighted red chips \u2014 format + category *\/.fnd-fp .fnd-fp__chip--fmt,.fnd-fp .fnd-fp__chip--cat { border-color:#c1342a; color:#f3ede1 !important; background:rgba(193,52,42,0.18);}.fnd-fp__buy { border-left:1px solid rgba(243,237,225,0.15); padding-left:24px; }.fnd-fp .fnd-fp__buy-label { font-family:'IBM Plex Mono', monospace; font-size:11px; color:rgba(243,237,225,0.55) !important; letter-spacing:0.16em; text-transform:uppercase; }.fnd-fp .fnd-fp__buy-price { font-family:'Poppins', sans-serif; font-size:36px; margin-top:4px; line-height:1; color:#f3ede1 !important; }.fnd-fp .fnd-fp__price-unit { font-family:'IBM Plex Mono', monospace; font-size:12px; letter-spacing:0.08em; text-transform:lowercase; color:rgba(243,237,225,0.5) !important; font-weight:400; margin-left:6px; vertical-align:middle;}.fnd-fp__buy-actions { display:flex; flex-wrap:wrap; gap:8px; margin-top:14px; }.fnd-fp .fnd-fp__buy-btn { display:inline-flex; align-items:center; gap:8px; padding:11px 16px; text-decoration:none !important; font-family:'IBM Plex Mono', monospace; font-size:12px; letter-spacing:0.08em; text-transform:uppercase; border:1px solid; transition:background .15s ease, color .15s ease, border-color .15s ease; cursor:pointer; }.fnd-fp .fnd-fp__buy-btn--primary { background:#c1342a; color:#f3ede1 !important; border-color:#c1342a; }.fnd-fp .fnd-fp__buy-btn--primary:hover { background:#8a2218; border-color:#8a2218; }.fnd-fp .fnd-fp__buy-btn--ghost { background:transparent; color:#f3ede1 !important; border-color:rgba(243,237,225,0.4); }.fnd-fp .fnd-fp__buy-btn--ghost:hover { background:#f3ede1; color:#1a1714 !important; border-color:#f3ede1; }.fnd-fp .fnd-fp__buy-btn.is-loading { opacity:0.7; pointer-events:none; }.fnd-fp .fnd-fp__buy-btn.is-success { background:#1f8a5b !important; border-color:#1f8a5b !important; color:#f3ede1 !important; }.fnd-fp .fnd-fp__buy-btn.is-error { background:#8a2218 !important; border-color:#8a2218 !important; }.fnd-fp .fnd-fp__buy-note { font-family:'IBM Plex Mono', monospace; font-size:10px; color:rgba(243,237,225,0.45) !important; margin-top:10px; letter-spacing:0.14em; }\/* Responsive *\/@media (max-width:1100px) { .fnd-fp .fnd-fp__title { font-size:44px; } .fnd-fp .fnd-fp__btn-name { font-size:21px; } .fnd-fp .fnd-fp__lede { text-align:left; }}@media (max-width:880px) { .fnd-fp { padding:36px 16px; overflow:hidden; } .fnd-fp .fnd-fp__title { font-size:32px; } .fnd-fp .fnd-fp__lede { text-align:left; } .fnd-fp__head { margin-bottom:24px; } \/* MOBILE: grid -> single column, order swapped *\/ .fnd-fp__grid { grid-template-columns:minmax(0, 1fr); gap:20px; min-width:0; } .fnd-fp__preview { display:contents; margin-top:0; } \/* FILTERS \u2014 more compact, vertical layout *\/ .fnd-fp__filters { order:1; margin-bottom:0; padding:12px 14px; background:rgba(243,237,225,0.03); border:1px solid rgba(243,237,225,0.1); border-radius:4px; display:flex; flex-direction:column; gap:12px; min-width:0; max-width:100%; box-sizing:border-box; } .fnd-fp__filter-group { display:flex; flex-direction:column; align-items:flex-start; gap:6px; margin:0; min-width:0; width:100%; } .fnd-fp .fnd-fp__filter-label { width:auto; flex:none; } .fnd-fp__toggle { width:100%; display:flex; } .fnd-fp__toggle-btn { flex:1 1 0; justify-content:center; padding:8px 10px; min-width:0; } .fnd-fp__list-wrap { order:2; min-width:0; max-width:100%; } .fnd-fp__photo-wrap { order:3; min-width:0; max-width:100%; overflow:hidden; } .fnd-fp__photo-wrap img, .fnd-fp__photo { max-width:100%; height:auto; display:block; } .fnd-fp__detail { order:4; grid-template-columns:1fr; gap:20px; min-width:0; max-width:100%; } .fnd-fp__buy { border-left:0; border-top:1px solid rgba(243,237,225,0.15); padding-left:0; padding-top:18px; min-width:0; } .fnd-fp__list { max-height:215px; } .fnd-fp__nav { width:36px; height:36px; }}\/* Lightbox *\/.fnd-fp-lb { position:fixed !important; top:0 !important; left:0 !important; right:0 !important; bottom:0 !important; z-index:2147483647 !important; background:rgba(8,6,5,0.96); display:none; align-items:center; justify-content:center; padding:48px; font-family:'IBM Plex Mono', monospace; color:#f3ede1 !important;}.fnd-fp-lb.is-open { display:flex !important;}.fnd-fp-lb__inner { position:relative; width:100%; height:100%; display:flex; flex-direction:column; align-items:center; justify-content:center; }.fnd-fp-lb__stage { position:relative; flex:1; width:100%; display:flex; align-items:center; justify-content:center; min-height:0; }.fnd-fp-lb__skeleton { position:absolute; inset:auto; width:80%; height:80%; background: repeating-linear-gradient(135deg, rgba(255,255,255,0.04) 0 2px, rgba(0,0,0,0) 2px 9px), linear-gradient(120deg, #2a2018 0%, #4b3a2e 50%, #1a1310 100%); background-size:auto, 200% 100%; animation:fndFpShimmer 1.6s linear infinite;}.fnd-fp-lb.is-loaded .fnd-fp-lb__skeleton { display:none; }.fnd-fp-lb__img { max-width:100%; max-height:100%; object-fit:contain; opacity:0; transition:opacity .25s ease; box-shadow:0 30px 80px rgba(0,0,0,0.6); }.fnd-fp-lb.is-loaded .fnd-fp-lb__img { opacity:1; }.fnd-fp-lb__close { position:absolute; top:18px; right:18px; width:42px; height:42px; background:rgba(255,255,255,0.06); border:1px solid rgba(255,255,255,0.18); color:#f3ede1 !important; font-size:20px; cursor:pointer; display:flex; align-items:center; justify-content:center; transition:background .15s ease, border-color .15s ease;}.fnd-fp-lb__close:hover { background:#c1342a; border-color:#c1342a; }.fnd-fp-lb__nav { position:absolute; top:50%; transform:translateY(-50%); width:48px; height:48px; background:rgba(255,255,255,0.06); border:1px solid rgba(255,255,255,0.18); color:#f3ede1 !important; font-size:22px; cursor:pointer; display:flex; align-items:center; justify-content:center; transition:background .15s ease, border-color .15s ease;}.fnd-fp-lb__nav:hover { background:#c1342a; border-color:#c1342a; }.fnd-fp-lb__nav--prev { left:18px; }.fnd-fp-lb__nav--next { right:18px; }.fnd-fp-lb__nav[hidden] { display:none; }.fnd-fp-lb__caption { position:absolute; bottom:18px; left:50%; transform:translateX(-50%); display:flex; gap:14px; align-items:center; font-size:11px; letter-spacing:0.18em; text-transform:uppercase; color:rgba(243,237,225,0.75) !important;}.fnd-fp-lb__caption span:first-child { color:#f3ede1 !important; }@media (max-width:700px) { .fnd-fp-lb { padding:16px; } .fnd-fp-lb__nav { width:40px; height:40px; } .fnd-fp-lb__close { width:38px; height:38px; }}<\/style>\n<p><\/p>\n<section class=\"fnd-fp\" id=\"fnd-fp\"> <\/p>\n<div class=\"fnd-fp__inner\">  <\/p>\n<header class=\"fnd-fp__head\"> <\/p>\n<div> <\/p>\n<div class=\"fnd-fp__kicker\">Film Character Selector<\/div>\n<p> <\/p>\n<h2 class=\"fnd-fp__title\">Feel the film <em>before<\/em> you order.<\/h2>\n<p> <\/div>\n<p> <pee class=\"fnd-fp__lede\">It matters which roll you load. Pick a mood, see what it gives back.<\/pee> <\/header>\n<p>  <\/p>\n<div class=\"fnd-fp__grid\">  <\/p>\n<div class=\"fnd-fp__list-wrap\"> <\/p>\n<ul class=\"fnd-fp__list\" id=\"fnd-fp-list\" role=\"tablist\" aria-label=\"Films\"><\/ul>\n<p> <\/p>\n<div class=\"fnd-fp__list-hint\" id=\"fnd-fp-list-hint\">\u2193 more films \u2014 scroll<\/div>\n<p> <\/div>\n<p>  <\/p>\n<div class=\"fnd-fp__preview\">  <\/p>\n<div class=\"fnd-fp__filters\"> <\/p>\n<div class=\"fnd-fp__filter-group\"> <label class=\"fnd-fp__filter-label\">Film type<\/label> <\/p>\n<div class=\"fnd-fp__toggle\" role=\"tablist\" aria-label=\"Film type\"> <button class=\"fnd-fp__toggle-btn is-active\" type=\"button\" data-cat=\"color\" role=\"tab\" aria-selected=\"true\"> Color <span class=\"fnd-fp__toggle-count\" id=\"fnd-fp-count-color\"><\/span> <\/button> <button class=\"fnd-fp__toggle-btn\" type=\"button\" data-cat=\"bw\" role=\"tab\" aria-selected=\"false\"> Black & White <span class=\"fnd-fp__toggle-count\" id=\"fnd-fp-count-bw\"><\/span> <\/button> <\/div>\n<p> <\/div>\n<p> <\/p>\n<div class=\"fnd-fp__filter-group\"> <label class=\"fnd-fp__filter-label\">Size<\/label> <\/p>\n<div class=\"fnd-fp__toggle\" role=\"tablist\" aria-label=\"Film size\"> <button class=\"fnd-fp__toggle-btn is-active\" type=\"button\" data-fmt=\"135\" role=\"tab\" aria-selected=\"true\"> 35mm <span class=\"fnd-fp__toggle-count\" id=\"fnd-fp-count-135\"><\/span> <\/button> <button class=\"fnd-fp__toggle-btn\" type=\"button\" data-fmt=\"120\" role=\"tab\" aria-selected=\"false\"> 120 <span class=\"fnd-fp__toggle-count\" id=\"fnd-fp-count-120\"><\/span> <\/button> <\/div>\n<p> <\/div>\n<p> <\/div>\n<p>  <\/p>\n<div class=\"fnd-fp__photo-wrap\" id=\"fnd-fp-photo-wrap\" tabindex=\"0\" role=\"button\" aria-label=\"Zoom image\"> <\/p>\n<div class=\"fnd-fp__skeleton\" aria-hidden=\"true\"><\/div>\n<p> <img class=\"fnd-fp__photo\" id=\"fnd-fp-photo\" alt=\"\" \/> <\/p>\n<div class=\"fnd-fp__photo-badge\" id=\"fnd-fp-badge\">\u25c9 SAMPLE<\/div>\n<p> <\/p>\n<div class=\"fnd-fp__zoom-hint\">\u2295 CLICK TO ZOOM<\/div>\n<p> <button class=\"fnd-fp__nav fnd-fp__nav--prev\" id=\"fnd-fp-prev\" type=\"button\" aria-label=\"Previous image\">\u2039<\/button> <button class=\"fnd-fp__nav fnd-fp__nav--next\" id=\"fnd-fp-next\" type=\"button\" aria-label=\"Next image\">\u203a<\/button> <\/p>\n<div class=\"fnd-fp__counter\" id=\"fnd-fp-counter\">01 \/ 03<\/div>\n<p> <\/p>\n<div class=\"fnd-fp__dots\" id=\"fnd-fp-dots\" role=\"tablist\" aria-label=\"Gallery\"><\/div>\n<p> <\/div>\n<p>  <\/p>\n<div class=\"fnd-fp__detail\"> <\/p>\n<div> <pee class=\"fnd-fp__desc\" id=\"fnd-fp-desc\"><\/pee> <\/p>\n<ul class=\"fnd-fp__meta\" id=\"fnd-fp-meta\"><\/ul>\n<p> <\/div>\n<p> <\/p>\n<div class=\"fnd-fp__buy\"> <\/p>\n<div class=\"fnd-fp__buy-price\" id=\"fnd-fp-price\"><\/div>\n<p> <\/p>\n<div class=\"fnd-fp__buy-actions\"> <a class=\"fnd-fp__buy-btn fnd-fp__buy-btn--primary\" id=\"fnd-fp-cart\" href=\"#\">Add to cart \u2192<\/a> <a class=\"fnd-fp__buy-btn fnd-fp__buy-btn--ghost\" id=\"fnd-fp-cta\" href=\"#\">View<\/a> <\/div>\n<p> <\/p>\n<div class=\"fnd-fp__buy-note\"><\/div>\n<p> <\/div>\n<p> <\/div>\n<p> <\/div>\n<p> <\/div>\n<p> <\/div>\n<p>  <\/p>\n<div class=\"fnd-fp-lb\" id=\"fnd-fp-lb\" role=\"dialog\" aria-modal=\"true\" aria-label=\"Image zoomed\"> <\/p>\n<div class=\"fnd-fp-lb__inner\"> <button class=\"fnd-fp-lb__close\" id=\"fnd-fp-lb-close\" type=\"button\" aria-label=\"Close\">\u2715<\/button> <\/p>\n<div class=\"fnd-fp-lb__stage\"> <\/p>\n<div class=\"fnd-fp-lb__skeleton\" aria-hidden=\"true\"><\/div>\n<p> <img class=\"fnd-fp-lb__img\" id=\"fnd-fp-lb-img\" alt=\"\" \/> <button class=\"fnd-fp-lb__nav fnd-fp-lb__nav--prev\" id=\"fnd-fp-lb-prev\" type=\"button\" aria-label=\"Previous\">\u2039<\/button> <button class=\"fnd-fp-lb__nav fnd-fp-lb__nav--next\" id=\"fnd-fp-lb-next\" type=\"button\" aria-label=\"Next\">\u203a<\/button> <\/div>\n<p> <\/p>\n<div class=\"fnd-fp-lb__caption\" id=\"fnd-fp-lb-caption\"> <span><\/span><span><\/span> <\/div>\n<p> <\/div>\n<p> <\/div>\n<p><\/section>\n<p><script>(function () { \/\/ =================================================================== \/\/ \u2b07\u2b07\u2b07 EDIT THE FILMS HERE \u2b07\u2b07\u2b07 \/\/ NOTE: the IDs below are the Hungarian WooCommerce product IDs. \/\/ For the English site you must replace them with the EN product IDs \/\/ (WPML uses different IDs per translation). The texts and slugs are \/\/ already translated. \/\/ =================================================================== var FILMS = [ \/\/ ============= COLOR ============= { category: 'color', name: 'Kodak Gold 200', vibe: 'warm \u00b7 nostalgic \u00b7 family', desc: 'The film of Sunday afternoon sunshine. Golden skin tones, soft contrast.', meta: ['ISO 200', 'beginner-friendly'], images: [ 'https:\/\/picsum.photos\/seed\/fnd-gold-1\/1400\/900', 'https:\/\/picsum.photos\/seed\/fnd-gold-2\/1400\/900', 'https:\/\/picsum.photos\/seed\/fnd-gold-3\/1400\/900' ], ids: { '135': 1673, '120': 301 }, prices: { '135': '\u20ac8.90', '120': '\u20ac14.90' } }, { category: 'color', name: 'Kodak Ultramax 400', vibe: 'versatile \u00b7 street \u00b7 family \u00b7 travel', desc: 'Versatile, contrasty color negative. Bolder colors than Gold, higher sensitivity.', meta: ['ISO 400', 'all-rounder'], images: [ 'https:\/\/picsum.photos\/seed\/fnd-ultra-1\/1400\/900', 'https:\/\/picsum.photos\/seed\/fnd-ultra-2\/1400\/900' ], ids: { '135': 305 }, prices: { '135': '\u2014 \u20ac' } }, { category: 'color', name: 'Kodak Ektar 100', vibe: 'sharp \u00b7 saturated \u00b7 landscape & architecture', desc: 'The finest-grained color negative. Vivid, saturated colors, high resolution.', meta: ['ISO 100', 'fine grain'], note: { '135': '\u26a0 check expiry date', '120': '\u2713 in stock \u00b7 \u2713 fresh expiry date' }, images: [ 'https:\/\/picsum.photos\/seed\/fnd-ektar-1\/1400\/900', 'https:\/\/picsum.photos\/seed\/fnd-ektar-2\/1400\/900' ], ids: { '135': 47, '120': 1301 }, prices: { '135': '\u2014 \u20ac', '120': '\u2014 \u20ac' } }, { category: 'color', name: 'Fujifilm 200', vibe: 'versatile \u00b7 street \u00b7 family \u00b7 travel', desc: 'Classic Japanese emulsion. Natural colors, pleasing skin tones, reliable everyday performance.', meta: ['ISO 200', 'all-rounder'], images: [ 'https:\/\/picsum.photos\/seed\/fnd-ultra-1\/1400\/900', 'https:\/\/picsum.photos\/seed\/fnd-ultra-2\/1400\/900' ], ids: { '135': 144 }, prices: { '135': '\u2014 \u20ac' } }, { category: 'color', name: 'Cinestill 50D', vibe: 'ultra-fine \u00b7 sunshine \u00b7 detailed', desc: 'The finest Cinestill emulsion. Optimized for daylight (5500K) \u2014 low grain, extreme detail.', meta: ['ISO 50', 'fine grain'], images: [ 'https:\/\/picsum.photos\/seed\/fnd-cs50-1\/1400\/900', 'https:\/\/picsum.photos\/seed\/fnd-cs50-2\/1400\/900' ], ids: { '135': 6705, '120': 1286 }, prices: { '135': '\u2014 \u20ac', '120': '\u2014 \u20ac' } }, { category: 'color', name: 'Cinestill 400D', vibe: 'daylight \u00b7 cinematic \u00b7 balanced', desc: \"Cinestill's color negative built on daylight cine film. Natural skin tones, soft grain.\", meta: ['ISO 400', 'cine film base'], images: [ 'https:\/\/picsum.photos\/seed\/fnd-cs400-1\/1400\/900', 'https:\/\/picsum.photos\/seed\/fnd-cs400-2\/1400\/900' ], ids: { '135': 2725, '120': 2732 }, prices: { '135': '\u2014 \u20ac', '120': '\u2014 \u20ac' } }, { category: 'color', name: 'Cinestill 800T', vibe: 'nighttime \u00b7 neon \u00b7 halo effect', desc: 'Negative made from cine film. Optimized for tungsten light (3200K) \u2014 neon, car lights, nighttime moments.', meta: ['ISO 800', 'experimental'], images: [ 'https:\/\/picsum.photos\/seed\/fnd-cs800-1\/1400\/900', 'https:\/\/picsum.photos\/seed\/fnd-cs800-2\/1400\/900', 'https:\/\/picsum.photos\/seed\/fnd-cs800-3\/1400\/900' ], ids: { '135': 2714, '120': 2720 }, prices: { '135': '\u20ac21.90', '120': '\u2014 \u20ac' } }, { category: 'color', name: 'Harman Phoenix 200 II', vibe: 'balanced \u00b7 truer colors \u00b7 refined', desc: 'The second iteration of Phoenix. More restrained character, better dynamic range.', meta: ['ISO 200', 'new formula'], images: [ 'https:\/\/picsum.photos\/seed\/fnd-phoenix2-1\/1400\/900', 'https:\/\/picsum.photos\/seed\/fnd-phoenix2-2\/1400\/900' ], ids: { '135': 1665, '120': 7209 }, prices: { '135': '\u2014 \u20ac' } }, { category: 'color', name: 'Harman Phoenix 200', vibe: 'experimental \u00b7 retro \u00b7 dramatic contrast', desc: \"Harman's first own color negative. High contrast, retro-saturated colors, pronounced grain.\", meta: ['ISO 200', 'Harman-made'], images: [ 'https:\/\/picsum.photos\/seed\/fnd-phoenix-1\/1400\/900', 'https:\/\/picsum.photos\/seed\/fnd-phoenix-2\/1400\/900' ], ids: { '135': 1645, '120': 1657 }, prices: { '135': '\u2014 \u20ac' } }, { category: 'color', name: 'Harman Photo RED 125', vibe: 'red dominance \u00b7 warm \u00b7 artistic', desc: \"Harman's experimental color negative with a red-orange dominated palette. Dramatic, painterly mood \u2014 for creative projects.\", meta: ['ISO 125', 'cine film base'], images: [ 'https:\/\/picsum.photos\/seed\/fnd-cs400-1\/1400\/900', 'https:\/\/picsum.photos\/seed\/fnd-cs400-2\/1400\/900' ], ids: { '135': 7158, '120': 7236 }, prices: { '135': '\u2014 \u20ac', '120': '\u2014 \u20ac' } }, \/\/ ============= BLACK & WHITE ============= { category: 'bw', name: 'Ilford Pan 100', vibe: 'fine grain \u00b7 panchromatic', desc: \"Ilford's entry-level B&W film. Fine grain, neutral character.\", meta: ['ISO 100', 'beginner-friendly'], images: [ 'https:\/\/picsum.photos\/seed\/fnd-pan100-1\/1400\/900?grayscale', 'https:\/\/picsum.photos\/seed\/fnd-pan100-2\/1400\/900?grayscale' ], ids: { '135': 45 }, prices: { '135': '\u2014 \u20ac' } }, { category: 'bw', name: 'Ilford FP4+', vibe: 'balanced \u00b7 versatile \u00b7 classic', desc: \"Ilford's iconic mid-speed emulsion. Fine grain, rich tonal transitions, reliable character \u2014 for landscape, portrait, and documentary alike.\", meta: ['ISO 125', 'classic'], images: [ 'https:\/\/picsum.photos\/seed\/fnd-fp4-1\/1400\/900?grayscale', 'https:\/\/picsum.photos\/seed\/fnd-fp4-2\/1400\/900?grayscale' ], ids: { '135': 1675, '120': 2754 }, prices: { '135': '\u2014 \u20ac', '120': '\u2014 \u20ac' } }, { category: 'bw', name: 'Ilford Delta 400', vibe: 'fine grain \u00b7 modern \u00b7 versatile', desc: \"Ilford's modern T-grain emulsion. Surprisingly fine grain and sharp detail for ISO 400 \u2014 reportage, street, low light.\", meta: ['ISO 400', 'T-grain'], images: [ 'https:\/\/picsum.photos\/seed\/fnd-fp4-1\/1400\/900?grayscale', 'https:\/\/picsum.photos\/seed\/fnd-fp4-2\/1400\/900?grayscale' ], ids: { '135': 21, '120': 28 }, prices: { '135': '\u2014 \u20ac', '120': '\u2014 \u20ac' } }, { category: 'bw', name: 'Agfa APX 100', vibe: 'classic German \u00b7 contrasty \u00b7 tonal', desc: 'Traditional German recipe. High resolution, contrasty, rich midtones.', meta: ['ISO 100', 'classic'], images: [ 'https:\/\/picsum.photos\/seed\/fnd-apx-1\/1400\/900?grayscale', 'https:\/\/picsum.photos\/seed\/fnd-apx-2\/1400\/900?grayscale' ], ids: { '135': 40 }, prices: { '135': '\u2014 \u20ac' } }, { category: 'bw', name: 'Fomapan 100', vibe: 'Czech classic \u00b7 affordable \u00b7 beginner', desc: 'Czech-made classic B&W. Affordable, distinctive grain, easy to develop at home.', meta: ['ISO 100', 'beginner-friendly'], images: [ 'https:\/\/picsum.photos\/seed\/fnd-foma100-1\/1400\/900?grayscale', 'https:\/\/picsum.photos\/seed\/fnd-foma100-2\/1400\/900?grayscale' ], ids: { '135': 54, '120': 1267 }, prices: { '135': '\u2014 \u20ac', '120': '\u2014 \u20ac' } }, { category: 'bw', name: 'Fomapan 200', vibe: 'versatile \u00b7 medium speed', desc: 'The more flexible sibling of Fomapan 100. Medium speed, classic character.', meta: ['ISO 200', 'everyday'], images: [ 'https:\/\/picsum.photos\/seed\/fnd-foma200-1\/1400\/900?grayscale' ], ids: { '135': 34, '120': 398 }, prices: { '135': '\u2014 \u20ac', '120': '\u2014 \u20ac' } }, { category: 'bw', name: 'Fortepan 200', vibe: 'Hungarian classic \u00b7 long gradation', desc: 'The modern successor to the legendary Hungarian B&W film. Traditional grain, rich mid-grays.', meta: ['ISO 200', 'Hungarian-made'], images: [ 'https:\/\/picsum.photos\/seed\/fnd-forte-1\/1400\/900?grayscale', 'https:\/\/picsum.photos\/seed\/fnd-forte-2\/1400\/900?grayscale' ], ids: { '135': 4138 }, prices: { '135': '\u2014 \u20ac' } }, { category: 'bw', name: 'Kentmere 100', vibe: 'Ilford-made \u00b7 entry level \u00b7 everyday', desc: \"Ilford's affordable line. Classic B&W character at a lower price.\", meta: ['ISO 100', 'entry level'], images: [ 'https:\/\/picsum.photos\/seed\/fnd-kent-1\/1400\/900?grayscale', 'https:\/\/picsum.photos\/seed\/fnd-kent-2\/1400\/900?grayscale' ], ids: { '135': 2758, '120': 6757 }, prices: { '135': '\u2014 \u20ac', '120': '\u2014 \u20ac' } } ]; \/\/ =================================================================== \/\/ \u2b07\u2b07\u2b07 WORDPRESS \/ WOOCOMMERCE SETTINGS \u2b07\u2b07\u2b07 \/\/ WP_BASE: root domain \u2014 the Store API is called here with the HU \/\/ product IDs (that's where they exist). The fetched permalinks are \/\/ then rewritten to the EN versions (WPML directory mode). \/\/ EN_BASE: language-prefixed root \u2014 used for cart endpoint and links. \/\/ =================================================================== var WP_BASE = 'https:\/\/filmisnotdead.hu'; var EN_BASE = 'https:\/\/filmisnotdead.hu\/en'; var CACHE_MIN = 60; var SKIP_FIRST_IMAGE = true; \/\/ Rewrites a HU permalink to its \/en\/ equivalent. function toEnUrl(url) { if (!url || typeof url !== 'string') return url; if (url.indexOf('\/en\/') !== -1) return url; return url.replace(\/^(https?:\\\/\\\/[^\\\/]+)\\\/(?!en\\\/)\/, '$1\/en\/'); } \/\/ =================================================================== \/\/ DOM refs var listEl = document.getElementById('fnd-fp-list'); var listHintEl = document.getElementById('fnd-fp-list-hint'); var wrapEl = document.getElementById('fnd-fp-photo-wrap'); var imgEl = document.getElementById('fnd-fp-photo'); var badgeEl = document.getElementById('fnd-fp-badge'); var prevBtn = document.getElementById('fnd-fp-prev'); var nextBtn = document.getElementById('fnd-fp-next'); var counterEl = document.getElementById('fnd-fp-counter'); var dotsEl = document.getElementById('fnd-fp-dots'); var descEl = document.getElementById('fnd-fp-desc'); var metaEl = document.getElementById('fnd-fp-meta'); var priceEl = document.getElementById('fnd-fp-price'); var ctaEl = document.getElementById('fnd-fp-cta'); var cartEl = document.getElementById('fnd-fp-cart'); var toggleEls = document.querySelectorAll('.fnd-fp__toggle-btn'); var countColor = document.getElementById('fnd-fp-count-color'); var countBw = document.getElementById('fnd-fp-count-bw'); var count135 = document.getElementById('fnd-fp-count-135'); var count120 = document.getElementById('fnd-fp-count-120'); var lbEl = document.getElementById('fnd-fp-lb'); var lbImgEl = document.getElementById('fnd-fp-lb-img'); var lbCloseEl = document.getElementById('fnd-fp-lb-close'); var lbPrevEl = document.getElementById('fnd-fp-lb-prev'); var lbNextEl = document.getElementById('fnd-fp-lb-next'); var lbCaption = document.getElementById('fnd-fp-lb-caption'); var loaded = Object.create(null); var currentCategory = 'color'; var currentFormat = '135'; var visibleFilms = []; var currentFilm = 0; var currentImg = 0; var currentVariantId = null; var currentImages = []; function hasFormat(f, fmt) { return !!(f.ids && f.ids[fmt] !== undefined) || !!(f.prices && f.prices[fmt]); } function updateCounts() { countColor.textContent = '\u00b7 ' + FILMS.filter(function(f){ return f.category==='color' && hasFormat(f, currentFormat); }).length; countBw.textContent = '\u00b7 ' + FILMS.filter(function(f){ return f.category==='bw' && hasFormat(f, currentFormat); }).length; count135.textContent = '\u00b7 ' + FILMS.filter(function(f){ return f.category===currentCategory && hasFormat(f,'135'); }).length; count120.textContent = '\u00b7 ' + FILMS.filter(function(f){ return f.category===currentCategory && hasFormat(f,'120'); }).length; } updateCounts(); toggleEls.forEach(function(btn) { btn.addEventListener('click', function() { var cat = btn.dataset.cat; var fmt = btn.dataset.fmt; var prevFilm = visibleFilms[currentFilm] || null; if (cat) { if (cat === currentCategory) return; currentCategory = cat; document.querySelectorAll('.fnd-fp__toggle-btn[data-cat]').forEach(function(b) { var on = b.dataset.cat === cat; b.classList.toggle('is-active', on); b.setAttribute('aria-selected', on ? 'true' : 'false'); }); } if (fmt) { if (fmt === currentFormat) return; currentFormat = fmt; document.querySelectorAll('.fnd-fp__toggle-btn[data-fmt]').forEach(function(b) { var on = b.dataset.fmt === fmt; b.classList.toggle('is-active', on); b.setAttribute('aria-selected', on ? 'true' : 'false'); }); } updateCounts(); buildList(); var newIdx = prevFilm ? visibleFilms.indexOf(prevFilm) : -1; if (newIdx < 0 && prevFilm) { for (var i = 0; i < visibleFilms.length; i++) { if (visibleFilms[i].name === prevFilm.name) { newIdx = i; break; } } } selectFilm(newIdx >= 0 ? newIdx : 0); }); }); function buildList() { visibleFilms = FILMS.filter(function(f) { return f.category === currentCategory && hasFormat(f, currentFormat); }); listEl.innerHTML = ''; visibleFilms.forEach(function(f, i) { var li = document.createElement('li'); li.className = 'fnd-fp__item'; var b = document.createElement('button'); b.type = 'button'; b.className = 'fnd-fp__btn'; b.setAttribute('role', 'tab'); b.dataset.index = String(i); b.innerHTML = '<span class=\"fnd-fp__btn-row\">' + '<span class=\"fnd-fp__btn-no\">' + String(i+1).padStart(2,'0') + '<\/span>' + '<span class=\"fnd-fp__btn-name\"><\/span>' + '<span class=\"fnd-fp__btn-state\"><\/span>' + '<\/span>' + '<span class=\"fnd-fp__btn-vibe\"><\/span>'; b.querySelector('.fnd-fp__btn-name').textContent = f.name; b.querySelector('.fnd-fp__btn-vibe').textContent = f.vibe; b.addEventListener('click', function() { selectFilm(i); }); li.appendChild(b); listEl.appendChild(li); }); updateListHint(); } function updateListHint() { var overflow = listEl.scrollHeight > listEl.clientHeight + 4; listHintEl.classList.toggle('is-visible', overflow); listEl.classList.toggle('no-mask', !overflow); } window.addEventListener('resize', updateListHint); function selectFilm(i) { if (i < 0 || i >= visibleFilms.length) i = 0; currentFilm = i; currentImg = 0; var f = visibleFilms[i]; if (!f) return; var btns = listEl.querySelectorAll('.fnd-fp__btn');btns.forEach(function(b, bi) { var active = bi === i; b.classList.toggle('is-active', active); b.setAttribute('aria-selected', active ? 'true' : 'false');}); var variant = (f.byFormat && f.byFormat[currentFormat]) || {}; var variantName = variant.name || f.name; var variantPrice = variant.price || (f.prices && f.prices[currentFormat]) || '\u2014 \u20ac'; var variantId = f.ids && f.ids[currentFormat]; var variantLink = variant.link || (f.links && f.links[currentFormat]) || f.link || '#'; var variantDesc = variant.desc || f.desc; var variantImgs = (variant.images && variant.images.length) ? variant.images : f.images; var variantCart = variantId ? (EN_BASE || '').replace(\/\\\/+$\/, '') + '\/?add-to-cart=' + variantId : variantLink; \/\/ note + stock display var rawNote = f.note || ''; var noteText = (typeof rawNote === 'object') ? (rawNote[currentFormat] || '') : rawNote; var stockText = variant.stockText || ''; var inStock = variant.inStock !== false; var buyNote = document.querySelector('.fnd-fp__buy-note'); if (buyNote) { var display = stockText ? stockText + (noteText ? ' \u00b7 ' + noteText : '') : noteText; buyNote.textContent = display; buyNote.style.display = display ? '' : 'none'; buyNote.style.color = inStock ? '' : '#c1342a'; } currentImages = variantImgs || []; currentVariantId = variantId; descEl.textContent = variantDesc; priceEl.innerHTML = variantPrice + ' <span class=\"fnd-fp__price-unit\">\/ roll<\/span>'; ctaEl.href = variantLink; cartEl.href = variantCart; \/\/ === BUILD META CHIPS \u2014 format + category RED, ISO and the rest after them === metaEl.innerHTML = ''; \/\/ 1. Format chip (red) var fmtLabel = currentFormat === '135' ? '35mm \u00b7 small format' : '120 \u00b7 roll film'; var fmtChip = document.createElement('li'); fmtChip.className = 'fnd-fp__chip fnd-fp__chip--fmt'; fmtChip.textContent = fmtLabel; metaEl.appendChild(fmtChip); \/\/ 2. Category chip (red) \u2014 Black & White OR C-41 var catChip = document.createElement('li'); catChip.className = 'fnd-fp__chip fnd-fp__chip--cat'; catChip.textContent = currentCategory === 'bw' ? 'Black & White' : 'C-41 process'; metaEl.appendChild(catChip); \/\/ 3. The rest of the meta (ISO, manufacturer etc.) \u2014 neutral chips f.meta.forEach(function(m) { var li = document.createElement('li'); li.className = 'fnd-fp__chip'; li.textContent = m; metaEl.appendChild(li); }); badgeEl.textContent = '\u25c9 ' + variantName.toUpperCase(); dotsEl.innerHTML = ''; currentImages.forEach(function(_, di) { var d = document.createElement('button'); d.type = 'button'; d.className = 'fnd-fp__dot' + (di === 0 ? ' is-active' : ''); d.setAttribute('aria-label', 'Image ' + (di+1)); d.addEventListener('click', function(e) { e.stopPropagation(); showImage(di); }); dotsEl.appendChild(d); }); updateGalleryControls(); showImage(0); } function showImage(j) { var f = visibleFilms[currentFilm]; if (!f || !currentImages || !currentImages.length) return; if (j < 0) j = currentImages.length - 1; if (j >= currentImages.length) j = 0; currentImg = j; var variant = (f.byFormat && f.byFormat[currentFormat]) || {}; var variantName = variant.name || f.name; var dots = dotsEl.querySelectorAll('.fnd-fp__dot'); dots.forEach(function(d, di) { d.classList.toggle('is-active', di === j); }); counterEl.textContent = String(j+1).padStart(2,'0') + ' \/ ' + String(currentImages.length).padStart(2,'0'); badgeEl.textContent = '\u25c9 ' + variantName.toUpperCase(); loadImage(currentImages[j], variantName); if (lbEl.classList.contains('is-open')) loadLightbox(currentImages[j], variantName); } function updateGalleryControls() { var multi = currentImages && currentImages.length > 1; prevBtn.hidden = !multi; nextBtn.hidden = !multi; counterEl.hidden = !multi; dotsEl.hidden = !multi; lbPrevEl.hidden = !multi; lbNextEl.hidden = !multi; } function imgData(x) { if (!x) return null; return (typeof x === 'string') ? { src: x } : x; } var loadToken = 0; function loadImage(image, name) { var d = imgData(image); if (!d || !d.src) { wrapEl.classList.remove('is-loaded'); imgEl.removeAttribute('src'); imgEl.removeAttribute('srcset'); imgEl.alt = ''; return; } loadToken++; var myToken = loadToken; var src = d.src; if (loaded[src]) { if (d.srcset) imgEl.srcset = d.srcset; else imgEl.removeAttribute('srcset'); imgEl.sizes = d.sizes || '(max-width:880px) 100vw, 60vw'; imgEl.src = src; imgEl.alt = d.alt || (name + ' \u2014 sample'); wrapEl.classList.add('is-loaded'); preloadNext(); return; } wrapEl.classList.remove('is-loaded'); imgEl.onload = function() { if (myToken !== loadToken) return; loaded[src] = true; requestAnimationFrame(function() { wrapEl.classList.add('is-loaded'); }); preloadNext(); }; imgEl.onerror = function() { console.warn('[fnd-fp] image failed to load:', src); }; imgEl.decoding = 'async'; imgEl.fetchPriority = 'high'; if (d.srcset) imgEl.srcset = d.srcset; else imgEl.removeAttribute('srcset'); imgEl.sizes = d.sizes || '(max-width:880px) 100vw, 60vw'; imgEl.src = src; imgEl.alt = d.alt || (name + ' \u2014 sample'); } function preloadNext() { if (!currentImages || currentImages.length < 2) return; var nd = imgData(currentImages[(currentImg + 1) % currentImages.length]); if (!nd || !nd.src || loaded[nd.src]) return; var p = new Image(); p.decoding = 'async'; p.loading = 'lazy'; if (nd.srcset) p.srcset = nd.srcset; if (nd.sizes) p.sizes = nd.sizes; p.onload = function() { loaded[nd.src] = true; }; p.src = nd.src; }function openLightbox() { var f = visibleFilms[currentFilm]; if (!f || !currentImages.length) return; \/\/ Move to the end of body so it escapes any stacking context if (lbEl.parentNode !== document.body) { document.body.appendChild(lbEl); } lbEl.classList.add('is-open'); document.body.style.overflow = 'hidden'; var variant = (f.byFormat && f.byFormat[currentFormat]) || {}; loadLightbox(currentImages[currentImg], variant.name || f.name);}function closeLightbox() { lbEl.classList.remove('is-open'); lbEl.classList.remove('is-loaded'); lbImgEl.removeAttribute('src'); lbImgEl.removeAttribute('srcset'); document.body.style.overflow = '';} var lbToken = 0; function loadLightbox(image, name) { var f = visibleFilms[currentFilm]; if (!f) return; var d = imgData(image); if (!d || !d.src) return; lbToken++; var myToken = lbToken; lbCaption.children[0].textContent = name || f.name; lbCaption.children[1].textContent = String(currentImg+1).padStart(2,'0') + ' \/ ' + String(currentImages.length).padStart(2,'0'); lbEl.classList.remove('is-loaded'); var src = d.src; if (loaded[src]) { if (d.srcset) lbImgEl.srcset = d.srcset; else lbImgEl.removeAttribute('srcset'); lbImgEl.sizes = '100vw'; lbImgEl.src = src; lbImgEl.alt = (d.alt || name) + ' \u2014 zoomed'; requestAnimationFrame(function() { lbEl.classList.add('is-loaded'); }); return; } lbImgEl.onload = function() { if (myToken !== lbToken) return; loaded[src] = true; requestAnimationFrame(function() { lbEl.classList.add('is-loaded'); }); }; lbImgEl.onerror = function() { console.warn('[fnd-fp-lb] image failed to load:', src); }; lbImgEl.decoding = 'async'; if (d.srcset) lbImgEl.srcset = d.srcset; else lbImgEl.removeAttribute('srcset'); lbImgEl.sizes = '100vw'; lbImgEl.src = src; lbImgEl.alt = (d.alt || name) + ' \u2014 zoomed'; } prevBtn.addEventListener('click', function(e) { e.stopPropagation(); showImage(currentImg - 1); }); nextBtn.addEventListener('click', function(e) { e.stopPropagation(); showImage(currentImg + 1); }); var cartOriginalText = cartEl.textContent; cartEl.addEventListener('click', function(e) { if (!currentVariantId) return; e.preventDefault(); if (cartEl.classList.contains('is-loading')) return; cartEl.classList.remove('is-success', 'is-error'); cartEl.classList.add('is-loading'); cartEl.textContent = 'Processing\u2026'; var form = new FormData(); form.append('product_id', currentVariantId); form.append('quantity', '1'); var url = (EN_BASE || '').replace(\/\\\/+$\/, '') + '\/?wc-ajax=add_to_cart'; fetch(url, { method:'POST', body:form, credentials:'include' }) .then(function(r) { return r.json().catch(function() { return {}; }); }) .then(function(data) { if (data && data.error) throw new Error('add-to-cart error'); cartEl.classList.remove('is-loading'); cartEl.classList.add('is-success'); cartEl.textContent = '\u2713 Added to cart'; if (window.jQuery && data && data.fragments) { try { window.jQuery(document.body).trigger('added_to_cart', [data.fragments, data.cart_hash, window.jQuery(cartEl)]); } catch(err) {} } document.dispatchEvent(new CustomEvent('fnd-fp:added-to-cart', { detail:{ productId:currentVariantId, response:data } })); setTimeout(function() { cartEl.classList.remove('is-success'); cartEl.textContent = cartOriginalText; }, 2200); }) .catch(function(err) { console.warn('[fnd-fp] add-to-cart error:', err && err.message); cartEl.classList.remove('is-loading'); cartEl.classList.add('is-error'); cartEl.textContent = 'Error \u2014 try again'; setTimeout(function() { cartEl.classList.remove('is-error'); cartEl.textContent = cartOriginalText; }, 2400); }); }); wrapEl.addEventListener('click', function() { openLightbox(); }); wrapEl.addEventListener('keydown', function(e) { if (e.key === 'ArrowLeft') { showImage(currentImg - 1); e.preventDefault(); } if (e.key === 'ArrowRight') { showImage(currentImg + 1); e.preventDefault(); } if (e.key === 'Enter' || e.key === ' ') { openLightbox(); e.preventDefault(); } }); var touchStartX = null; wrapEl.addEventListener('touchstart', function(e) { touchStartX = e.touches[0].clientX; }, { passive:true }); wrapEl.addEventListener('touchend', function(e) { if (touchStartX === null) return; var dx = e.changedTouches[0].clientX - touchStartX; if (Math.abs(dx) > 40) { if (dx < 0) showImage(currentImg + 1); else showImage(currentImg - 1); } touchStartX = null; }); lbCloseEl.addEventListener('click', closeLightbox); lbEl.addEventListener('click', function(e) { if (e.target === lbEl || e.target.classList.contains('fnd-fp-lb__inner') || e.target.classList.contains('fnd-fp-lb__stage')) closeLightbox(); }); lbPrevEl.addEventListener('click', function(e) { e.stopPropagation(); showImage(currentImg - 1); }); lbNextEl.addEventListener('click', function(e) { e.stopPropagation(); showImage(currentImg + 1); }); window.addEventListener('keydown', function(e) { if (!lbEl.classList.contains('is-open')) return; if (e.key === 'Escape') closeLightbox(); if (e.key === 'ArrowLeft') showImage(currentImg - 1); if (e.key === 'ArrowRight') showImage(currentImg + 1); }); var lbTouchX = null; lbEl.addEventListener('touchstart', function(e) { lbTouchX = e.touches[0].clientX; }, { passive:true }); lbEl.addEventListener('touchend', function(e) { if (lbTouchX === null) return; var dx = e.changedTouches[0].clientX - lbTouchX; if (Math.abs(dx) > 40) { if (dx < 0) showImage(currentImg + 1); else showImage(currentImg - 1); } lbTouchX = null; }); \/\/ ============================================================ \/\/ WOOCOMMERCE STORE API \/\/ ============================================================ var CACHE_KEY = 'fnd-fp-cache-v3-en-eur'; var CACHE_TTL = CACHE_MIN * 60 * 1000; function getCache() { try { var raw = localStorage.getItem(CACHE_KEY); if (!raw) return null; var obj = JSON.parse(raw); if (Date.now() - obj.ts > CACHE_TTL) return null; return obj.data; } catch(e) { return null; } } function setCache(data) { try { localStorage.setItem(CACHE_KEY, JSON.stringify({ ts:Date.now(), data:data })); } catch(e) {} } function formatPriceFromApi(p) { if (!p || !p.prices) return null; var pr = p.prices; var raw = pr.price || pr.regular_price; var num = parseFloat(raw); if (isNaN(num)) return null; var minor = (typeof pr.currency_minor_unit === 'number') ? pr.currency_minor_unit : 2; num = num \/ Math.pow(10, minor); var prefix = pr.currency_prefix || ''; var suffix = pr.currency_suffix || ''; var thouSep = pr.currency_thousand_separator || ','; var decSep = pr.currency_decimal_separator || '.'; var fixed = num.toFixed(minor); var parts = fixed.split('.'); parts[0] = parts[0].replace(\/\\B(?=(\\d{3})+(?!\\d))\/g, thouSep); var out = parts.join(decSep); if (prefix || suffix) return prefix + out + suffix; return out + (pr.currency_code ? ' ' + pr.currency_code : ''); } function fetchProducts(ids) { if (!ids.length) return Promise.resolve([]); var url = (WP_BASE || '').replace(\/\\\/+$\/, '') + '\/wp-json\/wc\/store\/v1\/products?include=' + ids.join(',') + '&per_page=100¤cy=EUR&lang=hu'; return fetch(url, { credentials: 'omit', headers: { 'Accept-Currency': 'EUR' } }) .then(function(r) { if (!r.ok) throw new Error('HTTP ' + r.status); return r.json(); }) .catch(function(err) { console.warn('[fnd-fp] Store API error:', err && err.message); return null; }); } function mergeWithApiData(films, apiProducts) { var byId = {}; apiProducts.forEach(function(p) { byId[p.id] = p; }); return films.map(function(f) { if (!f.ids) return f; var formats = Object.keys(f.ids); var anyMatched = false; var byFormat = {}; var mergedPrices = Object.assign({}, f.prices || {}); var mergedLinks = Object.assign({}, f.links || {}); formats.forEach(function(fmt) { var id = f.ids[fmt]; if (!id) return; var p = byId[id]; if (!p) return; anyMatched = true; var apiImages = p.images || []; if (SKIP_FIRST_IMAGE && apiImages.length > 1) apiImages = apiImages.slice(1); var imageSrcs = apiImages.length ? apiImages.map(function(img) { return { src:img.src, srcset:img.srcset||'', sizes:img.sizes||'(max-width:880px) 100vw, 60vw', alt:img.alt||'' }; }) : (f.images || []); var price = formatPriceFromApi(p) || (f.prices && f.prices[fmt]) || '\u2014 \u20ac'; var link = toEnUrl(p.permalink) || (f.links && f.links[fmt]) || f.link || '#'; byFormat[fmt] = { name: p.name || f.name, price: price, link: link, images: imageSrcs, desc: f.desc, inStock: p.is_in_stock !== false, stockText: p.is_in_stock !== false ? '\u2713 in stock' : 'Out of stock' }; mergedPrices[fmt] = price; mergedLinks[fmt] = link; }); if (!anyMatched) return f; return { category: f.category, vibe: f.vibe, meta: f.meta, desc: f.desc, note: f.note, name: f.name, images: f.images, ids: f.ids, prices: mergedPrices, links: mergedLinks, byFormat: byFormat }; }); } function loadProductData() { var ids = []; FILMS.forEach(function(f) { if (!f.ids) return; Object.keys(f.ids).forEach(function(fmt) { if (f.ids[fmt]) ids.push(f.ids[fmt]); }); }); if (!ids.length) return; var cached = getCache(); if (cached) { FILMS = mergeWithApiData(FILMS, cached); updateCounts(); buildList(); selectFilm(0); } fetchProducts(ids).then(function(data) { if (!data || !data.length) { console.warn('[fnd-fp] Store API returned no products.'); return; } console.info('[fnd-fp] \u2713 ' + data.length + ' products fetched.'); setCache(data); FILMS = mergeWithApiData(FILMS, data); updateCounts(); buildList(); selectFilm(Math.min(currentFilm, Math.max(visibleFilms.length - 1, 0))); }); } \/\/ INIT buildList(); selectFilm(0); loadProductData();})();<\/script><\/body><\/html>[\/et_pb_code][\/et_pb_column][\/et_pb_row][\/et_pb_section]<\/p>\n","protected":false},"excerpt":{"rendered":"","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"_et_pb_use_builder":"on","_et_pb_old_content":"","_et_gb_content_width":"","footnotes":""},"class_list":["post-8420","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/filmisnotdead.hu\/en\/wp-json\/wp\/v2\/pages\/8420","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/filmisnotdead.hu\/en\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/filmisnotdead.hu\/en\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/filmisnotdead.hu\/en\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/filmisnotdead.hu\/en\/wp-json\/wp\/v2\/comments?post=8420"}],"version-history":[{"count":12,"href":"https:\/\/filmisnotdead.hu\/en\/wp-json\/wp\/v2\/pages\/8420\/revisions"}],"predecessor-version":[{"id":8432,"href":"https:\/\/filmisnotdead.hu\/en\/wp-json\/wp\/v2\/pages\/8420\/revisions\/8432"}],"wp:attachment":[{"href":"https:\/\/filmisnotdead.hu\/en\/wp-json\/wp\/v2\/media?parent=8420"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}

{"id":8420,"date":"2026-05-19T12:09:42","date_gmt":"2026-05-19T12:09:42","guid":{"rendered":"https:\/\/filmisnotdead.hu\/filmvalaszto\/"},"modified":"2026-06-10T08:44:10","modified_gmt":"2026-06-10T08:44:10","slug":"filmvalaszto","status":"publish","type":"page","link":"https:\/\/filmisnotdead.hu\/en\/filmvalaszto\/","title":{"rendered":"Filmv\u00e1laszt\u00f3"},"content":{"rendered":"

[et_pb_section fb_built=”1″ _builder_version=”4.23.1″ _module_preset=”default” custom_padding=”0px||0px|||” global_colors_info=”{}”][et_pb_row _builder_version=”4.23.1″ _module_preset=”default” width=”100%” max_width=”2560px” custom_padding=”0px||0px|||” global_colors_info=”{}”][et_pb_column type=”4_4″ _builder_version=”4.23.1″ _module_preset=”default” global_colors_info=”{}”][et_pb_code _builder_version=”4.23.1″ _module_preset=”default” global_colors_info=”{}”]Film Selector \u2014 Film is not dead<\/title><meta name=\"description\" content=\"Choose the right film for you: 35mm, 120 roll film, color, black & white, or Instax. We'll help you navigate analog film.\"><link rel=\"preconnect\" href=\"https:\/\/fonts.googleapis.com\"><link rel=\"preconnect\" href=\"https:\/\/fonts.gstatic.com\" crossorigin><link href=\"https:\/\/fonts.googleapis.com\/css2?family=Instrument+Serif:ital@0;1&family=IBM+Plex+Mono:wght@300;400;500&family=Poppins:wght@400;500&family=Bricolage+Grotesque:wght@800&display=swap\" rel=\"stylesheet\" \/><\/p>\n<style> :root{ --ink:#15120F; --paper:#f5f0e7; --paper-2:#ece4d5; --amber:#d8451f; --amber-deep:#a8330f; --silver:#7d756a; --line:#d8cdb9; --gold:#c89b3c; --cream:#fbf8f1; --black:#0d0b08; --shadow:rgba(22,19,15,.14); --max:1240px; --r:4px; } .fv-scope *{margin:0;padding:0;box-sizing:border-box} .fv-scope{ font-family:\"Poppins\",Helvetica,Arial,sans-serif; background:var(--paper); color:var(--ink); font-size:18px; line-height:1.6; -webkit-font-smoothing:antialiased; } .fv-scope h1,.fv-scope h2,.fv-scope h3{font-family:\"Bricolage Grotesque\",sans-serif;line-height:1.04;letter-spacing:-.02em} .fv-scope img{max-width:100%;display:block} .fv-scope a{color:inherit;text-decoration:none} .fv-wrap{max-width:var(--max);margin:0 auto;padding:0 28px} \/* ---- header \/ intro ---- *\/ .fv-hero{background:var(--black);color:var(--cream);padding:42px 0 38px;position:relative;overflow:hidden} .fv-hero::before{ content:\"\";position:absolute;inset:0; background: radial-gradient(circle at 80% 25%,rgba(216,69,31,.32),transparent 55%), radial-gradient(circle at 10% 90%,rgba(200,155,60,.14),transparent 48%); } .fv-hero .fv-wrap{position:relative;z-index:2} .fv-kicker{font-family:\"JetBrains Mono\",monospace;font-size:12px;letter-spacing:.22em;text-transform:uppercase;color:var(--gold);display:flex;align-items:center;gap:12px;margin-bottom:18px} .fv-kicker::before{content:\"\";width:30px;height:1px;background:var(--gold)} .fv-hero h1{font-size:clamp(2.2rem,5vw,3.8rem);font-weight:800;max-width:18ch;margin-bottom:16px;color:var(--cream)} .fv-hero p{color:rgba(251,248,241,.8);max-width:56ch;font-size:1.08rem} \/* ---- section title ---- *\/ .fv-sec{padding:46px 0 80px} .fv-sec-head{margin-bottom:32px;max-width:720px} .fv-sec-head .fv-kicker{color:var(--amber-deep)} .fv-sec-head .fv-kicker::before{background:var(--amber-deep)} .fv-sec-head h2{font-size:clamp(1.8rem,3.4vw,2.7rem);font-weight:800} .fv-sec-head p{margin-top:14px;color:var(--silver);font-size:1.05rem;max-width:60ch} \/* ---- film cards \u2014 SMALLER \/ MORE COMPACT ---- *\/ .fv-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:18px} .fv-card{ background:var(--cream);border:1px solid var(--line);border-radius:6px; padding:22px 22px 20px;position:relative;overflow:hidden;transition:.3s; display:flex;flex-direction:column;min-height:0; }.fv-card::before { content:''; position:absolute; top:0; left:0; right:0; height:3px; background:linear-gradient(90deg, #c1342a, #e0584f); transform:scaleX(0); transform-origin:left center; transition:transform 0.4s cubic-bezier(0.4, 0, 0.2, 1);}.fv-card:hover::before { transform:scaleX(1);} .fv-card{ background:var(--cream);border:1px solid var(--line);border-radius:6px; padding:26px 24px 24px;position:relative;overflow:hidden;transition:.3s; display:flex;flex-direction:column;min-height:0;}.fv-card .fv-tag{position:absolute;top:16px;right:20px;font-family:\"JetBrains Mono\",monospace;font-size:11px;color:var(--silver);letter-spacing:.05em}.fv-card .fv-icon{width:44px;height:44px;border-radius:50%;background:rgba(216,69,31,.1);display:flex;align-items:center;justify-content:center;margin-bottom:16px;transition:.3s}.fv-card .fv-icon svg{width:22px;height:22px;stroke:var(--amber-deep);stroke-width:1.6;fill:none}.fv-card h3{font-size:1.32rem;font-weight:800;margin-bottom:8px;line-height:1.1}.fv-card p{color:var(--silver);font-size:.96rem;flex:1;line-height:1.5}.fv-card .fv-go{margin-top:16px;font-family:\"JetBrains Mono\",monospace;font-size:12px;text-transform:uppercase;letter-spacing:.06em;color:var(--amber-deep);display:flex;align-items:center;gap:8px;font-weight:600} .fv-card .fv-go .arr{transition:transform .24s} .fv-card:hover .fv-go .arr{transform:translateX(6px)} \/* ---- \"don't know?\" helper bar ---- *\/ .fv-help{background:var(--paper-2);padding:60px 0} .fv-help-inner{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:24px} .fv-help h3{font-size:clamp(1.4rem,2.6vw,2rem);font-weight:800;max-width:22ch} .fv-help p{color:var(--silver);margin-top:8px;max-width:46ch} \/* ---- Ask us button \u2014 white text forced on every state ---- *\/ .fv-btn, .fv-btn:link, .fv-btn:visited, .fv-btn:hover, .fv-btn:focus, .fv-btn:active{ display:inline-flex !important; align-items:center !important; gap:11px !important; font-family:\"JetBrains Mono\",monospace !important; font-size:14px !important; letter-spacing:.05em !important; text-transform:uppercase !important; padding:17px 28px !important; border-radius:var(--r) !important; transition:background .24s, transform .24s !important; cursor:pointer !important; background:#8b0000 !important; color:#ffffff !important; -webkit-text-fill-color:#ffffff !important; font-weight:600 !important; border:1.5px solid transparent !important; text-decoration:none !important; } .fv-btn *, .fv-btn:hover *, .fv-btn:visited *, .fv-btn:focus *{ color:#ffffff !important; -webkit-text-fill-color:#ffffff !important; } .fv-btn:hover{background:#6b0000 !important;transform:translateY(-2px)} .fv-btn .arr{transition:transform .24s !important;color:#ffffff !important} .fv-btn:hover .arr{transform:translateX(5px)} \/* ---- Responsive ---- *\/ @media(max-width:1080px){ .fv-grid{grid-template-columns:1fr 1fr;gap:14px} .fv-card{padding:20px 18px 18px} } @media(max-width:680px){ .fv-grid{grid-template-columns:1fr;gap:12px} .fv-sec{padding:30px 0 44px} .fv-hero{padding:30px 0 28px} .fv-wrap{padding:0 18px} .fv-card{ padding:16px 18px; flex-direction:row; align-items:flex-start; gap:16px; min-height:0; } .fv-card .fv-icon{ width:38px;height:38px; margin-bottom:0; flex-shrink:0; } .fv-card .fv-icon svg{width:20px;height:20px} .fv-card-body{flex:1;min-width:0} .fv-card h3{font-size:1.08rem;margin-bottom:4px} .fv-card p{font-size:.9rem;line-height:1.4} .fv-card .fv-tag{ top:12px;right:14px;font-size:10px; } .fv-card .fv-go{ margin-top:10px;font-size:11.5px; }} .fnd-fp .fnd-fp__lede { max-width:400px; font-family:'Poppins', sans-serif; font-size:15px; line-height:1.2; color:rgba(243,237,225,0.7) !important; margin:43px 0 0; text-align:right; }<\/style>\n<p><\/head><body><\/p>\n<div class=\"fv-scope\">  <\/p>\n<section class=\"fv-hero\"> <\/p>\n<div class=\"fv-wrap\"> <\/p>\n<div class=\"fv-kicker\">Film Selector<\/div>\n<p> <\/p>\n<h1>Which film is right for you?<\/h1>\n<p> <pee>Choose your format and style \u2014 we’ll show you the matching films. If you’re not sure yet, we’ll help you below.<\/pee> <\/div>\n<p> <\/section>\n<p>  <\/p>\n<section class=\"fv-sec\" style=\"background:#fff\"> <\/p>\n<div class=\"fv-wrap\"> <\/p>\n<div class=\"fv-sec-head\"> <\/p>\n<div class=\"fv-kicker\">By format and style<\/div>\n<p> <\/p>\n<h2>Choose your film type<\/h2>\n<p> <pee>35mm is the most common \u2014 we recommend it for beginners. 120 gives a larger negative and more detailed images.<\/pee> <\/div>\n<p> <\/p>\n<div class=\"fv-grid\"> <a href=\"https:\/\/filmisnotdead.hu\/en\/termekkategoria\/black-white-films-35mm\/\" class=\"fv-card\"> <span class=\"fv-tag\">35mm<\/span> <\/p>\n<div class=\"fv-icon\"><svg viewBox=\"0 0 24 24\"><rect x=\"2\" y=\"6\" width=\"20\" height=\"13\" rx=\"2\"\/><path d=\"M2 9h20M6 6V4h6v2\"\/><\/svg><\/div>\n<p> <\/p>\n<div class=\"fv-card-body\"> <\/p>\n<h3>Black & White \u2013 35mm<\/h3>\n<p> <pee>The classic choice. Forgiving, easy to develop at home \u2014 ideal for getting started and street photography.<\/pee> <span class=\"fv-go\">View <span class=\"arr\">\u2192<\/span><\/span> <\/div>\n<p> <\/a> <a href=\"https:\/\/filmisnotdead.hu\/en\/termekkategoria\/films\/color-films-35mm\/\" class=\"fv-card\"> <span class=\"fv-tag\">35mm<\/span> <\/p>\n<div class=\"fv-icon\"><svg viewBox=\"0 0 24 24\"><rect x=\"2\" y=\"6\" width=\"20\" height=\"13\" rx=\"2\"\/><circle cx=\"12\" cy=\"12.5\" r=\"3.5\"\/><\/svg><\/div>\n<p> <\/p>\n<div class=\"fv-card-body\"> <\/p>\n<h3>Color \u2013 35mm<\/h3>\n<p> <pee>Lifelike colors for everyday shooting. The most popular format in color too.<\/pee> <span class=\"fv-go\">View <span class=\"arr\">\u2192<\/span><\/span> <\/div>\n<p> <\/a> <a href=\"https:\/\/filmisnotdead.hu\/en\/termekkategoria\/films\/black-white-films-120\/\" class=\"fv-card\"> <span class=\"fv-tag\">120 \/ roll film<\/span> <\/p>\n<div class=\"fv-icon\"><svg viewBox=\"0 0 24 24\"><rect x=\"4\" y=\"4\" width=\"16\" height=\"16\" rx=\"2\"\/><path d=\"M8 4v16M16 4v16\"\/><\/svg><\/div>\n<p> <\/p>\n<div class=\"fv-card-body\"> <\/p>\n<h3>Black & White roll film<\/h3>\n<p> <pee>Medium format, larger negative and outstanding detail for advanced shooters.<\/pee> <span class=\"fv-go\">View <span class=\"arr\">\u2192<\/span><\/span> <\/div>\n<p> <\/a> <a href=\"https:\/\/filmisnotdead.hu\/en\/termekkategoria\/films\/color-films-120\/\" class=\"fv-card\"> <span class=\"fv-tag\">120 \/ roll film<\/span> <\/p>\n<div class=\"fv-icon\"><svg viewBox=\"0 0 24 24\"><rect x=\"4\" y=\"4\" width=\"16\" height=\"16\" rx=\"2\"\/><circle cx=\"12\" cy=\"12\" r=\"3.5\"\/><path d=\"M8 4v16M16 4v16\"\/><\/svg><\/div>\n<p> <\/p>\n<div class=\"fv-card-body\"> <\/p>\n<h3>Color roll film<\/h3>\n<p> <pee>Medium format color film \u2014 for studio and landscape photography, maximum quality.<\/pee> <span class=\"fv-go\">View <span class=\"arr\">\u2192<\/span><\/span> <\/div>\n<p> <\/a> <a href=\"https:\/\/filmisnotdead.hu\/en\/termekkategoria\/films\/instax-films\/\" class=\"fv-card\"> <span class=\"fv-tag\">instant<\/span> <\/p>\n<div class=\"fv-icon\"><svg viewBox=\"0 0 24 24\"><rect x=\"3\" y=\"4\" width=\"18\" height=\"17\" rx=\"2\"\/><rect x=\"6\" y=\"7\" width=\"12\" height=\"9\" rx=\"1\"\/><path d=\"M6 18h12\"\/><\/svg><\/div>\n<p> <\/p>\n<div class=\"fv-card-body\"> <\/p>\n<h3>Instax film<\/h3>\n<p> <pee>Instant, hand-held prints. Perfect for parties, gifts, and quick memories.<\/pee> <span class=\"fv-go\">View <span class=\"arr\">\u2192<\/span><\/span> <\/div>\n<p> <\/a> <a href=\"https:\/\/filmisnotdead.hu\/en\/termekkategoria\/films\/\" class=\"fv-card\"> <span class=\"fv-tag\">all<\/span> <\/p>\n<div class=\"fv-icon\"><svg viewBox=\"0 0 24 24\"><path d=\"M4 7V5h13v2M9 21V9h11v12zM13 13h4\"\/><\/svg><\/div>\n<p> <\/p>\n<div class=\"fv-card-body\"> <\/p>\n<h3>All films<\/h3>\n<p> <pee>Just want to browse? All our films in one place, with filtering.<\/pee> <span class=\"fv-go\">View all <span class=\"arr\">\u2192<\/span><\/span> <\/div>\n<p> <\/a> <\/div>\n<p> <\/div>\n<p> <\/section>\n<p>  <\/p>\n<section class=\"fv-help\"> <\/p>\n<div class=\"fv-wrap fv-help-inner\"> <\/p>\n<div> <\/p>\n<h3>Not sure which one to choose?<\/h3>\n<p> <pee>Send us a few words about what and how you want to shoot \u2014 we’ll help you pick the right film.<\/pee> <\/div>\n<p> <a href=\"https:\/\/filmisnotdead.hu\/kapcsolat\/\" class=\"fv-btn\"><span>Ask us<\/span> <span class=\"arr\">\u2192<\/span><\/a> <\/div>\n<p> <\/section>\n<p><\/div>\n<p><link href=\"https:\/\/fonts.googleapis.com\/css2?family=Bricolage+Grotesque:wght@800&family=Instrument+Serif:ital@0;1&family=IBM+Plex+Mono:wght@300;400;500&family=Poppins:wght@400;500&display=swap\" rel=\"stylesheet\" \/><\/p>\n<style>\/* === Film style selector module \u2014 scoped .fnd-fp- prefix === *\/.fnd-fp { box-sizing:border-box; background:#1a1714; \/* STRONGER BOTTOM-LEFT RED GRADIENT + subtle top-right highlight *\/ background-image: radial-gradient(ellipse 80% 60% at 0% 110%, rgba(193,52,42,0.42) 0%, rgba(193,52,42,0.18) 35%, transparent 70%), radial-gradient(ellipse 50% 45% at 100% 0%, rgba(200,155,60,0.10) 0%, transparent 60%); color:#f3ede1 !important; padding:48px 32px; font-family:'Instrument Serif', Georgia, serif;}.fnd-fp *, .fnd-fp *::before, .fnd-fp *::after { box-sizing:border-box; }.fnd-fp__inner { max-width:1180px; margin:0 auto; position:relative; z-index:1; }\/* Header *\/.fnd-fp__head { display:flex; justify-content:space-between; align-items:flex-start; gap:32px; margin-bottom:62px; flex-wrap:wrap; }.fnd-fp .fnd-fp__kicker { font-family:'IBM Plex Mono', monospace; font-size:11px; font-weight:400; letter-spacing:0.22em; text-transform:uppercase; color:#c1342a !important; }.fnd-fp .fnd-fp__title { font-family:'Bricolage Grotesque', sans-serif; font-weight:800; font-size:52px; line-height:0.98; margin:10px 0 0; letter-spacing:-0.02em; max-width:680px; color:#f3ede1 !important; }.fnd-fp .fnd-fp__title em { font-style:italic; color:#b80000 !important; }\/* Grid: list left, preview right *\/.fnd-fp__grid { display:grid; grid-template-columns:minmax(0,0.7fr) minmax(0,1.5fr); gap:36px; align-items:flex-start; }\/* Filters \u2014 above preview, only inside the right column *\/.fnd-fp__filters { display:flex; gap:24px; align-items:center; margin-bottom:14px; flex-wrap:nowrap; }.fnd-fp__filters .fnd-fp__filter-group { display:flex; align-items:center; gap:12px; margin:0; }@media (max-width:700px) { .fnd-fp__filters { flex-direction:column; align-items:flex-start; gap:10px; } .fnd-fp .fnd-fp__filter-label { width:60px; }}.fnd-fp .fnd-fp__filter-label { font-family:'IBM Plex Mono', monospace; font-size:10px; letter-spacing:0.22em; text-transform:uppercase; color:rgba(243,237,225,0.5) !important; white-space:nowrap; width:72px; flex:0 0 auto;}\/* Toggle buttons *\/.fnd-fp__toggle { display:inline-flex; border:1px solid rgba(243,237,225,0.22); padding:3px; background:rgba(243,237,225,0.03); animation:fndFpToggleBreath 6s ease-in-out infinite; }@keyframes fndFpToggleBreath { 0%, 75%, 100% { box-shadow:0 0 0 0 rgba(193,52,42,0); border-color:rgba(243,237,225,0.22); } 35% { box-shadow:0 0 10px 0 rgba(193,52,42,0.14); border-color:rgba(193,52,42,0.32); }}.fnd-fp__toggle:hover, .fnd-fp__toggle:focus-within { animation:none; border-color:rgba(193,52,42,0.55); }.fnd-fp__toggle-btn { font-family:'IBM Plex Mono', monospace; font-size:11px; letter-spacing:0.16em; text-transform:uppercase; padding:8px 16px; white-space:nowrap; border:0; background:transparent; color:rgba(243,237,225,0.65) !important; cursor:pointer; display:inline-flex; align-items:center; gap:6px; transition:background .15s ease, color .15s ease;}.fnd-fp__toggle-btn:hover { color:#f3ede1 !important; }.fnd-fp__toggle-btn.is-active { background:#f3ede1; color:#1a1714 !important; }.fnd-fp__toggle-btn .fnd-fp__toggle-count { font-size:10px; opacity:0.55; letter-spacing:0.1em; }\/* List *\/.fnd-fp__list-wrap { position:relative; }.fnd-fp__list { list-style:none; margin:0; padding:0; max-height:520px; overflow-y:auto; scrollbar-width:thin; scrollbar-color:rgba(243,237,225,0.25) transparent; -webkit-mask-image:linear-gradient(to bottom, black 0, black calc(100% - 32px), transparent 100%); mask-image:linear-gradient(to bottom, black 0, black calc(100% - 32px), transparent 100%);}.fnd-fp__list.no-mask { -webkit-mask-image:none; mask-image:none; }.fnd-fp__list::-webkit-scrollbar { width:6px; }.fnd-fp__list::-webkit-scrollbar-track { background:transparent; }.fnd-fp__list::-webkit-scrollbar-thumb { background:rgba(243,237,225,0.18); border-radius:3px; }.fnd-fp__list::-webkit-scrollbar-thumb:hover { background:rgba(243,237,225,0.35); }.fnd-fp__item { padding:0; margin:0; border-bottom:1px solid rgba(243,237,225,0.13); list-style:none; }.fnd-fp__btn { display:block; width:100%; text-align:left; padding:14px 16px 14px 12px; border:0; background:transparent; cursor:pointer; opacity:0.55; transition:opacity .2s ease, background .35s ease; font-family:inherit; color:#f3ede1 !important; position:relative; overflow:hidden;}.fnd-fp__btn::before { \/* subtle left red bar for active state *\/ content:\"\"; position:absolute; left:0; top:0; bottom:0; width:3px; background:#c1342a; transform:scaleY(0); transform-origin:center; transition:transform .35s cubic-bezier(.4,0,.2,1);}.fnd-fp__btn:hover { opacity:0.85; }.fnd-fp__btn.is-active { opacity:1; background:linear-gradient( 90deg, rgba(193,52,42,0.22) 0%, rgba(193,52,42,0.10) 50%, rgba(193,52,42,0) 100% );}.fnd-fp__btn.is-active::before { transform:scaleY(1);}.fnd-fp__btn:focus-visible { outline:1px dashed rgba(243,237,225,0.4); outline-offset:4px; }.fnd-fp__btn-row { display:flex; align-items:baseline; gap:12px; flex-wrap:wrap; }.fnd-fp .fnd-fp__btn-no { font-family:'IBM Plex Mono', monospace; font-size:11px; color:#c1342a !important; letter-spacing:0.1em; flex:0 0 auto; }.fnd-fp .fnd-fp__btn-name { font-family:'Poppins', sans-serif; font-weight:200; font-size:24px; line-height:1.1; color:#f3ede1 !important; }.fnd-fp .fnd-fp__btn-state { margin-left:auto; font-family:'IBM Plex Mono', monospace; font-size:10px; color:rgba(243,237,225,0.55) !important; letter-spacing:0.14em; flex:0 0 auto; }.fnd-fp .fnd-fp__btn-vibe { display:block; font-family:'IBM Plex Mono', monospace; font-size:10px; color:rgba(243,237,225,0.55) !important; margin-top:4px; letter-spacing:0.12em; text-transform:uppercase; padding-left:27px; }.fnd-fp__list-hint { font-family:'IBM Plex Mono', monospace; font-size:10px; letter-spacing:0.18em; text-transform:uppercase; color:rgba(243,237,225,0.45) !important; margin-top:12px; padding-left:27px; display:none; }.fnd-fp__list-hint.is-visible { display:block; }\/* Preview *\/.fnd-fp__preview { min-width:0; margin-top:-52px; }.fnd-fp__photo-wrap { position:relative; width:100%; aspect-ratio:16\/10; overflow:hidden; background:#0d0807; cursor:zoom-in; }.fnd-fp__skeleton { position:absolute; inset:0; background: repeating-linear-gradient(135deg, rgba(0,0,0,0.08) 0 2px, rgba(0,0,0,0) 2px 9px), linear-gradient(120deg, #3a2a20 0%, #6b5a48 50%, #2b211a 100%); background-size:auto, 200% 100%; animation:fndFpShimmer 1.6s linear infinite; z-index:1;}.fnd-fp__photo-wrap.is-loaded .fnd-fp__skeleton { opacity:0; transition:opacity .25s ease .05s; }.fnd-fp__photo { position:absolute; inset:0; width:100%; height:100%; object-fit:cover; opacity:0; transition:opacity .35s ease; z-index:2; display:block; }.fnd-fp__photo-wrap.is-loaded .fnd-fp__photo { opacity:1; }.fnd-fp__photo-badge { position:absolute; top:10px; left:10px; z-index:4; font-family:'IBM Plex Mono', monospace; font-size:10px; letter-spacing:0.16em; color:rgba(255,255,255,0.88) !important; background:rgba(0,0,0,0.5); padding:4px 8px; border:1px solid rgba(255,255,255,0.15);}.fnd-fp__zoom-hint { position:absolute; top:10px; right:10px; z-index:4; font-family:'IBM Plex Mono', monospace; font-size:10px; letter-spacing:0.16em; color:rgba(255,255,255,0.85) !important; background:rgba(0,0,0,0.5); padding:4px 8px; border:1px solid rgba(255,255,255,0.15); pointer-events:none; opacity:0; transition:opacity .15s ease;}.fnd-fp__photo-wrap:hover .fnd-fp__zoom-hint { opacity:1; }\/* Gallery controls *\/.fnd-fp__nav { position:absolute; top:50%; transform:translateY(-50%); width:42px; height:42px; display:flex; align-items:center; justify-content:center; background:rgba(0,0,0,0.45); color:#f3ede1 !important; border:1px solid rgba(255,255,255,0.18); cursor:pointer; z-index:5; font-family:'IBM Plex Mono', monospace; font-size:18px; transition:background .15s ease, border-color .15s ease;}.fnd-fp__nav:hover { background:#c1342a; border-color:#c1342a; }.fnd-fp__nav--prev { left:10px; }.fnd-fp__nav--next { right:10px; }.fnd-fp__nav[hidden] { display:none; }.fnd-fp__counter { position:absolute; bottom:10px; right:10px; z-index:4; font-family:'IBM Plex Mono', monospace; font-size:10px; letter-spacing:0.16em; color:rgba(255,255,255,0.85) !important; background:rgba(0,0,0,0.5); padding:4px 8px; border:1px solid rgba(255,255,255,0.15);}.fnd-fp__counter[hidden] { display:none; }.fnd-fp__dots { position:absolute; bottom:12px; left:50%; transform:translateX(-50%); display:flex; gap:6px; z-index:5; }.fnd-fp__dot { width:6px; height:6px; border-radius:50%; background:rgba(255,255,255,0.35); border:0; padding:0; cursor:pointer; transition:background .15s ease, transform .15s ease; }.fnd-fp__dot.is-active { background:#f3ede1; transform:scale(1.3); }.fnd-fp__dots[hidden] { display:none; }@keyframes fndFpShimmer { 0% { background-position:0 0, 200% 0; } 100% { background-position:0 0, -200% 0; }}\/* Detail *\/.fnd-fp__detail { margin-top:20px; display:grid; grid-template-columns:1.4fr 1fr; gap:28px; }.fnd-fp .fnd-fp__desc { font-family:'Poppins', sans-serif; font-size:16px; line-height:1.5; margin:0; color:#f3ede1 !important; }.fnd-fp__meta { display:flex; gap:6px; flex-wrap:wrap; margin:14px 0 0 -15px; padding:0; list-style:none; }.fnd-fp .fnd-fp__chip { font-family:'IBM Plex Mono', monospace; font-size:10px; letter-spacing:0.14em; text-transform:uppercase; padding:5px 9px; border:1px solid rgba(243,237,225,0.25); color:rgba(243,237,225,0.85) !important; list-style:none; }\/* Highlighted red chips \u2014 format + category *\/.fnd-fp .fnd-fp__chip--fmt,.fnd-fp .fnd-fp__chip--cat { border-color:#c1342a; color:#f3ede1 !important; background:rgba(193,52,42,0.18);}.fnd-fp__buy { border-left:1px solid rgba(243,237,225,0.15); padding-left:24px; }.fnd-fp .fnd-fp__buy-label { font-family:'IBM Plex Mono', monospace; font-size:11px; color:rgba(243,237,225,0.55) !important; letter-spacing:0.16em; text-transform:uppercase; }.fnd-fp .fnd-fp__buy-price { font-family:'Poppins', sans-serif; font-size:36px; margin-top:4px; line-height:1; color:#f3ede1 !important; }.fnd-fp .fnd-fp__price-unit { font-family:'IBM Plex Mono', monospace; font-size:12px; letter-spacing:0.08em; text-transform:lowercase; color:rgba(243,237,225,0.5) !important; font-weight:400; margin-left:6px; vertical-align:middle;}.fnd-fp__buy-actions { display:flex; flex-wrap:wrap; gap:8px; margin-top:14px; }.fnd-fp .fnd-fp__buy-btn { display:inline-flex; align-items:center; gap:8px; padding:11px 16px; text-decoration:none !important; font-family:'IBM Plex Mono', monospace; font-size:12px; letter-spacing:0.08em; text-transform:uppercase; border:1px solid; transition:background .15s ease, color .15s ease, border-color .15s ease; cursor:pointer; }.fnd-fp .fnd-fp__buy-btn--primary { background:#c1342a; color:#f3ede1 !important; border-color:#c1342a; }.fnd-fp .fnd-fp__buy-btn--primary:hover { background:#8a2218; border-color:#8a2218; }.fnd-fp .fnd-fp__buy-btn--ghost { background:transparent; color:#f3ede1 !important; border-color:rgba(243,237,225,0.4); }.fnd-fp .fnd-fp__buy-btn--ghost:hover { background:#f3ede1; color:#1a1714 !important; border-color:#f3ede1; }.fnd-fp .fnd-fp__buy-btn.is-loading { opacity:0.7; pointer-events:none; }.fnd-fp .fnd-fp__buy-btn.is-success { background:#1f8a5b !important; border-color:#1f8a5b !important; color:#f3ede1 !important; }.fnd-fp .fnd-fp__buy-btn.is-error { background:#8a2218 !important; border-color:#8a2218 !important; }.fnd-fp .fnd-fp__buy-note { font-family:'IBM Plex Mono', monospace; font-size:10px; color:rgba(243,237,225,0.45) !important; margin-top:10px; letter-spacing:0.14em; }\/* Responsive *\/@media (max-width:1100px) { .fnd-fp .fnd-fp__title { font-size:44px; } .fnd-fp .fnd-fp__btn-name { font-size:21px; } .fnd-fp .fnd-fp__lede { text-align:left; }}@media (max-width:880px) { .fnd-fp { padding:36px 16px; overflow:hidden; } .fnd-fp .fnd-fp__title { font-size:32px; } .fnd-fp .fnd-fp__lede { text-align:left; } .fnd-fp__head { margin-bottom:24px; } \/* MOBILE: grid -> single column, order swapped *\/ .fnd-fp__grid { grid-template-columns:minmax(0, 1fr); gap:20px; min-width:0; } .fnd-fp__preview { display:contents; margin-top:0; } \/* FILTERS \u2014 more compact, vertical layout *\/ .fnd-fp__filters { order:1; margin-bottom:0; padding:12px 14px; background:rgba(243,237,225,0.03); border:1px solid rgba(243,237,225,0.1); border-radius:4px; display:flex; flex-direction:column; gap:12px; min-width:0; max-width:100%; box-sizing:border-box; } .fnd-fp__filter-group { display:flex; flex-direction:column; align-items:flex-start; gap:6px; margin:0; min-width:0; width:100%; } .fnd-fp .fnd-fp__filter-label { width:auto; flex:none; } .fnd-fp__toggle { width:100%; display:flex; } .fnd-fp__toggle-btn { flex:1 1 0; justify-content:center; padding:8px 10px; min-width:0; } .fnd-fp__list-wrap { order:2; min-width:0; max-width:100%; } .fnd-fp__photo-wrap { order:3; min-width:0; max-width:100%; overflow:hidden; } .fnd-fp__photo-wrap img, .fnd-fp__photo { max-width:100%; height:auto; display:block; } .fnd-fp__detail { order:4; grid-template-columns:1fr; gap:20px; min-width:0; max-width:100%; } .fnd-fp__buy { border-left:0; border-top:1px solid rgba(243,237,225,0.15); padding-left:0; padding-top:18px; min-width:0; } .fnd-fp__list { max-height:215px; } .fnd-fp__nav { width:36px; height:36px; }}\/* Lightbox *\/.fnd-fp-lb { position:fixed !important; top:0 !important; left:0 !important; right:0 !important; bottom:0 !important; z-index:2147483647 !important; background:rgba(8,6,5,0.96); display:none; align-items:center; justify-content:center; padding:48px; font-family:'IBM Plex Mono', monospace; color:#f3ede1 !important;}.fnd-fp-lb.is-open { display:flex !important;}.fnd-fp-lb__inner { position:relative; width:100%; height:100%; display:flex; flex-direction:column; align-items:center; justify-content:center; }.fnd-fp-lb__stage { position:relative; flex:1; width:100%; display:flex; align-items:center; justify-content:center; min-height:0; }.fnd-fp-lb__skeleton { position:absolute; inset:auto; width:80%; height:80%; background: repeating-linear-gradient(135deg, rgba(255,255,255,0.04) 0 2px, rgba(0,0,0,0) 2px 9px), linear-gradient(120deg, #2a2018 0%, #4b3a2e 50%, #1a1310 100%); background-size:auto, 200% 100%; animation:fndFpShimmer 1.6s linear infinite;}.fnd-fp-lb.is-loaded .fnd-fp-lb__skeleton { display:none; }.fnd-fp-lb__img { max-width:100%; max-height:100%; object-fit:contain; opacity:0; transition:opacity .25s ease; box-shadow:0 30px 80px rgba(0,0,0,0.6); }.fnd-fp-lb.is-loaded .fnd-fp-lb__img { opacity:1; }.fnd-fp-lb__close { position:absolute; top:18px; right:18px; width:42px; height:42px; background:rgba(255,255,255,0.06); border:1px solid rgba(255,255,255,0.18); color:#f3ede1 !important; font-size:20px; cursor:pointer; display:flex; align-items:center; justify-content:center; transition:background .15s ease, border-color .15s ease;}.fnd-fp-lb__close:hover { background:#c1342a; border-color:#c1342a; }.fnd-fp-lb__nav { position:absolute; top:50%; transform:translateY(-50%); width:48px; height:48px; background:rgba(255,255,255,0.06); border:1px solid rgba(255,255,255,0.18); color:#f3ede1 !important; font-size:22px; cursor:pointer; display:flex; align-items:center; justify-content:center; transition:background .15s ease, border-color .15s ease;}.fnd-fp-lb__nav:hover { background:#c1342a; border-color:#c1342a; }.fnd-fp-lb__nav--prev { left:18px; }.fnd-fp-lb__nav--next { right:18px; }.fnd-fp-lb__nav[hidden] { display:none; }.fnd-fp-lb__caption { position:absolute; bottom:18px; left:50%; transform:translateX(-50%); display:flex; gap:14px; align-items:center; font-size:11px; letter-spacing:0.18em; text-transform:uppercase; color:rgba(243,237,225,0.75) !important;}.fnd-fp-lb__caption span:first-child { color:#f3ede1 !important; }@media (max-width:700px) { .fnd-fp-lb { padding:16px; } .fnd-fp-lb__nav { width:40px; height:40px; } .fnd-fp-lb__close { width:38px; height:38px; }}<\/style>\n<p><\/p>\n<section class=\"fnd-fp\" id=\"fnd-fp\"> <\/p>\n<div class=\"fnd-fp__inner\">  <\/p>\n<header class=\"fnd-fp__head\"> <\/p>\n<div> <\/p>\n<div class=\"fnd-fp__kicker\">Film Character Selector<\/div>\n<p> <\/p>\n<h2 class=\"fnd-fp__title\">Feel the film <em>before<\/em> you order.<\/h2>\n<p> <\/div>\n<p> <pee class=\"fnd-fp__lede\">It matters which roll you load. Pick a mood, see what it gives back.<\/pee> <\/header>\n<p>  <\/p>\n<div class=\"fnd-fp__grid\">  <\/p>\n<div class=\"fnd-fp__list-wrap\"> <\/p>\n<ul class=\"fnd-fp__list\" id=\"fnd-fp-list\" role=\"tablist\" aria-label=\"Films\"><\/ul>\n<p> <\/p>\n<div class=\"fnd-fp__list-hint\" id=\"fnd-fp-list-hint\">\u2193 more films \u2014 scroll<\/div>\n<p> <\/div>\n<p>  <\/p>\n<div class=\"fnd-fp__preview\">  <\/p>\n<div class=\"fnd-fp__filters\"> <\/p>\n<div class=\"fnd-fp__filter-group\"> <label class=\"fnd-fp__filter-label\">Film type<\/label> <\/p>\n<div class=\"fnd-fp__toggle\" role=\"tablist\" aria-label=\"Film type\"> <button class=\"fnd-fp__toggle-btn is-active\" type=\"button\" data-cat=\"color\" role=\"tab\" aria-selected=\"true\"> Color <span class=\"fnd-fp__toggle-count\" id=\"fnd-fp-count-color\"><\/span> <\/button> <button class=\"fnd-fp__toggle-btn\" type=\"button\" data-cat=\"bw\" role=\"tab\" aria-selected=\"false\"> Black & White <span class=\"fnd-fp__toggle-count\" id=\"fnd-fp-count-bw\"><\/span> <\/button> <\/div>\n<p> <\/div>\n<p> <\/p>\n<div class=\"fnd-fp__filter-group\"> <label class=\"fnd-fp__filter-label\">Size<\/label> <\/p>\n<div class=\"fnd-fp__toggle\" role=\"tablist\" aria-label=\"Film size\"> <button class=\"fnd-fp__toggle-btn is-active\" type=\"button\" data-fmt=\"135\" role=\"tab\" aria-selected=\"true\"> 35mm <span class=\"fnd-fp__toggle-count\" id=\"fnd-fp-count-135\"><\/span> <\/button> <button class=\"fnd-fp__toggle-btn\" type=\"button\" data-fmt=\"120\" role=\"tab\" aria-selected=\"false\"> 120 <span class=\"fnd-fp__toggle-count\" id=\"fnd-fp-count-120\"><\/span> <\/button> <\/div>\n<p> <\/div>\n<p> <\/div>\n<p>  <\/p>\n<div class=\"fnd-fp__photo-wrap\" id=\"fnd-fp-photo-wrap\" tabindex=\"0\" role=\"button\" aria-label=\"Zoom image\"> <\/p>\n<div class=\"fnd-fp__skeleton\" aria-hidden=\"true\"><\/div>\n<p> <img class=\"fnd-fp__photo\" id=\"fnd-fp-photo\" alt=\"\" \/> <\/p>\n<div class=\"fnd-fp__photo-badge\" id=\"fnd-fp-badge\">\u25c9 SAMPLE<\/div>\n<p> <\/p>\n<div class=\"fnd-fp__zoom-hint\">\u2295 CLICK TO ZOOM<\/div>\n<p> <button class=\"fnd-fp__nav fnd-fp__nav--prev\" id=\"fnd-fp-prev\" type=\"button\" aria-label=\"Previous image\">\u2039<\/button> <button class=\"fnd-fp__nav fnd-fp__nav--next\" id=\"fnd-fp-next\" type=\"button\" aria-label=\"Next image\">\u203a<\/button> <\/p>\n<div class=\"fnd-fp__counter\" id=\"fnd-fp-counter\">01 \/ 03<\/div>\n<p> <\/p>\n<div class=\"fnd-fp__dots\" id=\"fnd-fp-dots\" role=\"tablist\" aria-label=\"Gallery\"><\/div>\n<p> <\/div>\n<p>  <\/p>\n<div class=\"fnd-fp__detail\"> <\/p>\n<div> <pee class=\"fnd-fp__desc\" id=\"fnd-fp-desc\"><\/pee> <\/p>\n<ul class=\"fnd-fp__meta\" id=\"fnd-fp-meta\"><\/ul>\n<p> <\/div>\n<p> <\/p>\n<div class=\"fnd-fp__buy\"> <\/p>\n<div class=\"fnd-fp__buy-price\" id=\"fnd-fp-price\"><\/div>\n<p> <\/p>\n<div class=\"fnd-fp__buy-actions\"> <a class=\"fnd-fp__buy-btn fnd-fp__buy-btn--primary\" id=\"fnd-fp-cart\" href=\"#\">Add to cart \u2192<\/a> <a class=\"fnd-fp__buy-btn fnd-fp__buy-btn--ghost\" id=\"fnd-fp-cta\" href=\"#\">View<\/a> <\/div>\n<p> <\/p>\n<div class=\"fnd-fp__buy-note\"><\/div>\n<p> <\/div>\n<p> <\/div>\n<p> <\/div>\n<p> <\/div>\n<p> <\/div>\n<p>  <\/p>\n<div class=\"fnd-fp-lb\" id=\"fnd-fp-lb\" role=\"dialog\" aria-modal=\"true\" aria-label=\"Image zoomed\"> <\/p>\n<div class=\"fnd-fp-lb__inner\"> <button class=\"fnd-fp-lb__close\" id=\"fnd-fp-lb-close\" type=\"button\" aria-label=\"Close\">\u2715<\/button> <\/p>\n<div class=\"fnd-fp-lb__stage\"> <\/p>\n<div class=\"fnd-fp-lb__skeleton\" aria-hidden=\"true\"><\/div>\n<p> <img class=\"fnd-fp-lb__img\" id=\"fnd-fp-lb-img\" alt=\"\" \/> <button class=\"fnd-fp-lb__nav fnd-fp-lb__nav--prev\" id=\"fnd-fp-lb-prev\" type=\"button\" aria-label=\"Previous\">\u2039<\/button> <button class=\"fnd-fp-lb__nav fnd-fp-lb__nav--next\" id=\"fnd-fp-lb-next\" type=\"button\" aria-label=\"Next\">\u203a<\/button> <\/div>\n<p> <\/p>\n<div class=\"fnd-fp-lb__caption\" id=\"fnd-fp-lb-caption\"> <span><\/span><span><\/span> <\/div>\n<p> <\/div>\n<p> <\/div>\n<p><\/section>\n<p><script>(function () { \/\/ =================================================================== \/\/ \u2b07\u2b07\u2b07 EDIT THE FILMS HERE \u2b07\u2b07\u2b07 \/\/ NOTE: the IDs below are the Hungarian WooCommerce product IDs. \/\/ For the English site you must replace them with the EN product IDs \/\/ (WPML uses different IDs per translation). The texts and slugs are \/\/ already translated. \/\/ =================================================================== var FILMS = [ \/\/ ============= COLOR ============= { category: 'color', name: 'Kodak Gold 200', vibe: 'warm \u00b7 nostalgic \u00b7 family', desc: 'The film of Sunday afternoon sunshine. Golden skin tones, soft contrast.', meta: ['ISO 200', 'beginner-friendly'], images: [ 'https:\/\/picsum.photos\/seed\/fnd-gold-1\/1400\/900', 'https:\/\/picsum.photos\/seed\/fnd-gold-2\/1400\/900', 'https:\/\/picsum.photos\/seed\/fnd-gold-3\/1400\/900' ], ids: { '135': 1673, '120': 301 }, prices: { '135': '\u20ac8.90', '120': '\u20ac14.90' } }, { category: 'color', name: 'Kodak Ultramax 400', vibe: 'versatile \u00b7 street \u00b7 family \u00b7 travel', desc: 'Versatile, contrasty color negative. Bolder colors than Gold, higher sensitivity.', meta: ['ISO 400', 'all-rounder'], images: [ 'https:\/\/picsum.photos\/seed\/fnd-ultra-1\/1400\/900', 'https:\/\/picsum.photos\/seed\/fnd-ultra-2\/1400\/900' ], ids: { '135': 305 }, prices: { '135': '\u2014 \u20ac' } }, { category: 'color', name: 'Kodak Ektar 100', vibe: 'sharp \u00b7 saturated \u00b7 landscape & architecture', desc: 'The finest-grained color negative. Vivid, saturated colors, high resolution.', meta: ['ISO 100', 'fine grain'], note: { '135': '\u26a0 check expiry date', '120': '\u2713 in stock \u00b7 \u2713 fresh expiry date' }, images: [ 'https:\/\/picsum.photos\/seed\/fnd-ektar-1\/1400\/900', 'https:\/\/picsum.photos\/seed\/fnd-ektar-2\/1400\/900' ], ids: { '135': 47, '120': 1301 }, prices: { '135': '\u2014 \u20ac', '120': '\u2014 \u20ac' } }, { category: 'color', name: 'Fujifilm 200', vibe: 'versatile \u00b7 street \u00b7 family \u00b7 travel', desc: 'Classic Japanese emulsion. Natural colors, pleasing skin tones, reliable everyday performance.', meta: ['ISO 200', 'all-rounder'], images: [ 'https:\/\/picsum.photos\/seed\/fnd-ultra-1\/1400\/900', 'https:\/\/picsum.photos\/seed\/fnd-ultra-2\/1400\/900' ], ids: { '135': 144 }, prices: { '135': '\u2014 \u20ac' } }, { category: 'color', name: 'Cinestill 50D', vibe: 'ultra-fine \u00b7 sunshine \u00b7 detailed', desc: 'The finest Cinestill emulsion. Optimized for daylight (5500K) \u2014 low grain, extreme detail.', meta: ['ISO 50', 'fine grain'], images: [ 'https:\/\/picsum.photos\/seed\/fnd-cs50-1\/1400\/900', 'https:\/\/picsum.photos\/seed\/fnd-cs50-2\/1400\/900' ], ids: { '135': 6705, '120': 1286 }, prices: { '135': '\u2014 \u20ac', '120': '\u2014 \u20ac' } }, { category: 'color', name: 'Cinestill 400D', vibe: 'daylight \u00b7 cinematic \u00b7 balanced', desc: \"Cinestill's color negative built on daylight cine film. Natural skin tones, soft grain.\", meta: ['ISO 400', 'cine film base'], images: [ 'https:\/\/picsum.photos\/seed\/fnd-cs400-1\/1400\/900', 'https:\/\/picsum.photos\/seed\/fnd-cs400-2\/1400\/900' ], ids: { '135': 2725, '120': 2732 }, prices: { '135': '\u2014 \u20ac', '120': '\u2014 \u20ac' } }, { category: 'color', name: 'Cinestill 800T', vibe: 'nighttime \u00b7 neon \u00b7 halo effect', desc: 'Negative made from cine film. Optimized for tungsten light (3200K) \u2014 neon, car lights, nighttime moments.', meta: ['ISO 800', 'experimental'], images: [ 'https:\/\/picsum.photos\/seed\/fnd-cs800-1\/1400\/900', 'https:\/\/picsum.photos\/seed\/fnd-cs800-2\/1400\/900', 'https:\/\/picsum.photos\/seed\/fnd-cs800-3\/1400\/900' ], ids: { '135': 2714, '120': 2720 }, prices: { '135': '\u20ac21.90', '120': '\u2014 \u20ac' } }, { category: 'color', name: 'Harman Phoenix 200 II', vibe: 'balanced \u00b7 truer colors \u00b7 refined', desc: 'The second iteration of Phoenix. More restrained character, better dynamic range.', meta: ['ISO 200', 'new formula'], images: [ 'https:\/\/picsum.photos\/seed\/fnd-phoenix2-1\/1400\/900', 'https:\/\/picsum.photos\/seed\/fnd-phoenix2-2\/1400\/900' ], ids: { '135': 1665, '120': 7209 }, prices: { '135': '\u2014 \u20ac' } }, { category: 'color', name: 'Harman Phoenix 200', vibe: 'experimental \u00b7 retro \u00b7 dramatic contrast', desc: \"Harman's first own color negative. High contrast, retro-saturated colors, pronounced grain.\", meta: ['ISO 200', 'Harman-made'], images: [ 'https:\/\/picsum.photos\/seed\/fnd-phoenix-1\/1400\/900', 'https:\/\/picsum.photos\/seed\/fnd-phoenix-2\/1400\/900' ], ids: { '135': 1645, '120': 1657 }, prices: { '135': '\u2014 \u20ac' } }, { category: 'color', name: 'Harman Photo RED 125', vibe: 'red dominance \u00b7 warm \u00b7 artistic', desc: \"Harman's experimental color negative with a red-orange dominated palette. Dramatic, painterly mood \u2014 for creative projects.\", meta: ['ISO 125', 'cine film base'], images: [ 'https:\/\/picsum.photos\/seed\/fnd-cs400-1\/1400\/900', 'https:\/\/picsum.photos\/seed\/fnd-cs400-2\/1400\/900' ], ids: { '135': 7158, '120': 7236 }, prices: { '135': '\u2014 \u20ac', '120': '\u2014 \u20ac' } }, \/\/ ============= BLACK & WHITE ============= { category: 'bw', name: 'Ilford Pan 100', vibe: 'fine grain \u00b7 panchromatic', desc: \"Ilford's entry-level B&W film. Fine grain, neutral character.\", meta: ['ISO 100', 'beginner-friendly'], images: [ 'https:\/\/picsum.photos\/seed\/fnd-pan100-1\/1400\/900?grayscale', 'https:\/\/picsum.photos\/seed\/fnd-pan100-2\/1400\/900?grayscale' ], ids: { '135': 45 }, prices: { '135': '\u2014 \u20ac' } }, { category: 'bw', name: 'Ilford FP4+', vibe: 'balanced \u00b7 versatile \u00b7 classic', desc: \"Ilford's iconic mid-speed emulsion. Fine grain, rich tonal transitions, reliable character \u2014 for landscape, portrait, and documentary alike.\", meta: ['ISO 125', 'classic'], images: [ 'https:\/\/picsum.photos\/seed\/fnd-fp4-1\/1400\/900?grayscale', 'https:\/\/picsum.photos\/seed\/fnd-fp4-2\/1400\/900?grayscale' ], ids: { '135': 1675, '120': 2754 }, prices: { '135': '\u2014 \u20ac', '120': '\u2014 \u20ac' } }, { category: 'bw', name: 'Ilford Delta 400', vibe: 'fine grain \u00b7 modern \u00b7 versatile', desc: \"Ilford's modern T-grain emulsion. Surprisingly fine grain and sharp detail for ISO 400 \u2014 reportage, street, low light.\", meta: ['ISO 400', 'T-grain'], images: [ 'https:\/\/picsum.photos\/seed\/fnd-fp4-1\/1400\/900?grayscale', 'https:\/\/picsum.photos\/seed\/fnd-fp4-2\/1400\/900?grayscale' ], ids: { '135': 21, '120': 28 }, prices: { '135': '\u2014 \u20ac', '120': '\u2014 \u20ac' } }, { category: 'bw', name: 'Agfa APX 100', vibe: 'classic German \u00b7 contrasty \u00b7 tonal', desc: 'Traditional German recipe. High resolution, contrasty, rich midtones.', meta: ['ISO 100', 'classic'], images: [ 'https:\/\/picsum.photos\/seed\/fnd-apx-1\/1400\/900?grayscale', 'https:\/\/picsum.photos\/seed\/fnd-apx-2\/1400\/900?grayscale' ], ids: { '135': 40 }, prices: { '135': '\u2014 \u20ac' } }, { category: 'bw', name: 'Fomapan 100', vibe: 'Czech classic \u00b7 affordable \u00b7 beginner', desc: 'Czech-made classic B&W. Affordable, distinctive grain, easy to develop at home.', meta: ['ISO 100', 'beginner-friendly'], images: [ 'https:\/\/picsum.photos\/seed\/fnd-foma100-1\/1400\/900?grayscale', 'https:\/\/picsum.photos\/seed\/fnd-foma100-2\/1400\/900?grayscale' ], ids: { '135': 54, '120': 1267 }, prices: { '135': '\u2014 \u20ac', '120': '\u2014 \u20ac' } }, { category: 'bw', name: 'Fomapan 200', vibe: 'versatile \u00b7 medium speed', desc: 'The more flexible sibling of Fomapan 100. Medium speed, classic character.', meta: ['ISO 200', 'everyday'], images: [ 'https:\/\/picsum.photos\/seed\/fnd-foma200-1\/1400\/900?grayscale' ], ids: { '135': 34, '120': 398 }, prices: { '135': '\u2014 \u20ac', '120': '\u2014 \u20ac' } }, { category: 'bw', name: 'Fortepan 200', vibe: 'Hungarian classic \u00b7 long gradation', desc: 'The modern successor to the legendary Hungarian B&W film. Traditional grain, rich mid-grays.', meta: ['ISO 200', 'Hungarian-made'], images: [ 'https:\/\/picsum.photos\/seed\/fnd-forte-1\/1400\/900?grayscale', 'https:\/\/picsum.photos\/seed\/fnd-forte-2\/1400\/900?grayscale' ], ids: { '135': 4138 }, prices: { '135': '\u2014 \u20ac' } }, { category: 'bw', name: 'Kentmere 100', vibe: 'Ilford-made \u00b7 entry level \u00b7 everyday', desc: \"Ilford's affordable line. Classic B&W character at a lower price.\", meta: ['ISO 100', 'entry level'], images: [ 'https:\/\/picsum.photos\/seed\/fnd-kent-1\/1400\/900?grayscale', 'https:\/\/picsum.photos\/seed\/fnd-kent-2\/1400\/900?grayscale' ], ids: { '135': 2758, '120': 6757 }, prices: { '135': '\u2014 \u20ac', '120': '\u2014 \u20ac' } } ]; \/\/ =================================================================== \/\/ \u2b07\u2b07\u2b07 WORDPRESS \/ WOOCOMMERCE SETTINGS \u2b07\u2b07\u2b07 \/\/ WP_BASE: root domain \u2014 the Store API is called here with the HU \/\/ product IDs (that's where they exist). The fetched permalinks are \/\/ then rewritten to the EN versions (WPML directory mode). \/\/ EN_BASE: language-prefixed root \u2014 used for cart endpoint and links. \/\/ =================================================================== var WP_BASE = 'https:\/\/filmisnotdead.hu'; var EN_BASE = 'https:\/\/filmisnotdead.hu\/en'; var CACHE_MIN = 60; var SKIP_FIRST_IMAGE = true; \/\/ Rewrites a HU permalink to its \/en\/ equivalent. function toEnUrl(url) { if (!url || typeof url !== 'string') return url; if (url.indexOf('\/en\/') !== -1) return url; return url.replace(\/^(https?:\\\/\\\/[^\\\/]+)\\\/(?!en\\\/)\/, '$1\/en\/'); } \/\/ =================================================================== \/\/ DOM refs var listEl = document.getElementById('fnd-fp-list'); var listHintEl = document.getElementById('fnd-fp-list-hint'); var wrapEl = document.getElementById('fnd-fp-photo-wrap'); var imgEl = document.getElementById('fnd-fp-photo'); var badgeEl = document.getElementById('fnd-fp-badge'); var prevBtn = document.getElementById('fnd-fp-prev'); var nextBtn = document.getElementById('fnd-fp-next'); var counterEl = document.getElementById('fnd-fp-counter'); var dotsEl = document.getElementById('fnd-fp-dots'); var descEl = document.getElementById('fnd-fp-desc'); var metaEl = document.getElementById('fnd-fp-meta'); var priceEl = document.getElementById('fnd-fp-price'); var ctaEl = document.getElementById('fnd-fp-cta'); var cartEl = document.getElementById('fnd-fp-cart'); var toggleEls = document.querySelectorAll('.fnd-fp__toggle-btn'); var countColor = document.getElementById('fnd-fp-count-color'); var countBw = document.getElementById('fnd-fp-count-bw'); var count135 = document.getElementById('fnd-fp-count-135'); var count120 = document.getElementById('fnd-fp-count-120'); var lbEl = document.getElementById('fnd-fp-lb'); var lbImgEl = document.getElementById('fnd-fp-lb-img'); var lbCloseEl = document.getElementById('fnd-fp-lb-close'); var lbPrevEl = document.getElementById('fnd-fp-lb-prev'); var lbNextEl = document.getElementById('fnd-fp-lb-next'); var lbCaption = document.getElementById('fnd-fp-lb-caption'); var loaded = Object.create(null); var currentCategory = 'color'; var currentFormat = '135'; var visibleFilms = []; var currentFilm = 0; var currentImg = 0; var currentVariantId = null; var currentImages = []; function hasFormat(f, fmt) { return !!(f.ids && f.ids[fmt] !== undefined) || !!(f.prices && f.prices[fmt]); } function updateCounts() { countColor.textContent = '\u00b7 ' + FILMS.filter(function(f){ return f.category==='color' && hasFormat(f, currentFormat); }).length; countBw.textContent = '\u00b7 ' + FILMS.filter(function(f){ return f.category==='bw' && hasFormat(f, currentFormat); }).length; count135.textContent = '\u00b7 ' + FILMS.filter(function(f){ return f.category===currentCategory && hasFormat(f,'135'); }).length; count120.textContent = '\u00b7 ' + FILMS.filter(function(f){ return f.category===currentCategory && hasFormat(f,'120'); }).length; } updateCounts(); toggleEls.forEach(function(btn) { btn.addEventListener('click', function() { var cat = btn.dataset.cat; var fmt = btn.dataset.fmt; var prevFilm = visibleFilms[currentFilm] || null; if (cat) { if (cat === currentCategory) return; currentCategory = cat; document.querySelectorAll('.fnd-fp__toggle-btn[data-cat]').forEach(function(b) { var on = b.dataset.cat === cat; b.classList.toggle('is-active', on); b.setAttribute('aria-selected', on ? 'true' : 'false'); }); } if (fmt) { if (fmt === currentFormat) return; currentFormat = fmt; document.querySelectorAll('.fnd-fp__toggle-btn[data-fmt]').forEach(function(b) { var on = b.dataset.fmt === fmt; b.classList.toggle('is-active', on); b.setAttribute('aria-selected', on ? 'true' : 'false'); }); } updateCounts(); buildList(); var newIdx = prevFilm ? visibleFilms.indexOf(prevFilm) : -1; if (newIdx < 0 && prevFilm) { for (var i = 0; i < visibleFilms.length; i++) { if (visibleFilms[i].name === prevFilm.name) { newIdx = i; break; } } } selectFilm(newIdx >= 0 ? newIdx : 0); }); }); function buildList() { visibleFilms = FILMS.filter(function(f) { return f.category === currentCategory && hasFormat(f, currentFormat); }); listEl.innerHTML = ''; visibleFilms.forEach(function(f, i) { var li = document.createElement('li'); li.className = 'fnd-fp__item'; var b = document.createElement('button'); b.type = 'button'; b.className = 'fnd-fp__btn'; b.setAttribute('role', 'tab'); b.dataset.index = String(i); b.innerHTML = '<span class=\"fnd-fp__btn-row\">' + '<span class=\"fnd-fp__btn-no\">' + String(i+1).padStart(2,'0') + '<\/span>' + '<span class=\"fnd-fp__btn-name\"><\/span>' + '<span class=\"fnd-fp__btn-state\"><\/span>' + '<\/span>' + '<span class=\"fnd-fp__btn-vibe\"><\/span>'; b.querySelector('.fnd-fp__btn-name').textContent = f.name; b.querySelector('.fnd-fp__btn-vibe').textContent = f.vibe; b.addEventListener('click', function() { selectFilm(i); }); li.appendChild(b); listEl.appendChild(li); }); updateListHint(); } function updateListHint() { var overflow = listEl.scrollHeight > listEl.clientHeight + 4; listHintEl.classList.toggle('is-visible', overflow); listEl.classList.toggle('no-mask', !overflow); } window.addEventListener('resize', updateListHint); function selectFilm(i) { if (i < 0 || i >= visibleFilms.length) i = 0; currentFilm = i; currentImg = 0; var f = visibleFilms[i]; if (!f) return; var btns = listEl.querySelectorAll('.fnd-fp__btn');btns.forEach(function(b, bi) { var active = bi === i; b.classList.toggle('is-active', active); b.setAttribute('aria-selected', active ? 'true' : 'false');}); var variant = (f.byFormat && f.byFormat[currentFormat]) || {}; var variantName = variant.name || f.name; var variantPrice = variant.price || (f.prices && f.prices[currentFormat]) || '\u2014 \u20ac'; var variantId = f.ids && f.ids[currentFormat]; var variantLink = variant.link || (f.links && f.links[currentFormat]) || f.link || '#'; var variantDesc = variant.desc || f.desc; var variantImgs = (variant.images && variant.images.length) ? variant.images : f.images; var variantCart = variantId ? (EN_BASE || '').replace(\/\\\/+$\/, '') + '\/?add-to-cart=' + variantId : variantLink; \/\/ note + stock display var rawNote = f.note || ''; var noteText = (typeof rawNote === 'object') ? (rawNote[currentFormat] || '') : rawNote; var stockText = variant.stockText || ''; var inStock = variant.inStock !== false; var buyNote = document.querySelector('.fnd-fp__buy-note'); if (buyNote) { var display = stockText ? stockText + (noteText ? ' \u00b7 ' + noteText : '') : noteText; buyNote.textContent = display; buyNote.style.display = display ? '' : 'none'; buyNote.style.color = inStock ? '' : '#c1342a'; } currentImages = variantImgs || []; currentVariantId = variantId; descEl.textContent = variantDesc; priceEl.innerHTML = variantPrice + ' <span class=\"fnd-fp__price-unit\">\/ roll<\/span>'; ctaEl.href = variantLink; cartEl.href = variantCart; \/\/ === BUILD META CHIPS \u2014 format + category RED, ISO and the rest after them === metaEl.innerHTML = ''; \/\/ 1. Format chip (red) var fmtLabel = currentFormat === '135' ? '35mm \u00b7 small format' : '120 \u00b7 roll film'; var fmtChip = document.createElement('li'); fmtChip.className = 'fnd-fp__chip fnd-fp__chip--fmt'; fmtChip.textContent = fmtLabel; metaEl.appendChild(fmtChip); \/\/ 2. Category chip (red) \u2014 Black & White OR C-41 var catChip = document.createElement('li'); catChip.className = 'fnd-fp__chip fnd-fp__chip--cat'; catChip.textContent = currentCategory === 'bw' ? 'Black & White' : 'C-41 process'; metaEl.appendChild(catChip); \/\/ 3. The rest of the meta (ISO, manufacturer etc.) \u2014 neutral chips f.meta.forEach(function(m) { var li = document.createElement('li'); li.className = 'fnd-fp__chip'; li.textContent = m; metaEl.appendChild(li); }); badgeEl.textContent = '\u25c9 ' + variantName.toUpperCase(); dotsEl.innerHTML = ''; currentImages.forEach(function(_, di) { var d = document.createElement('button'); d.type = 'button'; d.className = 'fnd-fp__dot' + (di === 0 ? ' is-active' : ''); d.setAttribute('aria-label', 'Image ' + (di+1)); d.addEventListener('click', function(e) { e.stopPropagation(); showImage(di); }); dotsEl.appendChild(d); }); updateGalleryControls(); showImage(0); } function showImage(j) { var f = visibleFilms[currentFilm]; if (!f || !currentImages || !currentImages.length) return; if (j < 0) j = currentImages.length - 1; if (j >= currentImages.length) j = 0; currentImg = j; var variant = (f.byFormat && f.byFormat[currentFormat]) || {}; var variantName = variant.name || f.name; var dots = dotsEl.querySelectorAll('.fnd-fp__dot'); dots.forEach(function(d, di) { d.classList.toggle('is-active', di === j); }); counterEl.textContent = String(j+1).padStart(2,'0') + ' \/ ' + String(currentImages.length).padStart(2,'0'); badgeEl.textContent = '\u25c9 ' + variantName.toUpperCase(); loadImage(currentImages[j], variantName); if (lbEl.classList.contains('is-open')) loadLightbox(currentImages[j], variantName); } function updateGalleryControls() { var multi = currentImages && currentImages.length > 1; prevBtn.hidden = !multi; nextBtn.hidden = !multi; counterEl.hidden = !multi; dotsEl.hidden = !multi; lbPrevEl.hidden = !multi; lbNextEl.hidden = !multi; } function imgData(x) { if (!x) return null; return (typeof x === 'string') ? { src: x } : x; } var loadToken = 0; function loadImage(image, name) { var d = imgData(image); if (!d || !d.src) { wrapEl.classList.remove('is-loaded'); imgEl.removeAttribute('src'); imgEl.removeAttribute('srcset'); imgEl.alt = ''; return; } loadToken++; var myToken = loadToken; var src = d.src; if (loaded[src]) { if (d.srcset) imgEl.srcset = d.srcset; else imgEl.removeAttribute('srcset'); imgEl.sizes = d.sizes || '(max-width:880px) 100vw, 60vw'; imgEl.src = src; imgEl.alt = d.alt || (name + ' \u2014 sample'); wrapEl.classList.add('is-loaded'); preloadNext(); return; } wrapEl.classList.remove('is-loaded'); imgEl.onload = function() { if (myToken !== loadToken) return; loaded[src] = true; requestAnimationFrame(function() { wrapEl.classList.add('is-loaded'); }); preloadNext(); }; imgEl.onerror = function() { console.warn('[fnd-fp] image failed to load:', src); }; imgEl.decoding = 'async'; imgEl.fetchPriority = 'high'; if (d.srcset) imgEl.srcset = d.srcset; else imgEl.removeAttribute('srcset'); imgEl.sizes = d.sizes || '(max-width:880px) 100vw, 60vw'; imgEl.src = src; imgEl.alt = d.alt || (name + ' \u2014 sample'); } function preloadNext() { if (!currentImages || currentImages.length < 2) return; var nd = imgData(currentImages[(currentImg + 1) % currentImages.length]); if (!nd || !nd.src || loaded[nd.src]) return; var p = new Image(); p.decoding = 'async'; p.loading = 'lazy'; if (nd.srcset) p.srcset = nd.srcset; if (nd.sizes) p.sizes = nd.sizes; p.onload = function() { loaded[nd.src] = true; }; p.src = nd.src; }function openLightbox() { var f = visibleFilms[currentFilm]; if (!f || !currentImages.length) return; \/\/ Move to the end of body so it escapes any stacking context if (lbEl.parentNode !== document.body) { document.body.appendChild(lbEl); } lbEl.classList.add('is-open'); document.body.style.overflow = 'hidden'; var variant = (f.byFormat && f.byFormat[currentFormat]) || {}; loadLightbox(currentImages[currentImg], variant.name || f.name);}function closeLightbox() { lbEl.classList.remove('is-open'); lbEl.classList.remove('is-loaded'); lbImgEl.removeAttribute('src'); lbImgEl.removeAttribute('srcset'); document.body.style.overflow = '';} var lbToken = 0; function loadLightbox(image, name) { var f = visibleFilms[currentFilm]; if (!f) return; var d = imgData(image); if (!d || !d.src) return; lbToken++; var myToken = lbToken; lbCaption.children[0].textContent = name || f.name; lbCaption.children[1].textContent = String(currentImg+1).padStart(2,'0') + ' \/ ' + String(currentImages.length).padStart(2,'0'); lbEl.classList.remove('is-loaded'); var src = d.src; if (loaded[src]) { if (d.srcset) lbImgEl.srcset = d.srcset; else lbImgEl.removeAttribute('srcset'); lbImgEl.sizes = '100vw'; lbImgEl.src = src; lbImgEl.alt = (d.alt || name) + ' \u2014 zoomed'; requestAnimationFrame(function() { lbEl.classList.add('is-loaded'); }); return; } lbImgEl.onload = function() { if (myToken !== lbToken) return; loaded[src] = true; requestAnimationFrame(function() { lbEl.classList.add('is-loaded'); }); }; lbImgEl.onerror = function() { console.warn('[fnd-fp-lb] image failed to load:', src); }; lbImgEl.decoding = 'async'; if (d.srcset) lbImgEl.srcset = d.srcset; else lbImgEl.removeAttribute('srcset'); lbImgEl.sizes = '100vw'; lbImgEl.src = src; lbImgEl.alt = (d.alt || name) + ' \u2014 zoomed'; } prevBtn.addEventListener('click', function(e) { e.stopPropagation(); showImage(currentImg - 1); }); nextBtn.addEventListener('click', function(e) { e.stopPropagation(); showImage(currentImg + 1); }); var cartOriginalText = cartEl.textContent; cartEl.addEventListener('click', function(e) { if (!currentVariantId) return; e.preventDefault(); if (cartEl.classList.contains('is-loading')) return; cartEl.classList.remove('is-success', 'is-error'); cartEl.classList.add('is-loading'); cartEl.textContent = 'Processing\u2026'; var form = new FormData(); form.append('product_id', currentVariantId); form.append('quantity', '1'); var url = (EN_BASE || '').replace(\/\\\/+$\/, '') + '\/?wc-ajax=add_to_cart'; fetch(url, { method:'POST', body:form, credentials:'include' }) .then(function(r) { return r.json().catch(function() { return {}; }); }) .then(function(data) { if (data && data.error) throw new Error('add-to-cart error'); cartEl.classList.remove('is-loading'); cartEl.classList.add('is-success'); cartEl.textContent = '\u2713 Added to cart'; if (window.jQuery && data && data.fragments) { try { window.jQuery(document.body).trigger('added_to_cart', [data.fragments, data.cart_hash, window.jQuery(cartEl)]); } catch(err) {} } document.dispatchEvent(new CustomEvent('fnd-fp:added-to-cart', { detail:{ productId:currentVariantId, response:data } })); setTimeout(function() { cartEl.classList.remove('is-success'); cartEl.textContent = cartOriginalText; }, 2200); }) .catch(function(err) { console.warn('[fnd-fp] add-to-cart error:', err && err.message); cartEl.classList.remove('is-loading'); cartEl.classList.add('is-error'); cartEl.textContent = 'Error \u2014 try again'; setTimeout(function() { cartEl.classList.remove('is-error'); cartEl.textContent = cartOriginalText; }, 2400); }); }); wrapEl.addEventListener('click', function() { openLightbox(); }); wrapEl.addEventListener('keydown', function(e) { if (e.key === 'ArrowLeft') { showImage(currentImg - 1); e.preventDefault(); } if (e.key === 'ArrowRight') { showImage(currentImg + 1); e.preventDefault(); } if (e.key === 'Enter' || e.key === ' ') { openLightbox(); e.preventDefault(); } }); var touchStartX = null; wrapEl.addEventListener('touchstart', function(e) { touchStartX = e.touches[0].clientX; }, { passive:true }); wrapEl.addEventListener('touchend', function(e) { if (touchStartX === null) return; var dx = e.changedTouches[0].clientX - touchStartX; if (Math.abs(dx) > 40) { if (dx < 0) showImage(currentImg + 1); else showImage(currentImg - 1); } touchStartX = null; }); lbCloseEl.addEventListener('click', closeLightbox); lbEl.addEventListener('click', function(e) { if (e.target === lbEl || e.target.classList.contains('fnd-fp-lb__inner') || e.target.classList.contains('fnd-fp-lb__stage')) closeLightbox(); }); lbPrevEl.addEventListener('click', function(e) { e.stopPropagation(); showImage(currentImg - 1); }); lbNextEl.addEventListener('click', function(e) { e.stopPropagation(); showImage(currentImg + 1); }); window.addEventListener('keydown', function(e) { if (!lbEl.classList.contains('is-open')) return; if (e.key === 'Escape') closeLightbox(); if (e.key === 'ArrowLeft') showImage(currentImg - 1); if (e.key === 'ArrowRight') showImage(currentImg + 1); }); var lbTouchX = null; lbEl.addEventListener('touchstart', function(e) { lbTouchX = e.touches[0].clientX; }, { passive:true }); lbEl.addEventListener('touchend', function(e) { if (lbTouchX === null) return; var dx = e.changedTouches[0].clientX - lbTouchX; if (Math.abs(dx) > 40) { if (dx < 0) showImage(currentImg + 1); else showImage(currentImg - 1); } lbTouchX = null; }); \/\/ ============================================================ \/\/ WOOCOMMERCE STORE API \/\/ ============================================================ var CACHE_KEY = 'fnd-fp-cache-v3-en-eur'; var CACHE_TTL = CACHE_MIN * 60 * 1000; function getCache() { try { var raw = localStorage.getItem(CACHE_KEY); if (!raw) return null; var obj = JSON.parse(raw); if (Date.now() - obj.ts > CACHE_TTL) return null; return obj.data; } catch(e) { return null; } } function setCache(data) { try { localStorage.setItem(CACHE_KEY, JSON.stringify({ ts:Date.now(), data:data })); } catch(e) {} } function formatPriceFromApi(p) { if (!p || !p.prices) return null; var pr = p.prices; var raw = pr.price || pr.regular_price; var num = parseFloat(raw); if (isNaN(num)) return null; var minor = (typeof pr.currency_minor_unit === 'number') ? pr.currency_minor_unit : 2; num = num \/ Math.pow(10, minor); var prefix = pr.currency_prefix || ''; var suffix = pr.currency_suffix || ''; var thouSep = pr.currency_thousand_separator || ','; var decSep = pr.currency_decimal_separator || '.'; var fixed = num.toFixed(minor); var parts = fixed.split('.'); parts[0] = parts[0].replace(\/\\B(?=(\\d{3})+(?!\\d))\/g, thouSep); var out = parts.join(decSep); if (prefix || suffix) return prefix + out + suffix; return out + (pr.currency_code ? ' ' + pr.currency_code : ''); } function fetchProducts(ids) { if (!ids.length) return Promise.resolve([]); var url = (WP_BASE || '').replace(\/\\\/+$\/, '') + '\/wp-json\/wc\/store\/v1\/products?include=' + ids.join(',') + '&per_page=100¤cy=EUR&lang=hu'; return fetch(url, { credentials: 'omit', headers: { 'Accept-Currency': 'EUR' } }) .then(function(r) { if (!r.ok) throw new Error('HTTP ' + r.status); return r.json(); }) .catch(function(err) { console.warn('[fnd-fp] Store API error:', err && err.message); return null; }); } function mergeWithApiData(films, apiProducts) { var byId = {}; apiProducts.forEach(function(p) { byId[p.id] = p; }); return films.map(function(f) { if (!f.ids) return f; var formats = Object.keys(f.ids); var anyMatched = false; var byFormat = {}; var mergedPrices = Object.assign({}, f.prices || {}); var mergedLinks = Object.assign({}, f.links || {}); formats.forEach(function(fmt) { var id = f.ids[fmt]; if (!id) return; var p = byId[id]; if (!p) return; anyMatched = true; var apiImages = p.images || []; if (SKIP_FIRST_IMAGE && apiImages.length > 1) apiImages = apiImages.slice(1); var imageSrcs = apiImages.length ? apiImages.map(function(img) { return { src:img.src, srcset:img.srcset||'', sizes:img.sizes||'(max-width:880px) 100vw, 60vw', alt:img.alt||'' }; }) : (f.images || []); var price = formatPriceFromApi(p) || (f.prices && f.prices[fmt]) || '\u2014 \u20ac'; var link = toEnUrl(p.permalink) || (f.links && f.links[fmt]) || f.link || '#'; byFormat[fmt] = { name: p.name || f.name, price: price, link: link, images: imageSrcs, desc: f.desc, inStock: p.is_in_stock !== false, stockText: p.is_in_stock !== false ? '\u2713 in stock' : 'Out of stock' }; mergedPrices[fmt] = price; mergedLinks[fmt] = link; }); if (!anyMatched) return f; return { category: f.category, vibe: f.vibe, meta: f.meta, desc: f.desc, note: f.note, name: f.name, images: f.images, ids: f.ids, prices: mergedPrices, links: mergedLinks, byFormat: byFormat }; }); } function loadProductData() { var ids = []; FILMS.forEach(function(f) { if (!f.ids) return; Object.keys(f.ids).forEach(function(fmt) { if (f.ids[fmt]) ids.push(f.ids[fmt]); }); }); if (!ids.length) return; var cached = getCache(); if (cached) { FILMS = mergeWithApiData(FILMS, cached); updateCounts(); buildList(); selectFilm(0); } fetchProducts(ids).then(function(data) { if (!data || !data.length) { console.warn('[fnd-fp] Store API returned no products.'); return; } console.info('[fnd-fp] \u2713 ' + data.length + ' products fetched.'); setCache(data); FILMS = mergeWithApiData(FILMS, data); updateCounts(); buildList(); selectFilm(Math.min(currentFilm, Math.max(visibleFilms.length - 1, 0))); }); } \/\/ INIT buildList(); selectFilm(0); loadProductData();})();<\/script><\/body><\/html>[\/et_pb_code][\/et_pb_column][\/et_pb_row][\/et_pb_section]<\/p>\n","protected":false},"excerpt":{"rendered":"","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"_et_pb_use_builder":"on","_et_pb_old_content":"","_et_gb_content_width":"","footnotes":""},"class_list":["post-8420","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/filmisnotdead.hu\/en\/wp-json\/wp\/v2\/pages\/8420","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/filmisnotdead.hu\/en\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/filmisnotdead.hu\/en\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/filmisnotdead.hu\/en\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/filmisnotdead.hu\/en\/wp-json\/wp\/v2\/comments?post=8420"}],"version-history":[{"count":12,"href":"https:\/\/filmisnotdead.hu\/en\/wp-json\/wp\/v2\/pages\/8420\/revisions"}],"predecessor-version":[{"id":8432,"href":"https:\/\/filmisnotdead.hu\/en\/wp-json\/wp\/v2\/pages\/8420\/revisions\/8432"}],"wp:attachment":[{"href":"https:\/\/filmisnotdead.hu\/en\/wp-json\/wp\/v2\/media?parent=8420"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}