
/* Letisztult: az oldal fehér és bézs színei, árlistaszerű fazonválasztó */
:root{--bg:#FFFFFF;--ink:#1C1A16;--muted:#6A6456;--surface:#FAF3E0;--line:#E9DDBD;--accent:#F5E1AE;--on-accent:#1C1A16;--accent-text:#6F5A22;--champ:#8A6F2E;--star:#B8902F;--display:"Marcellus",Georgia,serif;--body:"Karla",system-ui,sans-serif;--dw:400;--numf:var(--body);--btnr:0;--bkr:0;--imgr:0}
[hidden]{display:none!important}
*{box-sizing:border-box}
html{min-width:0;scroll-behavior:smooth;-webkit-text-size-adjust:100%}
body{margin:0;background:var(--bg);color:var(--ink);font-family:var(--body);font-size:17px;line-height:1.6;-webkit-font-smoothing:antialiased}
img{max-width:100%;height:auto;display:block}
h1,h2,h3{font-family:var(--display);font-weight:var(--dw,500);line-height:1.1;margin:0;text-wrap:balance}
p{margin:0}
a{color:inherit}
:focus-visible{outline:2px solid var(--accent);outline-offset:2px}
.wrap{max-width:1200px;margin:0 auto;padding-left:max(20px,env(safe-area-inset-left,0px));padding-right:max(20px,env(safe-area-inset-right,0px))}
.sampbar{background:#111;color:#ddd;font:500 12px/1.2 system-ui,sans-serif;padding:7px 12px;display:flex;gap:10px;flex-wrap:wrap;justify-content:center}
.sampbar a{color:#fff}.sampbar b{color:#f1d58f}
.fj-btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;min-height:48px;padding:12px 22px;border:1px solid var(--accent);border-radius:var(--btnr,3px);background:var(--accent);color:var(--on-accent);font:600 16px/1.2 var(--body);text-decoration:none;cursor:pointer;transition:transform .2s,background .2s,color .2s}
.fj-btn:hover{transform:translateY(-1px)}
.fj-ghost{background:transparent;color:var(--ghost,var(--ink));border-color:var(--ghost,var(--ink))}

/* Foglaló */
.fj-book{--c:var(--bk-ink,var(--ink));background:var(--bk,var(--surface));color:var(--c);border:1px solid var(--bk-line,var(--line));border-radius:var(--bkr,6px);padding:20px;scroll-margin-top:16px}
.fj-book form{display:grid;gap:16px}
.fj-b-label{display:flex;align-items:center;gap:8px;font-weight:600;margin-bottom:10px;font-size:.98rem}
.fj-b-label span{width:22px;height:22px;flex:none;border-radius:50%;display:grid;place-items:center;font-size:.76rem;background:var(--accent);color:var(--on-accent)}
.fj-cal-head{display:flex;justify-content:space-between;align-items:center;margin-bottom:6px}
.fj-cal-head strong{font-weight:600;font-size:.95rem}
.fj-nav{width:40px;height:36px;font-size:1.3rem;background:none;color:inherit;border:1px solid var(--bk-line,var(--line));border-radius:3px;cursor:pointer}
.fj-nav:disabled{opacity:.3;cursor:default}
.fj-grid{display:grid;grid-template-columns:repeat(7,minmax(0,1fr));gap:3px}
.fj-dow{font-size:.7rem;text-align:center;opacity:.65;padding:2px 0}
.fj-day{aspect-ratio:1;min-height:36px;background:none;color:inherit;border:1px solid transparent;border-radius:3px;font:500 .92rem var(--body);cursor:pointer}
.fj-day:not(:disabled){border-color:var(--bk-line,var(--line))}
.fj-day:not(:disabled):hover{border-color:var(--accent)}
.fj-day:disabled{opacity:.28;cursor:default}
.fj-day.on,.fj-slot.on{background:var(--accent);color:var(--on-accent);border-color:var(--accent)}
.fj-hint{font-size:.85rem;opacity:.75;margin-bottom:8px}
.fj-b-slots[data-state=off] .fj-slots{display:none}
.fj-slots{display:grid;grid-template-columns:repeat(auto-fill,minmax(68px,1fr));gap:6px}
.fj-slot{min-height:42px;background:none;color:inherit;border:1px solid var(--bk-line,var(--line));border-radius:3px;font:500 .92rem var(--body);cursor:pointer}
.fj-slot:hover{border-color:var(--accent)}
.fj-b-fields[data-state=off] label,.fj-b-fields[data-state=off] .fj-submit,.fj-b-fields[data-state=off] .fj-small,.fj-b-fields[data-state=off] .fj-sel{display:none}
.fj-b-fields[data-state=off] .fj-b-label{opacity:.5;margin-bottom:0}
.fj-b-fields{display:grid;gap:10px;align-content:start}
.fj-b-fields .fj-b-label{margin-bottom:0}
.fj-sel{font-weight:600;font-size:.92rem;color:var(--accent-text,var(--accent))}
.fj-interest-note{font-size:.88rem}
.fj-book label{display:grid;gap:3px;font-size:.86rem}
.fj-book input:not([type=checkbox]){width:100%;min-height:46px;padding:10px 12px;background:var(--in,transparent);color:inherit;border:1px solid var(--bk-line,var(--line));border-radius:3px;font:400 16px var(--body)}
.fj-book .fj-check{display:flex;gap:9px;align-items:flex-start;font-size:.84rem}
.fj-check input{width:18px;height:18px;margin-top:2px;flex:none;accent-color:var(--accent)}
.fj-err{font-size:.86rem;color:var(--err,#B3261E);font-weight:600}
.fj-small{font-size:.78rem;opacity:.72}
.fj-submit{width:100%}
.fj-book.fj-wide form{grid-template-columns:minmax(0,1fr) 220px minmax(0,1fr);gap:26px}
.fj-wide .fj-b-step+.fj-b-step{border-left:1px solid var(--bk-line,var(--line));padding-left:26px}
.fj-wide .fj-slots{grid-template-columns:repeat(2,minmax(0,1fr))}
.fj-wide .fj-day{aspect-ratio:auto;height:38px}
.fj-done{padding:12px 4px}
.fj-done strong{display:block;margin-bottom:6px}

/* Termék */
.fj-prods{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:14px}
.fj-prod{display:grid;gap:4px;align-content:start;text-decoration:none;color:inherit;min-width:0}
.fj-pimg{display:block;background:#fff;border-radius:var(--imgr,3px);overflow:hidden;aspect-ratio:1}
.fj-pimg img{width:100%;height:100%;object-fit:contain;transition:transform .6s cubic-bezier(.2,.7,.2,1)}
.fj-prod:hover .fj-pimg img,.fj-sc:hover .fj-pimg img{transform:scale(1.06)}
.fj-pstone{font-size:.72rem;letter-spacing:.06em;text-transform:uppercase;color:var(--accent-text,var(--accent));margin-top:6px}
.fj-pt{font-size:.88rem;line-height:1.35}
.fj-pp{font-weight:600;font-size:.95rem;font-variant-numeric:tabular-nums}
.fj-more{display:inline-block;margin-top:14px;font-weight:600;color:var(--accent-text,var(--accent))}
.fj-tabs{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px;margin-bottom:20px}
.fj-tab{display:grid;gap:2px;text-align:left;padding:14px;background:none;color:inherit;border:1px solid var(--line);border-radius:3px;cursor:pointer;font:inherit}
.fj-tab strong{font-family:var(--numf,var(--display));font-weight:var(--dw,500);font-size:1.25rem}
.fj-tab span{font-size:.82rem;opacity:.75}
.fj-tab[aria-selected=true]{background:var(--accent);color:var(--on-accent);border-color:var(--accent)}
.fj-bands-tabs .fj-band-h{display:none}
.fj-band-h h3{font-size:1.5rem;font-family:var(--numf,var(--display))}.fj-band-h p{font-size:.88rem;opacity:.75;margin:2px 0 14px}

.fj-stonecards{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:14px}
.fj-sc{display:grid;gap:6px;align-content:start;text-decoration:none;color:inherit;min-width:0}
.fj-sc strong{font-family:var(--display);font-weight:var(--dw,500);font-size:1.15rem;margin-top:6px}
.fj-sc .fj-pimg{box-shadow:0 0 0 1px var(--line);transition:box-shadow .3s}
.fj-sc:hover .fj-pimg{box-shadow:0 0 0 2px var(--sc)}
.fj-sc-d{font-size:.84rem;line-height:1.4;opacity:.8}
.fj-sc .fj-pp{font-size:.84rem}

/* Visszaszámláló */
.fj-cds{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,280px),1fr));gap:18px}
.fj-cd{display:grid;gap:8px;align-content:start;min-width:0}
.fj-cd-n{display:flex;gap:6px}
.fj-cd-n span{flex:1 1 0;display:grid;justify-items:center;padding:8px 2px;font-size:.68rem;border:1px solid var(--cd-line,var(--line));border-radius:3px;min-width:0}
.fj-cd-n b{font:var(--dw,500) 1.5rem/1.1 var(--numf,var(--display));font-variant-numeric:tabular-nums lining-nums}
.fj-cd p{font-size:.84rem;opacity:.8}

.fj-size{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:20px}
.fj-s{display:grid;gap:6px;align-content:start}
.fj-sn{font:var(--dw,500) 1.7rem/1 var(--numf,var(--display));color:var(--accent-text,var(--accent));font-variant-numeric:lining-nums}
.fj-s h3{font-size:1.2rem}.fj-s p{font-size:.92rem;opacity:.85}

.fj-revs{display:grid;grid-template-columns:1fr repeat(3,minmax(0,1.2fr));gap:22px;align-items:start}
.fj-rate{display:grid;gap:2px}
.fj-rate strong{font:var(--dw,500) 3.2rem/1 var(--numf,var(--display));font-variant-numeric:lining-nums}
.fj-stars{color:var(--star,#C79A3B);letter-spacing:2px}
.fj-rate span:last-child{font-size:.84rem;opacity:.8}
.fj-rev{margin:0;display:grid;gap:8px}
.fj-rev blockquote{margin:0;font-family:var(--display);font-size:1.12rem;line-height:1.35}
.fj-rev figcaption{font-size:.8rem;opacity:.7}

.fj-store{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.3fr);gap:28px;align-items:stretch}
.fj-store address{font:var(--dw,500) 1.5rem/1.25 var(--numf,var(--display))}
.fj-store dl{display:grid;grid-template-columns:auto 1fr;gap:3px 16px;margin:16px 0;font-size:.95rem}
.fj-store dd{margin:0;font-variant-numeric:tabular-nums}
.fj-store-c{display:flex;flex-wrap:wrap;gap:8px}
.fj-map{min-height:280px;border:1px solid var(--line);border-radius:3px;overflow:hidden;display:grid}
.fj-map iframe{width:100%;height:100%;border:0;min-height:280px}
.fj-map-b{display:grid;place-content:center;gap:4px;background:var(--surface);color:var(--ink);border:0;cursor:pointer;font:600 1rem var(--body)}
.fj-map-b small{font-weight:400;opacity:.7}

.fj-gyik{display:grid;gap:0;border-top:1px solid var(--line)}
.fj-q{border-bottom:1px solid var(--line)}
.fj-q summary{cursor:pointer;padding:15px 30px 15px 0;font-weight:600;list-style:none;position:relative}
.fj-q summary::-webkit-details-marker{display:none}
.fj-q summary::after{content:"+";position:absolute;right:4px;top:12px;font-size:1.3rem;color:var(--accent-text,var(--accent))}
.fj-q[open] summary::after{content:"–"}
.fj-q div{padding:0 0 16px;max-width:70ch;opacity:.88}

.fj-sticky{display:none}
#av-cookie-consent-badge{z-index:30}
.fjl-landing .avia_hidden_link_text{display:none}
.foot{padding-block:28px 40px;font-size:.84rem;opacity:.85}
.foot .wrap{display:flex;flex-wrap:wrap;gap:8px 18px;justify-content:space-between}

@media (max-width:980px){
  .fj-book.fj-wide form{grid-template-columns:minmax(0,1fr)}
  .fj-wide .fj-b-step+.fj-b-step{border-left:0;padding-left:0}
  .fj-wide .fj-slots{grid-template-columns:repeat(auto-fill,minmax(68px,1fr))}
  .fj-stonecards{grid-template-columns:repeat(3,minmax(0,1fr))}
  .fj-revs{grid-template-columns:repeat(2,minmax(0,1fr))}
  .fj-size{grid-template-columns:repeat(2,minmax(0,1fr))}
}
@media (max-width:720px){
  body{font-size:16px;padding-bottom:calc(68px + env(safe-area-inset-bottom,0px))}
  .fj-prods{grid-template-columns:repeat(2,minmax(0,1fr))}
  .fj-cds,.fj-store{grid-template-columns:minmax(0,1fr)}
  .fj-stonecards{grid-template-columns:repeat(2,minmax(0,1fr))}
  .fj-tabs{grid-template-columns:minmax(0,1fr)}
  .fj-revs{grid-template-columns:minmax(0,1fr)}
  #av-cookie-consent-badge{bottom:calc(76px + env(safe-area-inset-bottom,0px))!important}
  .fj-sticky{display:grid;grid-template-columns:1.6fr 1fr;gap:8px;position:fixed;left:0;right:0;bottom:0;z-index:20;padding:10px max(12px,env(safe-area-inset-right,0px)) calc(10px + env(safe-area-inset-bottom,0px)) max(12px,env(safe-area-inset-left,0px));background:var(--sticky,var(--surface));border-top:1px solid var(--line);--ghost:var(--sticky-ink,var(--ink))}
}
@media (prefers-reduced-motion:reduce){*,*::before,*::after{animation:none!important;transition:none!important;scroll-behavior:auto!important}}
.fjl-landing .av-inline-modal{background:#fff;color:#1C1A16;padding:24px;max-width:760px;margin:0 auto;border-radius:6px}
.fjl-landing .av-inline-modal .avia-cookie-consent-modal-button{border:1px solid #1C1A16!important}

.top{display:flex;justify-content:space-between;align-items:center;padding-block:20px;gap:12px}
.top a.tel{font-size:.92rem;font-weight:600;text-decoration:none}
h1{font-size:clamp(2.3rem,4.6vw,3.8rem);letter-spacing:-.005em;padding-top:10px}
h1 span{display:block;color:var(--muted)}
.lead{margin-top:12px;max-width:40em;font-size:1.08rem;color:var(--muted)}
.hgrid{display:grid;grid-template-columns:minmax(0,1fr) 390px;gap:44px;align-items:start;margin-top:26px;padding-bottom:64px}
.fj-show{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,.95fr);gap:30px;align-items:start}
.frame{position:relative;aspect-ratio:1;background:var(--surface);overflow:hidden}
.frame img{width:100%;height:100%;object-fit:cover;transition:opacity .35s,transform .9s cubic-bezier(.2,.7,.2,1)}
.frame img.swap{opacity:0;transform:scale(1.03)}
.shapes{list-style:none;margin:0;padding:0;border-top:1px solid var(--line)}
.shape{width:100%;display:grid;grid-template-columns:minmax(0,1fr) auto;gap:10px;align-items:baseline;padding:11px 0;background:none;border:0;border-bottom:1px solid var(--line);color:var(--muted);font:400 1.28rem/1.2 var(--display);text-align:left;cursor:pointer;position:relative;transition:color .25s}
.shape small{font:500 .84rem var(--body);font-variant-numeric:tabular-nums}
.shape::after{content:"";position:absolute;left:0;bottom:-1px;height:1px;width:100%;background:var(--ink);transform:scaleX(0);transform-origin:left;transition:transform .45s cubic-bezier(.2,.7,.2,1)}
.shape[aria-pressed=true],.shape:hover{color:var(--ink)}
.shape[aria-pressed=true]::after{transform:scaleX(1)}
.shape-d{margin-top:12px;font-size:.95rem;color:var(--muted);min-height:2.8em}
.shape-l{font-size:.86rem;display:block;margin-bottom:14px}
.fj-show .acts{display:flex;flex-wrap:wrap;gap:8px}
.fj-show .acts .fj-btn{flex:1 1 auto}
.sec{padding-block:68px;border-top:1px solid var(--line)}
.sec h2{font-size:clamp(2rem,3.4vw,2.8rem);margin-bottom:10px}
.sec .sub{max-width:40em;color:var(--muted);margin-bottom:30px}
.steps{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:30px;counter-reset:s}
.steps div{display:grid;gap:8px;align-content:start}
.steps b{font:400 2.4rem/1 var(--numf);color:var(--champ);font-variant-numeric:lining-nums}
.steps h3{font-size:1.35rem}
.steps p{font-size:.96rem;color:var(--muted)}
.note{margin-top:26px;font-size:.95rem}
.note a{font-weight:600}
.fj-cd-n span{border:0;border-right:1px solid var(--line);border-radius:0;justify-items:start;padding:2px 8px 2px 0}
.fj-cd-n span:last-child{border-right:0}
.fj-cd-n b{font-size:1.9rem}
.why{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:30px}
.why h3{font-size:1.3rem;margin-bottom:6px}.why p{font-size:.95rem;color:var(--muted)}
.two{display:grid;grid-template-columns:minmax(0,.8fr) minmax(0,1.6fr);gap:40px}
.mark{display:block;text-decoration:none}
.mark img{height:64px;width:auto}
.fj-btn{border-color:#D9C07F}
.fj-btn:hover{background:#EFD592}
.fj-ghost{border-color:var(--ink)}
.fj-ghost:hover{background:var(--surface)}
:focus-visible{outline-color:var(--ink)}
.fj-book{--in:#fff}
.fj-hb h2{font-size:1.5rem;margin-bottom:4px}
.fj-hb>p{font-size:.92rem;color:var(--muted,#6A6456);margin-bottom:12px}
.fj-hb .fj-tabs{grid-template-columns:repeat(3,minmax(0,1fr));gap:6px;margin-bottom:12px}
.fj-hb .fj-tab{padding:9px 8px;align-content:start}
.fj-hb .fj-tab strong{font-size:.95rem;line-height:1.2;font-family:var(--body);font-weight:600}
.fj-hb .fj-tab span{display:none}
.fj-hb .fj-prods{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}
.fj-hb .fj-pt{font-size:.8rem}
.fj-hb .fj-more{font-size:.92rem;margin-top:10px;color:var(--accent-text)}
.cdband{background:var(--accent);color:var(--ink);--cd-line:#D9C07F}
.cdband .fj-cd-n span{background:#fff}
.fj-s-key{background:var(--accent);color:var(--ink);--accent-text:#6F5A22}
.tint{background:var(--surface);border-top:0}
.fj-lcol{display:grid;gap:24px;align-content:start;min-width:0}
.fj-trust{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:1px;background:var(--line);border:1px solid var(--line)}
.fj-trust div{display:grid;gap:2px;padding:14px 16px;background:var(--surface)}
.fj-trust strong{font:400 1.12rem var(--display)}
.fj-trust span{font-size:.86rem;color:var(--muted)}
.foot{border-top:1px solid var(--line)}
@media (max-width:1080px){.fj-trust{display:none}.hgrid{grid-template-columns:minmax(0,1fr)}}
@media (max-width:900px){.steps,.why,.two{grid-template-columns:minmax(0,1fr)}}
@media (max-width:720px){.mark img{height:50px}.fj-show{grid-template-columns:minmax(0,1fr);gap:18px}.hgrid{margin-top:18px;gap:28px;padding-bottom:44px}.sec{padding-block:46px}.shape{font-size:1.15rem;padding:10px 0}}
