/* The finder shares the site's navigation and uses the full content column. */
body.m-community .c-shell:has(>.c-pcf-page) {
    grid-template-columns: var(--c-left-width, 240px) minmax(0, 1fr);
    gap: clamp(18px, 2.5vw, 40px);
    padding-inline-end: clamp(18px, 2.5vw, 40px);
}
body.m-community .c-shell:has(>.c-pcf-page)::after { right: 0; }

.pcf-shell, .m-community .c-shell>.c-pcf-page {
    --pcf-surface: var(--m-surface, #15191c);
    --pcf-field: var(--m-surface2, #1e2327);
    --pcf-line: var(--m-line, #2b3136);
    --pcf-text: var(--m-text, #eceeef);
    --pcf-muted: var(--m-muted, #9da8b0);
    --pcf-accent: #f68c96;
    --pcf-action: #b72d45;
    --pcf-action-hover: #9f2238;
    --pcf-positive: #91dab9;
    --pcf-positive-bg: #15342a;
    container-type: inline-size;
    width: 100%;
    min-width: 0;
    max-width: 1360px;
    margin-inline: auto;
    padding-block: 24px 48px;
    color: var(--pcf-text);
    line-height: 1.5;
    text-align: start;
}

html[data-theme=light] .pcf-shell {
    --pcf-accent: #9e273e;
    --pcf-positive: #186a48;
    --pcf-positive-bg: #e2f2e9;
}

.pcf-shell [hidden] { display: none !important; }
.pcf-shell :is(h1, h2, h3, p, dl, dd) { margin: 0; }
.pcf-shell :is(h2, h3, p, a, dt, dd, small) { overflow-wrap: anywhere; }
.pcf-shell h2 { font-size: clamp(19px, 2.4cqw, 26px); font-weight: 730; letter-spacing: -.02em; line-height: 1.2; }
.pcf-shell :is(button, a, select, input):focus-visible { outline: 2px solid var(--pcf-accent); outline-offset: 3px; }

.pcf-hero {
    position: relative;
    display: flex;
    align-items: center;
    min-height: clamp(205px, 29cqw, 290px);
    margin-block-end: 16px;
    border: 1px solid #384450;
    border-radius: 20px;
    background: #141b27;
    color: #f6f7fc;
    overflow: hidden;
    isolation: isolate;
}

.pcf-hero-copy { position: relative; z-index: 1; max-width: min(690px, 76%); padding: clamp(18px, 4.5cqw, 48px); }
.pcf-hero h1 { margin-block: 6px 10px; font-size: clamp(30px, 6cqw, 63px); font-weight: 780; line-height: 1.06; letter-spacing: -.045em; }
.pcf-hero p { color: #d0dae7; font-size: clamp(13px, 1.75cqw, 16px); }
.pcf-shell .pcf-kicker { display: flex; align-items: center; gap: 7px; color: var(--pcf-accent); font-size: 10px; font-weight: 750; letter-spacing: .13em; text-transform: uppercase; }
.pcf-hero .pcf-kicker { color: #ffa2ad; }
.pcf-hero-art { position: absolute; z-index: 0; inset: 0 0 0 34%; }
.pcf-hero-art img { display: block; width: 100%; height: 100%; object-fit: cover; object-position: center; }
.pcf-hero-art::after { position: absolute; inset: 0; content: ''; background: linear-gradient(90deg, #141b27, #141b27cf 22%, #141b2722 72%), linear-gradient(0deg, #141b2777, transparent 58%); }
.pcf-hero-tags, .pcf-presets { display: flex; flex-wrap: wrap; align-items: center; gap: 6px; }
.pcf-hero-tags { margin-block-start: 14px; }
.pcf-hero-tags>* { padding: 3px 9px; border: 1px solid #a7bfdb55; border-radius: 99px; background: #1c2a3ab8; color: #e2eaf7; font-size: 11px; }
.pcf-shell :is(.pcf-kicker,.pcf-button,.pcf-hero-tags) .m-icon { width: 14px; height: 14px; flex: none; }

.pcf-filters {
    display: grid;
    grid-template-columns: minmax(0, 1.45fr) minmax(0, 1fr);
    align-items: start;
    gap: clamp(16px, 3cqw, 34px);
    padding: clamp(16px, 2.9cqw, 28px);
    border: 1px solid var(--pcf-line);
    border-radius: 16px;
    background: var(--pcf-surface);
}

.pcf-filter-selects { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 10px; }
.pcf-control, .pcf-budget { display: grid; min-width: 0; gap: 6px; }
.pcf-budget label, .pcf-control label, label.pcf-control { font-size: 12px; font-weight: 660; }
.pcf-budget-head, .pcf-budget-ends { display: flex; justify-content: space-between; align-items: baseline; gap: 10px; }
.pcf-budget-ends, .pcf-budget>small { color: var(--pcf-muted); font-size: 11px; font-variant-numeric: tabular-nums; }
.pcf-shell [data-pcf-budget-output] { color: var(--pcf-accent); font-size: clamp(21px, 3cqw, 31px); font-weight: 750; font-variant-numeric: tabular-nums; white-space: nowrap; }
.pcf-shell select {
    width: 100%;
    min-width: 0;
    min-height: 42px;
    padding: 6px 9px;
    border: 1px solid var(--pcf-line);
    border-radius: 9px;
    background: var(--pcf-field);
    color: var(--pcf-text);
    font: inherit;
    font-size: 12px;
}
.pcf-shell select:hover { border-color: var(--pcf-muted); }
.pcf-shell [data-pcf-budget] {
    --pcf-budget-fill: 40%;
    appearance: none;
    display: block;
    width: 100%;
    height: 26px;
    margin: 0;
    padding: 0;
    border: 0;
    border-radius: 8px;
    background: transparent;
    color: var(--pcf-accent);
    cursor: pointer;
    accent-color: var(--pcf-action);
}
.pcf-shell [data-pcf-budget]::-webkit-slider-runnable-track { height: 6px; border-radius: 8px; background: linear-gradient(to right, var(--pcf-action) var(--pcf-budget-fill), var(--pcf-field) var(--pcf-budget-fill)); }
.pcf-shell [data-pcf-budget]::-moz-range-track { height: 6px; border-radius: 8px; background: var(--pcf-field); }
.pcf-shell [data-pcf-budget]::-moz-range-progress { height: 6px; border-radius: 8px; background: var(--pcf-action); }
.pcf-shell [data-pcf-budget]::-webkit-slider-thumb { appearance: none; width: 19px; height: 19px; margin-top: -6.5px; border: 2px solid var(--pcf-action); border-radius: 50%; background: #faf1f3; box-shadow: 0 2px 6px #0006; }
.pcf-shell [data-pcf-budget]::-moz-range-thumb { width: 16px; height: 16px; border: 2px solid var(--pcf-action); border-radius: 50%; background: #faf1f3; box-shadow: 0 2px 6px #0006; }
.pcf-presets { margin-block-start: 4px; }
.pcf-shell :is([data-pcf-preset],[data-pcf-reset]) { padding: 4px 9px; min-height: 32px; border: 1px solid var(--pcf-line); border-radius: 8px; background: var(--pcf-field); color: var(--pcf-text); font: inherit; font-size: 11px; cursor: pointer; }
.pcf-shell :is([data-pcf-preset],[data-pcf-reset]):hover { border-color: var(--pcf-muted); }
.pcf-shell [data-pcf-preset][aria-pressed=true] { border-color: var(--pcf-accent); color: var(--pcf-accent); }

.pcf-results-head {
    display: flex;
    justify-content: space-between;
    align-items: baseline;
    flex-wrap: wrap;
    gap: 6px 16px;
    margin-block: 24px 10px;
}
.pcf-results-head [data-pcf-count], .pcf-note, .pcf-shell [data-pcf-sort-note] { color: var(--pcf-muted); font-size: 12px; line-height: 1.55; }
.pcf-results-head>a, .pcf-method a { color: var(--pcf-accent); font-size: 12px; text-underline-offset: 2px; }
.pcf-shell [data-pcf-sort-note] { margin-block-end: 10px; }
.pcf-grid, .pcf-shell [data-pcf-results] { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 22px; align-items: stretch; }
.pcf-card {
    --pcf-product-glow: #8b78ee;
    display: flex;
    flex-direction: column;
    min-width: 0;
    overflow: hidden;
    border: 1px solid var(--pcf-line);
    border-radius: 19px;
    background: linear-gradient(155deg, #1b2127, var(--pcf-surface) 55%);
    box-shadow: 0 7px 24px #00000014;
    transition: transform .25s ease, border-color .25s ease, box-shadow .25s ease;
}
.pcf-card:nth-child(3n+2) { --pcf-product-glow: #4cbab8; }
.pcf-card:nth-child(3n+3) { --pcf-product-glow: #bd6d89; }
.pcf-card:focus-within { border-color: var(--pcf-accent); box-shadow: 0 12px 32px #00000024; }
.pcf-card-media {
    position: relative;
    display: grid;
    place-items: center;
    height: clamp(330px, 29cqw, 380px);
    padding: 18px 20px 22px;
    border-block-end: 1px solid #ffffff0b;
    background: radial-gradient(ellipse at 50% 44%, color-mix(in srgb, var(--pcf-product-glow) 16%, transparent), transparent 68%), linear-gradient(160deg, #171d29, #101419 70%);
    overflow: hidden;
    isolation: isolate;
}
.pcf-card-media::before { position: absolute; z-index: -1; inset: auto 12% 9%; height: 15%; border-radius: 50%; content: ''; background: radial-gradient(ellipse, color-mix(in srgb, var(--pcf-product-glow) 20%, transparent), transparent 72%); filter: blur(12px); }
.pcf-card-media::after { position: absolute; z-index: -1; inset: 0; content: ''; pointer-events: none; opacity: .3; background-image: linear-gradient(#ffffff05 1px, transparent 1px), linear-gradient(90deg, #ffffff05 1px, transparent 1px); background-size: 32px 32px; mask-image: linear-gradient(transparent 15%, #000); }
.pcf-card-media img { --pcf-image-scale: 1; display: block; width: 100%; height: 100%; min-height: 0; max-height: 100%; object-fit: contain; transform: scale(var(--pcf-image-scale)); transition: transform .45s cubic-bezier(.2,.7,.2,1); }
.pcf-card-media--cutout img { filter: drop-shadow(0 18px 15px #00000066); }
.pcf-card-media--cutout img { width: auto; height: auto; max-width: 100%; max-height: 100%; }
.pcf-card-media--photo { padding: 0; background: #11161d; }
.pcf-card-media--photo img { object-fit: contain; object-position: center; }
.pcf-card-media--photo::before { display: none; }
.pcf-card-media--photo::after { z-index: 1; opacity: 1; background: linear-gradient(0deg, #11161d55, transparent 30%); mask-image: none; }
.pcf-card-media.is-unavailable, .pcf-card-media:has([data-pcf-image-fallback]:not([hidden])) { background: var(--pcf-field); }
.pcf-shell [data-pcf-image-fallback] { display: grid; place-items: center; gap: 7px; color: var(--pcf-muted); text-align: center; font-size: 12px; }
.pcf-shell [data-pcf-image-fallback] :is(svg,.m-icon) { width: 35px; height: 35px; opacity: .7; }
.pcf-card-body { display: flex; flex: 1; flex-direction: column; min-width: 0; gap: 14px; padding: 21px; }
.pcf-card-top, .pcf-card-badges { display: flex; align-items: center; flex-wrap: wrap; gap: 7px; }
.pcf-card-top .pcf-kicker { font-size: 11px; letter-spacing: .09em; }
.pcf-card h3 { font-size: 19px; line-height: 1.28; font-weight: 710; letter-spacing: -.025em; text-wrap: pretty; }
.pcf-card h3 a { color: inherit; text-decoration: none; }
.pcf-card h3 a:hover { text-decoration: underline; text-underline-offset: 2px; }
.pcf-badge, .pcf-merchant { display: inline-flex; align-items: center; gap: 4px; padding: 4px 8px; border: 1px solid var(--pcf-line); border-radius: 99px; background: var(--pcf-field); color: var(--pcf-text); font-size: 11px; line-height: 1.35; font-weight: 620; }
.pcf-badge-popular, .pcf-badge-good { border-color: transparent; background: var(--pcf-positive-bg); color: var(--pcf-positive); }
.pcf-card-specs { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 8px 12px; padding-block: 2px 6px; font-size: 13px; line-height: 1.45; }
.pcf-card-specs>div { display: grid; grid-template-columns: 35px minmax(0, 1fr); gap: 7px; align-items: baseline; }
.pcf-card-specs>div:nth-child(-n+2) { grid-column: 1 / -1; }
.pcf-card-specs dt { color: var(--pcf-muted); }
.pcf-card-specs dd { color: var(--pcf-text); font-weight: 540; }
.pcf-card-footer { display: flex; align-items: end; justify-content: space-between; flex-wrap: wrap; gap: 12px; margin-block-start: auto; padding-block-start: 17px; border-block-start: 1px solid var(--pcf-line); }
.pcf-price { display: block; color: var(--pcf-text); font-size: 28px; line-height: 1.16; letter-spacing: -.035em; font-weight: 740; font-variant-numeric: tabular-nums; white-space: nowrap; }
.pcf-price-note, .pcf-source, .pcf-card-footer small { display: block; color: var(--pcf-muted); font-size: 11px; line-height: 1.5; }
.pcf-card-footer small:first-of-type { margin-block-start: 5px; }
.pcf-shell .pcf-marketplace { margin-top: -7px; color: var(--pcf-muted); font-size: 12px; }
.pcf-retailers { display: flex; flex-wrap: wrap; gap: 7px; align-items: center; margin-block: 19px 8px; }
.pcf-retailers>span { color: var(--pcf-muted); font-size: 12px; margin-inline-end: 7px; }
.pcf-retailers>button { border: 1px solid var(--pcf-line); border-radius: 99px; background: var(--pcf-surface); color: var(--pcf-text); padding: 7px 12px; font: inherit; font-size: 12px; cursor: pointer; transition: border-color .18s, background .18s; }
.pcf-retailers>button:hover,.pcf-retailers>button[aria-pressed=true] { border-color: var(--pcf-accent); background: var(--pcf-field); }
.pcf-retailers>button[aria-pressed=true] { color: var(--pcf-accent); }

/* Vector display clips follow these exact merchant photos. The source pixels and
   product colours stay intact; only the surrounding studio backdrop is hidden. */
.pcf-card-media img[src*="LD0006374446.jpg"] { clip-path: polygon(9.9% 13.3%,59.6% 3.3%,90% 7.4%,90% 87%,88.1% 88%,87.6% 90%,84.6% 90.5%,84.2% 88.8%,62% 92%,61.5% 93.7%,58.5% 93.7%,57.5% 91%,16% 83.5%,15.8% 85.6%,12% 85.6%,10.8% 82.8%); }
.pcf-card-media img[src*="LD0006333937.jpg"] { clip-path: polygon(8.6% 28.4%,57.2% 25.9%,92.1% 27.7%,92.1% 90.9%,88.1% 91.8%,87.6% 93.4%,81.4% 94.1%,80.6% 92.6%,59.2% 93.5%,58.3% 95.5%,52% 95.5%,50.6% 92.7%,16.7% 89.9%,15.6% 92.6%,10.3% 92.6%,9.6% 90.1%); }
.pcf-card-media img[src*="LD0006334101_0006335596_0006335669.jpg"] { clip-path: polygon(16.2% 18.1%,51.4% .9%,83.3% 10.8%,83.3% 85.9%,82.3% 86.4%,82.3% 90.1%,51.9% 95.1%,47.9% 94.4%,46.7% 89.3%,21.9% 81.2%,21.2% 84.9%,16.7% 84.9%,16.2% 81.2%); }
.pcf-card-media img[src*="LD0006272805.jpg"] { clip-path: polygon(18.4% 15%,42.6% 4.8%,80.7% 8.3%,80.7% 88.6%,76.6% 90.4%,75.4% 91.5%,71.3% 91.8%,69.4% 90.6%,46.4% 93.8%,45.2% 94.8%,38.8% 94.8%,37.4% 91.4%,22.7% 83.9%,21% 84.5%,20.2% 82%,18.4% 79.9%); }
.pcf-card-media img[src*="MN0006397486.jpg"] { clip-path: polygon(11.3% 32%,51.3% 6.2%,86.2% 24.2%,91% 87.6%,89.6% 89.6%,88.5% 93.7%,82% 93.9%,80.1% 91.5%,24.4% 91.5%,22.7% 93.7%,11.6% 93.7%,7.1% 92.2%,6% 90.7%); }
.pcf-card-media img[src*="MN0006318290_0006329907.jpg"] { clip-path: polygon(17.4% 28.7%,57.6% 4.5%,77.3% 20%,82.4% 89.2%,81.7% 90%,81.7% 93.1%,74% 93.1%,71.6% 90.3%,61.6% 90.6%,61.5% 94.7%,51.4% 94.7%,49.8% 90.5%,19.7% 90.1%,18.9% 92.6%,12.2% 92.6%,13.3% 87.6%); }
.pcf-card-media img[src*="MN0006364977_0006391511.jpg"] { clip-path: polygon(29.9% 5.6%,70.4% 5.6%,70.4% 93.1%,67.3% 93.1%,67.3% 90.7%,32.3% 90.7%,32.3% 93.2%,29.6% 93.2%); }
.pcf-card-media img[src*="29271309/"] { clip-path: polygon(6.5% 12%,59.5% 2.3%,64% 1.9%,92.7% 7.4%,94.2% 95.1%,87.5% 95.1%,87.4% 92.4%,65.2% 93.9%,65.1% 97.6%,59.8% 97.6%,59.7% 92%,38.3% 90.7%,38.1% 91.5%,33.1% 91.5%,33% 90.4%,21.6% 89.3%,21.1% 90%,17.5% 90%,16.7% 89%,10.4% 88.4%,10.3% 93.1%,6% 93.1%); }
.pcf-card-media img[src*="28524022/"] { clip-path: polygon(32.5% 8.4%,67.4% 8.4%,67.4% 89.1%,65.3% 89.1%,65% 91.3%,35.1% 91.3%,34.7% 89.1%,32.5% 89.1%); --pcf-image-scale: 1.08; }
.pcf-card-media img[src*="/700x700/aabnr00833/"] { clip-path: polygon(12.6% 12.7%,56% 4%,61.2% 4%,86% 8.5%,86.9% 92.8%,78.5% 93%,78.3% 95.1%,72.1% 95.1%,72.1% 93%,59.2% 93%,59.2% 95.2%,50.1% 95.2%,50.1% 92.7%,46.1% 92.7%,46.1% 95%,39.7% 95%,39.7% 92.4%,24.2% 92.4%,24.2% 95%,17.9% 95%,17.8% 92.2%,12% 91.8%); }
.pcf-card-media img[src*="csl-aerovision-haupt_c40_nvidia_blau_3000px_1.webp"] { clip-path: polygon(15% 21.4%,48.5% 3.4%,80.2% 10.6%,82% 89.8%,81.2% 90.4%,81.2% 92.8%,78% 93.1%,73.5% 92.2%,71.8% 90.6%,53% 93.6%,52.6% 96.2%,48.5% 96.6%,43.7% 95.6%,41.7% 92.1%,20.8% 88%,19.9% 89.3%,17% 89.3%,14.3% 88.4%); }
.pcf-shell .pcf-button { display: inline-flex; align-items: center; justify-content: center; gap: 6px; min-height: 42px; padding: 10px 14px; border: 1px solid #ffffff13; border-radius: 10px; background: var(--pcf-action); color: #fff; font-size: 13px; line-height: 1.3; font-weight: 670; text-decoration: none; transition: background .18s ease, box-shadow .18s ease; }
.pcf-shell .pcf-button:hover { background: var(--pcf-action-hover); }
.pcf-empty { padding: 20px; border: 1px dashed var(--pcf-line); border-radius: 13px; background: var(--pcf-surface); color: var(--pcf-muted); font-size: 13px; }
.pcf-empty :is(button,.pcf-button) { margin-block-start: 9px; }
.pcf-reference, .pcf-method, .pcf-sources { margin-block-start: 24px; }
.pcf-reference>.pcf-note { margin-block: 5px 12px; }
.pcf-method, .pcf-sources { padding: 13px 16px; border: 1px solid var(--pcf-line); border-radius: 13px; background: var(--pcf-surface); font-size: 12px; }
.pcf-method summary { cursor: pointer; font-weight: 680; }
.pcf-method p { margin-block-start: 8px; color: var(--pcf-muted); }

html[data-theme=light] .pcf-card { background: linear-gradient(155deg, #fff, var(--pcf-surface) 70%); box-shadow: 0 5px 22px #1e293b0a; }
html[data-theme=light] .pcf-card-media { border-block-end-color: #15202a14; }
html[data-theme=light] .pcf-card-media--cutout { background: radial-gradient(ellipse at 50% 42%, color-mix(in srgb, var(--pcf-product-glow) 15%, transparent), transparent 70%), linear-gradient(155deg, #f1f2f7, #e8edf2); }
html[data-theme=light] .pcf-card-media--cutout img { filter: drop-shadow(0 16px 13px #24304326); }
@media(hover:hover) and (pointer:fine) {
    .pcf-card:hover { transform: translateY(-4px); border-color: #677386; box-shadow: 0 18px 38px #0000002b; }
    .pcf-card:hover .pcf-card-media img { transform: scale(calc(var(--pcf-image-scale) * 1.04)); }
}

@container (max-width: 1040px) {
    .pcf-grid, .pcf-shell [data-pcf-results] { grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 18px; }
    .pcf-card-body { padding: 19px; }
    .pcf-card h3 { font-size: 18px; }
}

@container (max-width: 660px) {
    .pcf-filters { grid-template-columns: minmax(0, 1fr); gap: 12px; }
    .pcf-hero-copy { max-width: 94%; }
    .pcf-hero-art { inset-inline-start: 20%; }
    .pcf-hero-art::after { background: linear-gradient(90deg, #141b27, #141b27db 37%, #141b2748); }
    .pcf-shell select { font-size: 16px; }
}

@container (max-width: 640px) {
    .pcf-grid, .pcf-shell [data-pcf-results] { grid-template-columns: minmax(0, 1fr); }
    .pcf-card-media { height: clamp(315px, 82cqw, 390px); padding: 16px 20px 22px; }
    .pcf-card-media--photo { padding: 0; }
    .pcf-card h3 { font-size: 20px; }
    .pcf-filter-selects { grid-template-columns: minmax(0, 1fr); }
}

@container (max-width: 360px) {
    .pcf-card-footer>.pcf-button { width: 100%; }
    .pcf-card-body { padding: 17px; }
}

@media(prefers-reduced-motion:reduce) {
    .pcf-card, .pcf-card-media img, .pcf-shell .pcf-button { transition: none; }
    .pcf-card:hover { transform: none; }
    .pcf-card:hover .pcf-card-media img { transform: scale(var(--pcf-image-scale)); }
}

@media (max-width: 900px) {
    body.m-community .c-shell:has(>.c-pcf-page) { grid-template-columns: minmax(0, 1fr); padding-inline: clamp(11px, 2.6vw, 22px); }
    .m-community .c-shell>.c-pcf-page { padding-block-start: 16px; }
}