.jl-fg{padding:32px 0 56px;color:var(--jl-ink)}.jl-fg__container{max-width:920px}.jl-fg__header{text-align:center;margin-bottom:28px}.jl-fg__heading{font-size:clamp(1.6rem,4vw,2.25rem);font-weight:700;color:var(--jl-primary);margin:0 0 10px;letter-spacing:-.01em}.jl-fg__lead{font-size:clamp(.95rem,1.4vw,1.0625rem);color:var(--jl-ink-soft);max-width:620px;margin:0 auto}.jl-fg-progress{list-style:none;padding:0;margin:0 0 28px;display:grid;grid-template-columns:repeat(4,1fr);gap:8px}.jl-fg-progress__step{display:flex;flex-direction:column;align-items:center;gap:6px;text-align:center}.jl-fg-progress__num{width:38px;height:38px;border-radius:50%;background:var(--jl-bg-soft);border:2px solid var(--jl-border);display:inline-flex;align-items:center;justify-content:center;font-weight:700;font-size:.875rem;color:var(--jl-ink-faint);transition:background-color .15s ease,border-color .15s ease,color .15s ease}.jl-fg-progress__label{font-size:.75rem;color:var(--jl-ink-faint);line-height:1.2}.jl-fg-progress__step.is-active .jl-fg-progress__num{background:var(--jl-accent);border-color:var(--jl-accent);color:var(--jl-primary)}.jl-fg-progress__step.is-active .jl-fg-progress__label{color:var(--jl-ink);font-weight:600}.jl-fg-progress__step.is-completed .jl-fg-progress__num{background:var(--jl-primary);border-color:var(--jl-primary);color:#fff}.jl-fg-form{background:var(--jl-bg);border:1px solid var(--jl-border);border-radius:var(--jl-radius);box-shadow:var(--jl-shadow);padding:28px}.jl-fg-step{border:0;padding:0;margin:0;min-width:0}.jl-fg-step[hidden]{display:none}.jl-fg-step__title{font-size:clamp(1.125rem,2.4vw,1.375rem);font-weight:700;color:var(--jl-ink);padding:0;margin:0 0 6px;text-align:center}.jl-fg-step__title:focus-visible{outline:2px solid var(--jl-primary);outline-offset:4px;border-radius:var(--jl-radius-sm)}.jl-fg-step__help{text-align:center;color:var(--jl-ink-faint);margin:0 0 22px;font-size:.875rem}.jl-fg-options{display:grid;grid-template-columns:repeat(auto-fit,minmax(210px,1fr));gap:10px;margin-bottom:24px}.jl-fg-options--icons{grid-template-columns:repeat(auto-fit,minmax(220px,1fr))}.jl-fg-option{position:relative;display:flex;align-items:center;gap:12px;border:2px solid var(--jl-border);border-radius:var(--jl-radius-sm);padding:14px 16px 14px 42px;cursor:pointer;background:var(--jl-bg);transition:border-color .15s ease,background-color .15s ease;min-height:56px}.jl-fg-options--icons .jl-fg-option{padding-left:16px}.jl-fg-option:hover{border-color:var(--jl-primary)}.jl-fg-option input{position:absolute;width:1px;height:1px;margin:-1px;padding:0;overflow:hidden;clip:rect(0,0,0,0);border:0}.jl-fg-option__label{font-size:.9375rem;font-weight:500;color:var(--jl-ink);line-height:1.3}.jl-fg-option__icon{flex:none;color:var(--jl-primary)}.jl-fg-options:not(.jl-fg-options--icons) .jl-fg-option:before{content:"";position:absolute;left:14px;top:50%;transform:translateY(-50%);width:20px;height:20px;border:2px solid var(--jl-border);background:var(--jl-bg);border-radius:4px;transition:background-color .15s ease,border-color .15s ease}.jl-fg-step[data-multi=false] .jl-fg-options:not(.jl-fg-options--icons) .jl-fg-option:before{border-radius:50%}.jl-fg-option:has(input:checked){border-color:var(--jl-primary);background:var(--jl-primary-soft)}.jl-fg-options--icons .jl-fg-option:has(input:checked) .jl-fg-option__icon{color:var(--jl-primary-hover)}.jl-fg-options:not(.jl-fg-options--icons) .jl-fg-option:has(input:checked):before{background:var(--jl-primary);border-color:var(--jl-primary)}.jl-fg-options:not(.jl-fg-options--icons) .jl-fg-option:has(input:checked):after{content:"";position:absolute;left:20px;top:50%;width:6px;height:11px;border-right:2px solid #fff;border-bottom:2px solid #fff;transform:translateY(-65%) rotate(45deg)}.jl-fg-option:has(input:focus-visible){outline:2px solid var(--jl-primary);outline-offset:2px}@supports not selector(:has(*)){.jl-fg-option input{position:static;width:auto;height:auto;clip:auto;margin-right:8px}.jl-fg-options:not(.jl-fg-options--icons) .jl-fg-option:before{display:none}.jl-fg-option{padding-left:16px}}.jl-fg-actions{display:flex;flex-wrap:wrap;gap:10px;align-items:center;justify-content:flex-end}.jl-fg-actions [data-jl-action=back]{margin-right:auto}.jl-fg-results{margin-top:8px}.jl-fg-results[hidden]{display:none}.jl-fg-results__head{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:12px;margin-bottom:6px}.jl-fg-results__title{font-size:clamp(1.25rem,2.6vw,1.625rem);font-weight:700;color:var(--jl-primary);margin:0}.jl-fg-results__title:focus-visible{outline:2px solid var(--jl-primary);outline-offset:4px;border-radius:var(--jl-radius-sm)}.jl-fg-results__actions{display:flex;gap:8px}.jl-fg-status{margin:0 0 18px;color:var(--jl-ink-soft);font-size:.9375rem;font-weight:500}.jl-fg-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(240px,1fr));gap:16px}.jl-fg-grid--three{grid-template-columns:repeat(auto-fill,minmax(240px,1fr))}@media(min-width:900px){.jl-fg-grid,.jl-fg-grid--three{grid-template-columns:repeat(3,1fr)}}.jl-fg-card{display:flex;flex-direction:column;overflow:hidden;transition:box-shadow .15s ease}.jl-fg-card:hover{box-shadow:var(--jl-shadow)}.jl-fg-card__media{display:block;position:relative;aspect-ratio:1 / 1;background:var(--jl-bg)}.jl-fg-card__img{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;object-fit:contain;padding:10px}.jl-fg-card__noimg{position:absolute;top:0;right:0;bottom:0;left:0;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:10px;padding:12px;background:var(--jl-primary-soft);box-shadow:inset 0 0 0 1px #002f580f}.jl-fg-card__noimg-icon{width:34%;max-width:60px;height:auto;color:var(--jl-primary);opacity:.34}.jl-fg-card__noimg-type{font-size:.72rem;font-weight:600;text-transform:uppercase;letter-spacing:.08em;line-height:1.2;text-align:center;color:var(--jl-primary);opacity:.62}.jl-fg-card__body{display:flex;flex-direction:column;gap:8px;flex:1;padding:14px}.jl-fg-card__vendor{font-size:.7rem;font-weight:600;letter-spacing:.07em;text-transform:uppercase;color:var(--jl-ink-faint)}.jl-fg-card__title{font-weight:600;font-size:.95rem;line-height:1.35;color:var(--jl-ink);text-decoration:none;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.jl-fg-card__title:hover{color:var(--jl-primary)}.jl-fg-card__chips{display:flex;flex-wrap:wrap;gap:4px}.jl-fg-card__pricerow{display:flex;align-items:baseline;flex-wrap:wrap;gap:6px}.jl-fg-card__why{margin-top:2px;padding:10px 12px;background:var(--jl-bg-soft);border-radius:var(--jl-radius-sm)}.jl-fg-card__why-title{margin:0 0 6px;font-size:.78rem;font-weight:700;color:var(--jl-ink-soft);text-transform:uppercase;letter-spacing:.04em}.jl-fg-card__why ul{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:4px}.jl-fg-card__why li{display:flex;align-items:flex-start;gap:6px;font-size:.84rem;color:var(--jl-ink);line-height:1.3}.jl-fg-card__tick{flex:none;font-weight:700;color:var(--jl-success);line-height:1.3}.jl-fg-card__why--miss{background:#fbeaea}.jl-fg-card__why--miss .jl-fg-card__tick{color:var(--jl-danger)}.jl-fg-card__actions{margin-top:auto;padding-top:8px;display:flex;flex-direction:column;gap:8px}.jl-fg-nearmiss{margin-top:32px}.jl-fg-nearmiss[hidden]{display:none}.jl-fg-nearmiss__title{font-size:1.125rem;font-weight:700;color:var(--jl-ink);margin:0 0 4px}.jl-fg-nearmiss__text{color:var(--jl-ink-soft);font-size:.9rem;margin:0 0 16px;max-width:640px}.jl-fg-call{margin-top:28px;padding:20px 24px;display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:16px;background:var(--jl-primary-soft);border-color:var(--jl-primary-soft)}.jl-fg-call[hidden]{display:none}.jl-fg-call__title{margin:0 0 4px;font-size:1.1rem;font-weight:700;color:var(--jl-primary)}.jl-fg-call__text{margin:0;color:var(--jl-ink-soft);font-size:.9rem;max-width:520px}.jl-fg-call__btn{gap:8px;white-space:nowrap}.jl-fg-accessories{margin-top:36px}.jl-fg-accessories__title{font-size:1.0625rem;font-weight:700;color:var(--jl-ink);margin:0 0 14px}.jl-fg-accessories__grid{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(auto-fit,minmax(120px,1fr));gap:10px}.jl-fg-accessory{display:flex;flex-direction:column;align-items:center;gap:8px;padding:16px 10px;text-align:center;border:1px solid var(--jl-border);border-radius:var(--jl-radius-sm);background:var(--jl-bg);color:var(--jl-ink);text-decoration:none;font-size:.84rem;font-weight:600;transition:border-color .15s ease,background-color .15s ease;min-height:44px}.jl-fg-accessory:hover{border-color:var(--jl-primary);background:var(--jl-primary-soft);color:var(--jl-primary)}.jl-fg-accessory__icon{color:var(--jl-primary)}@media(max-width:640px){.jl-fg{padding:24px 0 40px}.jl-fg-form{padding:20px}.jl-fg-progress{grid-template-columns:repeat(4,auto);justify-content:center;gap:18px;position:relative;padding-bottom:26px;counter-reset:jl-fg-step}.jl-fg-progress__step{counter-increment:jl-fg-step}.jl-fg-progress__label{display:none}.jl-fg-progress__step.is-active .jl-fg-progress__label{display:block;position:absolute;left:0;right:0;bottom:0;text-align:center;font-size:.8125rem;line-height:1.2}.jl-fg-progress__step.is-active .jl-fg-progress__label:before{content:"Steg " counter(jl-fg-step) " av 4 \b7  ";font-weight:700}.jl-fg-actions{gap:8px}.jl-fg-actions .jl-btn:not([data-jl-action=back]){flex:1}.jl-fg-results__head{flex-direction:column;align-items:flex-start}}@media(prefers-reduced-motion:reduce){.jl-fg-option,.jl-fg-progress__num,.jl-fg-card,.jl-fg-accessory{transition:none}}body.template-page-fogvalsguiden:not(.jl-guide-results) .jl-header,body.template-page-fogvalsguiden:not(.jl-guide-results) .jl-announce,body.template-page-fogvalsguiden:not(.jl-guide-results) .jl-mobilemenu{display:none!important}body.template-page-fogvalsguiden:not(.jl-guide-results) .jl-fg{padding-top:0}.jl-fg__topbar{display:none}body.template-page-fogvalsguiden:not(.jl-guide-results) .jl-fg__topbar{display:block;position:sticky;top:0;z-index:60;background:var(--jl-bg);border-bottom:1px solid var(--jl-border);margin-bottom:28px}.jl-fg__topbar-inner{display:flex;align-items:center;gap:14px;min-height:56px;padding-top:8px;padding-bottom:8px}.jl-fg__topbar-logo{display:inline-flex;align-items:center;flex:none;text-decoration:none}.jl-fg__topbar-logoimg{display:block;height:30px;width:auto;max-width:150px}.jl-fg__topbar-back{display:inline-flex;align-items:center;gap:7px;min-height:44px;padding:6px 12px 6px 8px;border-radius:var(--jl-radius-sm);font-weight:600;font-size:.95rem;color:var(--jl-primary);text-decoration:none}.jl-fg__topbar-back:hover{background:var(--jl-primary-soft)}.jl-fg__topbar-backicon{transform:scaleX(-1);flex:none}.jl-fg__topbar-phone{display:inline-flex;align-items:center;gap:7px;margin-left:auto;min-height:44px;padding:6px 4px;font-weight:600;font-size:.95rem;color:var(--jl-ink);text-decoration:none;white-space:nowrap}.jl-fg__topbar-phone:hover{color:var(--jl-primary)}.jl-fg__topbar-back:focus-visible,.jl-fg__topbar-phone:focus-visible,.jl-fg__topbar-logo:focus-visible{outline:2px solid var(--jl-primary);outline-offset:2px}@media(max-width:480px){.jl-fg__topbar-inner{gap:8px;min-height:50px}.jl-fg__topbar-logoimg{height:26px;max-width:104px}.jl-fg__topbar-back{font-size:.9rem;padding-left:4px}.jl-fg__topbar-back .jl-fg__topbar-backrest{display:none}.jl-fg__topbar-phone{font-size:.9rem}}@media(max-width:640px){.jl-fg-progress{position:relative;padding-bottom:26px;counter-reset:jl-fg-step}.jl-fg-progress__step{counter-increment:jl-fg-step}.jl-fg-progress__step.is-active .jl-fg-progress__label{display:block;position:absolute;left:0;right:0;bottom:0;text-align:center;font-size:.8125rem;line-height:1.2}.jl-fg-progress__step.is-active .jl-fg-progress__label:before{content:"Steg " counter(jl-fg-step) " av 4 \b7  ";font-weight:700}}@media(max-width:640px){body.template-page-fogvalsguiden:not(.jl-guide-results) .jl-fg-actions{position:fixed;left:0;right:0;bottom:0;z-index:55;margin:0;gap:8px;padding:10px 16px calc(10px + env(safe-area-inset-bottom,0px));background:var(--jl-bg);border-top:1px solid var(--jl-border);box-shadow:0 -4px 16px #00000012}body.template-page-fogvalsguiden:not(.jl-guide-results) .jl-fg-form{padding-bottom:calc(92px + env(safe-area-inset-bottom,0px))}}.jl-fg-card .jl-chip--spec{background:var(--jl-bg-soft);color:var(--jl-ink-soft)}.jl-fg-card__standout{margin:0;font-size:.84rem;line-height:1.35;color:var(--jl-ink-soft)}.jl-fg-card__standout-label{font-weight:700;color:var(--jl-primary)}.jl-fg-rec-badge{align-self:flex-start;display:inline-flex;align-items:center;gap:5px;background:var(--jl-primary);color:#fff;font-size:.7rem;font-weight:700;text-transform:uppercase;letter-spacing:.05em;padding:4px 11px;border-radius:var(--jl-radius-pill);margin-bottom:2px}.jl-fg-card--recommended{grid-column:1 / -1;flex-direction:row;border:2px solid var(--jl-primary)}.jl-fg-card--recommended .jl-fg-card__media{width:168px;flex:none}.jl-fg-card--recommended .jl-fg-card__body{padding:16px 18px;gap:9px}.jl-fg-card--recommended .jl-fg-card__title{font-size:1.05rem;-webkit-line-clamp:3}.jl-fg-card--recommended .jl-fg-card__standout{font-size:.95rem;color:var(--jl-ink)}@media(max-width:560px){.jl-fg-card--recommended{flex-direction:column}.jl-fg-card--recommended .jl-fg-card__media{width:100%}}.jl-fg-showmore{text-align:center;margin-top:22px}
/*# sourceMappingURL=/cdn/shop/t/45/assets/fogvalsguiden.css.map */