.jlf{color-scheme:light;--bg:#fff;--text:#121212;--section:#F8F8F8;--border:#E5E7EB;--primary:#2563EB;--navy:#212C4D;--success:#166534;--muted:#616978;--shadow:0 1px 2px rgba(0,0,0,.04),0 8px 24px rgba(0,0,0,.06);--ease:.2s cubic-bezier(.4,0,.2,1)}.jlf *{box-sizing:border-box}.jlf{margin:0;background:var(--bg);color:var(--text);font-size:14px;font-weight:400;line-height:1.5;font-family:inherit}.jlf button,.jlf input,.jlf select{font:inherit}.jlf button,.jlf a,.jlf input,.jlf select,.jlf summary{-webkit-tap-highlight-color:transparent}.jlf button,.jlf a,.jlf input,.jlf select,.jlf summary{transition:background var(--ease),border-color var(--ease),box-shadow var(--ease),transform var(--ease),color var(--ease)}.jlf button{cursor:pointer}.jlf button:disabled{cursor:not-allowed;opacity:.6}.jlf button:disabled:hover{transform:none}.jlf button:focus-visible,.jlf a:focus-visible,.jlf input:focus-visible,.jlf select:focus-visible,.jlf summary:focus-visible{outline:3px solid var(--primary);outline-offset:4px}.jlf button:hover:not(:disabled),.jlf select:hover{border-color:var(--primary)}.jlf a:hover{color:var(--primary)}.jlf input:hover{border-color:var(--primary)}.jlf [hidden]{display:none!important}.jlf h1,.jlf h2,.jlf h3,.jlf p{margin:0}.jlf h1,.jlf .question-title{font-family:Crimson Pro,Georgia,serif;font-weight:600;color:var(--navy)}.jlf h1{font-size:64px;line-height:1.1}.jlf h2,.jlf h3,.jlf strong,.jlf b{font-weight:600}.jlf a{color:inherit}.jlf button{color:var(--text)}.jlf .app{max-width:1536px;padding:32px;margin:auto}.jlf .breadcrumb{color:var(--muted);margin-bottom:24px;display:flex;gap:12px}.jlf .breadcrumb a{text-decoration:none}.jlf .header{display:flex;align-items:end;justify-content:space-between;gap:24px;margin-bottom:32px}.jlf .heading-line{display:flex;gap:16px;align-items:baseline}.jlf .total{font-size:16px;color:var(--muted);font-variant-numeric:tabular-nums}.jlf .sort-label{display:flex;align-items:center;gap:12px;color:var(--muted)}.jlf select{color:var(--text);border:1px solid var(--border);background:var(--bg);border-radius:8px;padding:12px;min-height:48px;max-width:100%}.jlf .button{display:inline-flex;align-items:center;justify-content:center;gap:8px;min-height:48px;padding:12px 24px;border:1px solid var(--border);border-radius:8px;background:var(--bg);text-decoration:none;font-weight:600;text-align:center}.jlf .button:hover{background:var(--section)}.jlf .primary{background:var(--primary);color:#fff;border-color:var(--primary)}.jlf .primary:hover:not(:disabled){background:#1d4ed8;color:#fff;border-color:#1d4ed8}.jlf .text-button{background:transparent;border:1px solid transparent;border-radius:8px;color:var(--primary);padding:8px;min-height:44px;font-weight:600}.jlf .text-button:hover{background:#eff6ff}.jlf .icon-button{display:grid;place-items:center;width:48px;height:48px;background:var(--bg);border:1px solid var(--border);border-radius:8px;font-size:24px;flex-shrink:0}.jlf .icon-button:hover{background:var(--section)}.jlf .help-card{display:flex;align-items:center;justify-content:space-between;gap:24px;padding:24px 32px;background:var(--section);border:1px solid var(--border);border-radius:8px;margin-bottom:32px}.jlf .help-copy{display:flex;align-items:center;gap:32px}.jlf .help-copy p{max-width:400px;font-size:16px}.jlf .eyebrow{color:var(--navy);font-size:12px;font-weight:600;letter-spacing:.08em;text-transform:uppercase;display:block;margin-bottom:8px}.jlf .help-thumbs{display:flex;gap:8px;flex-shrink:0}.jlf .help-thumbs span{width:88px;height:88px;border-radius:8px;background:var(--bg);padding:8px;border:1px solid var(--border);display:grid;place-items:center}.jlf .help-thumbs img{width:100%;height:100%;object-fit:contain}.jlf .layout{display:grid;grid-template-columns:280px minmax(0,1fr);gap:32px;align-items:start}.jlf .sidebar{position:sticky;top:16px;max-height:calc(100dvh - 32px);overflow:auto;scrollbar-width:thin;padding-right:8px;overscroll-behavior:contain}.jlf .filter-heading{display:flex;align-items:center;justify-content:space-between;gap:8px;padding-bottom:16px;border-bottom:1px solid var(--border)}.jlf .filter-heading h2{font-size:16px;color:var(--navy)}.jlf .filter-group{border-bottom:1px solid var(--border)}.jlf .filter-group summary{display:flex;align-items:center;justify-content:space-between;gap:8px;list-style:none;min-height:56px;padding:16px 0;font-size:16px;font-weight:600;color:var(--navy);cursor:pointer;border-radius:8px}.jlf .filter-group summary::-webkit-details-marker{display:none}.jlf .filter-group summary:hover{background:var(--section)}.jlf .chevron{width:8px;height:8px;border-right:2px solid currentColor;border-bottom:2px solid currentColor;transform:rotate(45deg);margin-right:8px;transition:transform var(--ease)}.jlf details[open] .chevron{transform:rotate(225deg)}.jlf .group-content{padding-bottom:16px}.jlf .help-line{font-size:12px;color:var(--muted);margin-bottom:8px}.jlf .filter-option{display:flex;align-items:center;gap:8px;min-height:48px;padding:8px 4px;cursor:pointer;border-radius:8px;transition:background var(--ease)}.jlf .filter-option:hover{background:var(--section)}.jlf .filter-option:focus-within{background:#eff6ff}.jlf .filter-option input{width:16px;height:16px;accent-color:var(--primary);flex-shrink:0;margin:0}.jlf .option-copy{flex:1;min-width:0}.jlf .option-copy small{display:block;color:var(--muted);font-size:12px;margin-top:4px}.jlf .option-count{color:var(--muted);font-size:12px;font-variant-numeric:tabular-nums;margin-left:auto}.jlf .swatch{display:inline-grid;place-items:center;width:24px;height:24px;flex-shrink:0;border:1px solid #a4a9b2;border-radius:9999px;color:#fff;text-shadow:0 1px 2px #000;font-weight:600}.jlf .filter-option .swatch{width:24px;height:24px}.jlf .selected-count{font-size:12px;font-weight:400;color:var(--muted);margin-left:auto}.jlf .range-caption{font-size:12px;color:var(--navy);font-variant-numeric:tabular-nums;margin-top:12px}.jlf .dual-range{height:48px;position:relative;margin:0 8px}.jlf .range-track,.jlf .range-fill{height:4px;border-radius:9999px;position:absolute;top:24px;left:0;right:0;background:var(--border)}.jlf .range-fill{background:var(--primary)}.jlf .dual-range input{position:absolute;left:0;top:0;width:100%;height:48px;appearance:none;-webkit-appearance:none;pointer-events:none;background:transparent;margin:0}.jlf .dual-range input::-webkit-slider-thumb{appearance:none;-webkit-appearance:none;pointer-events:auto;width:24px;height:24px;border-radius:9999px;background:var(--bg);border:2px solid var(--primary);cursor:grab;box-shadow:0 1px 2px #0000000a}.jlf .dual-range input::-moz-range-thumb{pointer-events:auto;width:24px;height:24px;border-radius:9999px;background:var(--bg);border:2px solid var(--primary);cursor:grab}.jlf .dual-range input:hover::-webkit-slider-thumb{background:#eff6ff}.jlf .dual-range input:hover::-moz-range-thumb{background:#eff6ff}.jlf .dual-range input:focus-visible{outline-offset:0;border-radius:8px}.jlf .number-pair{display:grid;grid-template-columns:1fr 1fr;gap:12px}.jlf .number-pair label{color:var(--muted);font-size:12px}.jlf .number-pair input{display:block;width:100%;min-width:0;border:1px solid var(--border);border-radius:8px;padding:12px 8px;margin-top:4px;background:var(--bg);color:var(--text);font-variant-numeric:tabular-nums;min-height:48px}.jlf .applied{display:flex;gap:8px;align-items:center;flex-wrap:wrap;margin-bottom:16px}.jlf .applied:empty{display:none}.jlf .chip{display:inline-flex;gap:8px;align-items:center;border:1px solid var(--border);border-radius:9999px;background:var(--bg);padding:8px 12px;min-height:44px;font-size:12px;color:var(--navy)}.jlf button.chip:hover{border-color:var(--primary);background:#eff6ff}.jlf .chip-x{color:var(--muted);font-size:16px}.jlf .results-heading{display:flex;justify-content:space-between;align-items:center;gap:16px;margin-bottom:16px;min-height:24px}.jlf .results-heading h2{font-size:16px;color:var(--navy)}.jlf .muted{color:var(--muted)}.jlf .small{font-size:12px}.jlf .tabular{font-variant-numeric:tabular-nums}.jlf .product-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:24px}.jlf .product-card{min-width:0;border-radius:8px;transition:transform var(--ease),box-shadow var(--ease);background:var(--bg);position:relative}.jlf .product-card:hover{transform:translateY(-2px);box-shadow:var(--shadow)}.jlf .product-link{display:block;color:inherit;text-decoration:none;border-radius:8px;height:100%}.jlf .product-link:hover{color:inherit}.jlf .product-image{aspect-ratio:1;background:var(--section);border-radius:8px;display:grid;place-items:center;padding:16px;overflow:hidden}.jlf .product-image img{display:block;width:100%;height:100%;object-fit:contain;mix-blend-mode:multiply}.jlf .product-info{padding:16px 8px}.jlf .product-title{font-size:14px;font-weight:400;line-height:1.5;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;min-height:44px}.jlf .product-link:hover .product-title{color:var(--primary)}.jlf .price{font-size:16px;font-weight:600;font-variant-numeric:tabular-nums;margin:12px 0}.jlf .facts{display:flex;flex-wrap:wrap;gap:4px}.jlf .fact{border-radius:9999px;padding:4px 8px;background:var(--section);color:var(--muted);font-size:12px}.jlf .more-wrap{text-align:center;margin-top:32px}.jlf .more-wrap p{margin-top:8px}.jlf .empty{grid-column:1/-1;padding:48px 24px;background:var(--section);border:1px solid var(--border);border-radius:8px;text-align:center}.jlf .empty h3{color:var(--navy);font-size:20px;margin-bottom:8px}.jlf .empty .button{margin-top:24px}.jlf footer{border-top:1px solid var(--border);padding:32px 0 0;margin-top:48px;color:var(--muted);font-size:12px;text-align:center}.jlf .mobile-bar{display:none}.jlf dialog{padding:0;color:var(--text);background:var(--bg);border:1px solid var(--border);border-radius:8px;box-shadow:var(--shadow);width:min(720px,calc(100% - 48px));max-height:calc(100dvh - 48px);overflow:hidden}.jlf dialog::backdrop{background:#12121266}.jlf .guide-shell{display:flex;flex-direction:column;max-height:calc(100dvh - 48px)}.jlf .guide-progress{height:4px;background:var(--border);flex-shrink:0}.jlf .guide-progress span{height:100%;display:block;background:var(--primary);transition:width .25s cubic-bezier(.4,0,.2,1)}.jlf .guide-toolbar{display:flex;align-items:center;justify-content:space-between;gap:16px;padding:16px 24px;border-bottom:1px solid var(--border);flex-shrink:0}.jlf .guide-meta{flex:1;color:var(--muted);font-size:12px}.jlf .guide-meta b{display:block;color:var(--navy);font-size:14px}.jlf .guide-content{padding:24px 32px 32px;overflow:auto;overscroll-behavior:contain}.jlf .question-title{font-size:32px;line-height:1.15;margin-bottom:12px;outline:none}.jlf .question-helper{color:var(--muted);margin-bottom:24px}.jlf .answer-list{display:grid;gap:12px;grid-template-columns:1fr;margin-top:24px}.jlf .answer-list.visual,.jlf .answer-list.colour{grid-template-columns:1fr 1fr}.jlf .answer{border:1px solid var(--border);background:var(--bg);border-radius:8px;text-align:left;padding:16px;position:relative;display:flex;gap:12px;align-items:center;min-width:0;width:100%}@media(hover:hover){.jlf .answer:hover{background:var(--section);border-color:var(--primary);box-shadow:var(--shadow)}}@media(hover:none){.jlf .answer:not(.selected):hover{border-color:var(--border)}}.jlf .answer.selected{background:#eff6ff;border-color:var(--primary);box-shadow:inset 0 0 0 1px var(--primary)}.jlf .answer .answer-copy{flex:1;min-width:0}.jlf .answer b{display:block;line-height:1.5;color:var(--navy)}.jlf .answer small{display:block;color:var(--muted);margin-top:4px;font-size:12px}.jlf .count-pill{white-space:nowrap;border:1px solid var(--border);background:var(--section);border-radius:9999px;padding:4px 8px;font-size:12px;color:var(--muted);font-variant-numeric:tabular-nums;font-weight:400}.jlf .selected .count-pill{color:var(--primary);background:var(--bg);border-color:#bfdbfe}.jlf .visual .answer:not(.any){display:flex;flex-direction:column;justify-content:flex-start;align-items:stretch;padding:0;overflow:hidden}.jlf .tile-image{aspect-ratio:4/3;min-height:0;overflow:hidden;background:var(--section);padding:16px;display:grid;place-items:center}.jlf .tile-image img{width:100%;height:100%;object-fit:contain;mix-blend-mode:multiply}.jlf .tile-body{display:block;padding:16px}.jlf .tile-heading{display:flex;align-items:start;gap:8px;justify-content:space-between}.jlf .tile-heading b{font-size:14px}.jlf .tile-body small{margin-top:8px}.jlf .check{display:none;color:#fff;background:var(--primary);border-radius:9999px;width:24px;height:24px;place-items:center;flex-shrink:0}.jlf .selected .check{display:inline-grid}.jlf .visual .check{position:absolute;top:12px;right:12px}.jlf .answer.any{grid-column:1/-1;background:var(--section);box-shadow:none}.jlf .colour .answer{flex-wrap:wrap}.jlf .colour .answer .swatch{width:32px;height:32px}.jlf .colour .answer .count-pill{margin-left:48px}.jlf .colour .answer .check{position:absolute;top:8px;right:8px}.jlf .guide-note{margin-top:24px;color:var(--muted);font-size:12px}.jlf .guide-summary{display:flex;flex-wrap:wrap;gap:8px;margin:24px 0}.jlf .summary-chip{display:flex;align-items:center;gap:8px;background:var(--section);border:1px solid var(--border);border-radius:9999px;padding:4px 8px 4px 12px;font-size:12px}.jlf .summary-chip button{font-size:12px;min-height:44px;padding:8px}.jlf .guide-matches{color:var(--success);font-weight:600;font-variant-numeric:tabular-nums;margin-bottom:16px}.jlf .result-cards{display:grid;grid-template-columns:1fr 1fr;gap:16px;margin-top:24px}.jlf .recommendation{border:1px solid var(--border);border-radius:8px;padding:16px;min-width:0}.jlf .recommendation.best{grid-column:1/-1;display:grid;grid-template-columns:200px minmax(0,1fr);gap:24px;border-color:#bfdbfe;box-shadow:var(--shadow)}.jlf .recommendation .product-image{margin-bottom:16px}.jlf .recommendation.best .product-image{margin-bottom:0;align-self:start}.jlf .recommendation h3{font-size:14px;line-height:1.5;color:var(--navy)}.jlf .recommendation .eyebrow{color:var(--success);margin-bottom:8px}.jlf .why{margin-top:16px;font-size:12px}.jlf .why strong{color:var(--navy)}.jlf .why ul{padding-left:16px;margin:8px 0}.jlf .why li{margin:4px 0}.jlf .soft-label{margin:8px 0;color:var(--muted);font-size:12px;line-height:1.5}.jlf .unmet{padding:8px;background:var(--section);border-radius:8px;color:var(--muted);font-size:12px;margin-top:8px}.jlf .result-actions{display:flex;flex-wrap:wrap;gap:8px;margin-top:16px}.jlf .result-actions .button{font-size:12px;padding:8px 12px;min-height:44px}.jlf .whatsapp-note{font-size:12px;color:var(--muted);margin-top:8px}.jlf .guide-result-footer{margin-top:24px}.jlf .guide-result-footer>.primary{width:100%;margin-bottom:16px}.jlf .budget-box{margin-top:24px;padding:16px;background:var(--section);border:1px solid var(--border);border-radius:8px}.jlf .budget-box h3{font-size:16px;color:var(--navy)}.jlf .budget-box .number-pair{max-width:400px}.jlf .drawer-shell{display:flex;flex-direction:column;height:100dvh}.jlf .drawer-header{display:flex;align-items:center;justify-content:space-between;padding:16px;border-bottom:1px solid var(--border);flex-shrink:0}.jlf .drawer-header h2{font-size:20px;color:var(--navy)}.jlf .drawer-body{padding:0 16px;overflow:auto;flex:1;overscroll-behavior:contain}.jlf .drawer-footer{margin:0;text-align:initial;padding:16px;display:flex;align-items:center;gap:16px;border-top:1px solid var(--border);background:var(--bg);padding-bottom:max(16px,env(safe-area-inset-bottom));flex-shrink:0}.jlf .drawer-footer>.primary{flex:1}.jlf .sort-dialog{max-width:400px;padding:24px}.jlf .sort-dialog header{display:flex;align-items:center;justify-content:space-between;margin-bottom:24px}.jlf .sort-dialog label{display:block;margin-bottom:8px}.jlf .sort-dialog select{width:100%;margin-bottom:24px}.jlf .sort-dialog>.primary{width:100%}.jlf .sr-only{position:absolute;width:1px;height:1px;padding:0;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.jlf .loading{min-height:480px;display:grid;place-items:center;grid-column:1/-1;color:var(--muted)}@media(min-width:1400px){.jlf .product-grid{grid-template-columns:repeat(4,minmax(0,1fr))}}@media(max-width:1199px){.jlf .help-copy{gap:24px}.jlf .help-thumbs span{width:64px;height:64px}.jlf .help-card{padding:24px}.jlf .product-grid{gap:16px}.jlf .layout{gap:24px}}@media(max-width:1023px){.jlf .app{padding:24px 16px 96px}.jlf .layout{display:block}.jlf .sidebar,.jlf .desktop-sort{display:none}.jlf .mobile-bar{display:flex;position:fixed;bottom:0;left:0;right:0;padding:12px 16px;gap:12px;background:var(--bg);border-top:1px solid var(--border);box-shadow:var(--shadow);z-index:2;padding-bottom:max(12px,env(safe-area-inset-bottom))}.jlf .mobile-bar .button{flex:1}.jlf .mobile-bar .primary{flex:2}.jlf .help-copy{display:block}.jlf .help-copy .button{margin-top:16px}.jlf .help-thumbs{gap:4px}.jlf .help-thumbs span{width:64px;height:64px}.jlf .header,.jlf .help-card{margin-bottom:24px}.jlf .product-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.jlf [data-jlf-id=filterDialog],.jlf [data-jlf-id=guideDialog]{width:100%;max-width:none;height:100dvh;max-height:100dvh;margin:0;border:0;border-radius:0}.jlf .guide-shell{height:100dvh;max-height:100dvh}}@media(max-width:639px){.jlf h1{font-size:48px}.jlf .heading-line{gap:12px}.jlf .total{font-size:14px}.jlf .breadcrumb{margin-bottom:16px}.jlf .help-card{padding:16px;gap:12px;align-items:start}.jlf .help-copy p{font-size:14px}.jlf .help-thumbs{display:grid;grid-template-columns:1fr}.jlf .help-thumbs span{width:48px;height:48px;padding:4px}.jlf .help-thumbs span:nth-child(3){display:none}.jlf .product-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:16px 12px}.jlf .product-image{padding:8px}.jlf .product-info{padding:12px 0}.jlf .fact{font-size:12px}.jlf .results-heading{align-items:start}.jlf .results-heading .small{max-width:128px;text-align:right}.jlf .price{margin:8px 0}.jlf [data-jlf-id=guideDialog]{width:100%;max-width:none;height:100dvh;max-height:100dvh;margin:0;border:0;border-radius:0}.jlf .guide-shell{height:100dvh;max-height:100dvh}.jlf .guide-toolbar{padding:12px 16px;gap:8px}.jlf .guide-content{padding:24px 16px 32px;flex:1}.jlf .question-title{font-size:28px}.jlf .answer-list,.jlf .answer-list.visual,.jlf .answer-list.colour{grid-template-columns:minmax(0,1fr);gap:12px}.jlf .guide-content{min-width:0;min-height:0}.jlf .answer .answer-copy{overflow-wrap:anywhere}.jlf .visual .answer:not(.any){flex-direction:row;align-items:center;gap:12px;min-height:96px;padding:8px}.jlf .visual .tile-image{flex:0 0 112px;width:112px;aspect-ratio:4/3;padding:8px}.jlf .visual .tile-body{flex:1;min-width:0;padding:0;overflow-wrap:anywhere}.jlf .visual .tile-body small{display:block}.jlf .visual .check{top:4px;left:4px;right:auto}.jlf .answer,.jlf .tile-body{padding:12px}.jlf .tile-heading{display:block}.jlf .tile-heading .count-pill{display:inline-block;margin-top:8px}.jlf .tile-image{padding:12px}.jlf .recommendation.best{display:block}.jlf .recommendation.best .product-image{max-width:280px;margin:0 auto 16px}.jlf .result-cards{grid-template-columns:1fr}.jlf .recommendation{grid-column:1/-1}.jlf .recommendation:not(.best){display:grid;grid-template-columns:96px minmax(0,1fr);gap:16px}.jlf .recommendation:not(.best) .product-image{margin:0;align-self:start}.jlf .recommendation:not(.best) .result-details{min-width:0}.jlf .colour .answer{flex-wrap:nowrap;gap:12px;min-height:64px}.jlf .colour .answer .count-pill{margin-left:0}.jlf .colour .answer .swatch{width:32px;height:32px}.jlf .colour .answer .check{top:4px;left:4px;right:auto}.jlf .summary-chip{max-width:100%}.jlf .guide-summary{gap:4px}.jlf .empty{padding:32px 16px}.jlf .help-thumbs span:nth-child(3){display:grid}}@media(prefers-reduced-motion:reduce){.jlf *,.jlf *:before,.jlf *:after{transition:none!important;scroll-behavior:auto!important}.jlf .product-card:hover{transform:none}}.jlf{isolation:isolate}.jlf .collection-controls{display:flex;justify-content:space-between;gap:16px}.jlf .link-line{margin:16px 0}.jlf .link-button{padding:0 4px;text-decoration:underline;font-weight:600;background:transparent;border:0;color:var(--primary);min-height:44px}.jlf .status{color:var(--muted);font-size:12px}.jlf .app.collection-app{padding-top:24px;padding-bottom:24px}.jlf[data-mode=guide-page]{font-family:Inter,Arial,sans-serif}.jlf .inline-guide{width:calc(100% - 32px);max-width:760px;margin:0 auto;border:1px solid var(--border);border-radius:8px;box-shadow:var(--shadow);scroll-margin-top:24px;overflow:hidden;height:auto;max-height:none}.jlf .inline-guide .guide-shell{height:auto;max-height:none}.jlf .inline-guide .guide-content{overflow:visible}@media(max-width:1023px){.jlf .collection-controls{display:none}.jlf .app.collection-app{padding-bottom:96px}}.jlf .answer-icon{display:block;flex:0 0 40px;width:40px;height:40px;aspect-ratio:1;color:#212c4d}.jlf .answer-icon svg{display:block;width:100%;max-width:40px;height:auto}.jlf .answer-icon .jlf-icon-accent{color:#2563eb}.jlf .answer-icon svg path,.jlf .answer-icon svg circle,.jlf .answer-icon svg rect{vector-effect:non-scaling-stroke}.jlf .own-skeleton{display:none}html.jlf-own-view .jlf .own-skeleton{display:block}html.jlf-own-view .jlf>.own-skeleton{padding:24px;max-width:1440px;margin:auto}.jlf .product-grid>.own-skeleton{grid-column:1/-1}.jlf .skeleton-cards{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:16px}.jlf .skeleton-cards span{display:block;aspect-ratio:3/4;background:#eee;border-radius:4px}.jlf .skeleton-bars{display:grid;gap:16px;margin-bottom:24px}.jlf .skeleton-bars span{display:block;height:24px;background:#eee;border-radius:4px}.jlf[data-mode=collection] [data-jlf-header]{display:none}.jlf[data-mode=collection] .results-controls{display:flex;align-items:center;flex-wrap:wrap;gap:12px}.jlf[data-mode=collection] .results-heading{flex-wrap:wrap;gap:12px}.jlf[data-mode=collection][data-view=old] .layout,.jlf[data-mode=collection][data-view=old] .mobile-bar{display:none}.jlf .old-view-bar{padding:12px 24px;border-block:1px solid var(--border);background:var(--section)}.jlf .drawer-shell>[data-view-switch]{flex-shrink:0;padding:12px 24px;text-align:center}@media(max-width:639px){.jlf .skeleton-cards{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(min-width:640px){.jlf dialog[data-jlf-id=guideDialog]{width:100vw;max-width:none;height:100dvh;max-height:100dvh;margin:0;border:0;border-radius:0}.jlf dialog[data-jlf-id=guideDialog] .guide-shell{height:100dvh;max-height:100dvh}.jlf dialog[data-jlf-id=guideDialog] .guide-content{flex:1;min-height:0;width:100%;max-width:1120px;margin-inline:auto}.jlf dialog[data-jlf-id=guideDialog] .answer-list{grid-template-columns:repeat(2,minmax(0,1fr))}.jlf dialog[data-jlf-id=guideDialog] .answer-list.visual{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr))}.jlf dialog[data-jlf-id=guideDialog] .visual .answer:not(.any){min-width:0}.jlf dialog[data-jlf-id=guideDialog] .visual>.any{flex-basis:100%}.jlf dialog[data-jlf-id=guideDialog] .visual .tile-heading{flex-wrap:wrap}.jlf dialog[data-jlf-id=guideDialog] .answer-list.colour{display:flex;flex-wrap:wrap}.jlf dialog[data-jlf-id=guideDialog] .colour .answer:not(.any){flex:0 1 96px}.jlf dialog[data-jlf-id=guideDialog] .colour>.any{flex-basis:100%}.jlf dialog[data-jlf-id=guideDialog] .colour .answer{min-width:0;flex-direction:column;align-items:center;text-align:center;padding:12px 4px}.jlf dialog[data-jlf-id=guideDialog] .colour .answer-copy,.jlf dialog[data-jlf-id=guideDialog] .colour .tile-heading{min-width:0;max-width:100%;overflow-wrap:anywhere}.jlf dialog[data-jlf-id=guideDialog] .colour .answer .count-pill{margin-left:0;white-space:normal}.jlf dialog[data-jlf-id=guideDialog] .result-cards{grid-template-columns:repeat(3,minmax(0,1fr))}.jlf dialog[data-jlf-id=guideDialog] .recommendation{display:flex;flex-direction:column;grid-column:auto}.jlf dialog[data-jlf-id=guideDialog] .recommendation .product-image{width:100%;margin:0 0 16px}.jlf dialog[data-jlf-id=guideDialog] .recommendation .result-details{display:flex;flex:1;flex-direction:column}.jlf dialog[data-jlf-id=guideDialog] .recommendation .result-actions{margin-top:auto;padding-top:16px}}.jlf[data-variants=true] .hole-form{display:grid;gap:12px;max-width:620px;margin:16px 0}.jlf[data-variants=true] .hole-form label{display:grid;gap:6px;min-width:0}.jlf[data-variants=true] .hole-form input,.jlf[data-variants=true] .hole-form select{width:100%;min-width:0;box-sizing:border-box;padding:12px;font:inherit;border:1px solid var(--border);border-radius:6px}.jlf[data-variants=true] .hole-form [hidden]{display:none}.jlf[data-variants=true] .hole-measure{display:flex;gap:16px;align-items:center}.jlf[data-variants=true] .hole-measure svg{width:80px;height:80px;flex:none}.jlf[data-variants=true] [data-hole-error]{color:#9c3428}.jlf[data-variants=true] .variant-group{grid-column:1/-1;min-width:0}.jlf[data-variants=true] .variant-group>h3{display:flex;align-items:center;flex-wrap:wrap;gap:12px}.jlf[data-variants=true] .variant-group[data-match-group=unknown],.jlf[data-variants=true] .variant-group[data-match-group=close]{border-top:1px solid var(--border);padding-top:20px;margin-top:20px}.jlf[data-variants=true] [data-jlf-id=guideCards]{display:block}.jlf[data-variants=true] .order-time-colour{color:var(--primary);font-size:14px;line-height:1.5}.jlf[data-variants=true] .variant-availability{font-size:13px}.jlf[data-variants=true] .answer-copy,.jlf[data-variants=true] .option-copy{min-width:0;overflow-wrap:anywhere}.jlf[data-variants=true] .answer small{display:block;-webkit-line-clamp:unset;overflow:visible;white-space:normal}.jlf[data-variants=true] .answer .count-pill{white-space:normal;max-width:150px}.jlf[data-variants=true]{--success:var(--primary)}.jlf[data-variants=true] h1,.jlf[data-variants=true] h2,.jlf[data-variants=true] h3,.jlf[data-variants=true] h4{font-family:Crimson Pro,Georgia,serif;color:var(--navy)}.jlf[data-variants=true] .button{padding:16px 24px}.jlf[data-variants=true] .upgrade-options{gap:16px;margin-top:24px}.jlf[data-variants=true] .inline-guide{position:static;background:#fff}.jlf[data-variants=true] .inline-guide .guide-shell{height:auto;max-height:none}.jlf[data-variants=true] .inline-guide .guide-content{overflow:visible}@media(min-width:1024px){.jlf[data-variants=true] .guide-content{padding:32px clamp(24px,5vw,90px)}.jlf[data-variants=true] .inline-guide .guide-content{padding:32px}.jlf[data-variants=true] .inline-guide .result-cards{grid-template-columns:repeat(2,minmax(0,1fr));gap:24px}.jlf[data-variants=true] .answer-list{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));align-items:stretch}.jlf[data-variants=true] .result-cards{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:20px}.jlf[data-variants=true] .recommendation,.jlf[data-variants=true] .recommendation.best{display:flex;flex-direction:column;grid-column:auto}.jlf[data-variants=true] .recommendation .product-image{width:100%;margin:0 0 16px}.jlf[data-variants=true] .recommendation .result-details{display:flex;flex:1;flex-direction:column}.jlf[data-variants=true] .recommendation .result-actions{margin-top:auto;padding-top:16px}}@media(max-width:1023px){.jlf[data-variants=true] .answer-list,.jlf[data-variants=true] .answer-list.visual,.jlf[data-variants=true] .answer-list.colour{display:flex;flex-direction:column;flex-wrap:nowrap;overflow:visible;width:100%}.jlf[data-variants=true] .answer{width:100%;min-width:0;box-sizing:border-box;flex-shrink:0}.jlf[data-variants=true] .answer .answer-icon{flex:0 0 40px}.jlf[data-variants=true] .answer .count-pill{max-width:95px;flex:0 0 auto}.jlf[data-variants=true] .answer-copy small{white-space:normal}.jlf[data-variants=true] .recommendation{min-width:0}}@media(max-width:1023px){.jlf[data-variants=true] .dual-range{display:none}.jlf[data-variants=true] .number-pair,.jlf[data-variants=true] .product-grid,.jlf[data-variants=true] .result-cards{grid-template-columns:minmax(0,1fr)}}.jlf .upgrade-options,.jlf .price-bands,.jlf .guide-shortlist{display:flex;flex-direction:column;gap:12px;min-width:0;margin-top:20px}.jlf .upgrade-options h4{margin:0;font-size:16px}.jlf .upgrade-options .button{justify-content:space-between;text-align:left;gap:16px;white-space:normal}.jlf .upgrade-options .button span{min-width:0;overflow-wrap:anywhere}.jlf .upgrade-options .button b{flex-shrink:0}.jlf .upgrade-options .button strong{display:block}.jlf .upgrade-options .button small{display:block;margin-top:8px;color:var(--muted);font-weight:400}.jlf .guide-shortlist{margin:24px 0;align-items:flex-start}.jlf .guide-shortlist p{color:var(--muted)}.jlf[data-variants=true] .answer-copy small{display:block;overflow:visible;white-space:normal;-webkit-line-clamp:unset}.jlf[data-variants=true] .result-details,.jlf[data-variants=true] .recommendation{min-width:0;overflow-wrap:anywhere}@media(max-width:767px){.jlf .guide-shortlist{align-items:stretch}.jlf[data-variants=true] .answer-list,.jlf[data-variants=true] .answer-list.colour{display:flex;flex-direction:column;flex-wrap:nowrap;overflow:visible}.jlf[data-variants=true] .answer-list>.answer{width:100%;flex:0 0 auto;min-width:0}.jlf[data-variants=true] .result-cards{display:flex;flex-direction:column}}.jlf .spacing-form{display:flex;flex-direction:column;align-items:stretch;gap:12px;max-width:520px}.jlf .spacing-form label{display:flex;flex-direction:column;gap:6px}.jlf .spacing-form input{width:100%;min-width:0;min-height:44px;border:1px solid var(--border);padding:10px;border-radius:6px}
/*# sourceMappingURL=/cdn/shop/t/30/assets/jl-finder.css.map */
