.ppf-catalog{--ppf-bg:#101114;--ppf-card:#17191d;--ppf-line:rgba(255,255,255,.12);--ppf-muted:#b1b5bd;--ppf-red:#ee292d;background:var(--ppf-bg);color:#f7f7f8;padding:84px 0;isolation:isolate}
.ppf-catalog,.ppf-catalog *{box-sizing:border-box}
.ppf-catalog-inner{width:min(1280px,calc(100% - 64px));margin:0 auto}
.ppf-catalog-heading{display:grid;grid-template-columns:1.15fr 1fr;gap:60px;align-items:end;margin-bottom:32px}
.ppf-catalog .ppf-eyebrow{margin:0 0 16px;color:var(--ppf-red);font-size:11px;line-height:1.5;font-weight:750;letter-spacing:.18em}
.ppf-catalog h2{font-size:clamp(30px,3.5vw,49px);font-weight:600;letter-spacing:-.045em;line-height:1.08;max-width:620px;margin:0;text-wrap:balance}
.ppf-catalog-intro>p{font-size:15px;line-height:1.8;color:var(--ppf-muted);margin:0 0 16px;max-width:500px}
.ppf-count{font-size:11px;line-height:1.5;font-weight:650;letter-spacing:.065em;color:#e7e8ec}
.ppf-brand-index{display:flex;flex-wrap:wrap;gap:8px 23px;border-top:1px solid var(--ppf-line);border-bottom:1px solid var(--ppf-line);padding:19px 0;margin:0 0 34px}
.ppf-brand-index a{color:#c3c6ce;text-decoration:none;font-size:12px;line-height:1.6;font-weight:600;transition:color .18s ease}
.ppf-brand-index a:hover{color:#fff}
.ppf-brand-index a:focus-visible{color:#fff;outline:2px solid var(--ppf-red);outline-offset:5px;border-radius:2px}
.ppf-product-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:18px;align-items:stretch}
.ppf-card{margin:0;min-width:0;border:1px solid var(--ppf-line);border-radius:4px;overflow:hidden;background:var(--ppf-card);display:flex;flex-direction:column;scroll-margin-top:120px}
.ppf-card:target{border-color:var(--ppf-red);box-shadow:0 0 0 1px var(--ppf-red)}
.ppf-card-logo{height:114px;background:#fff;display:flex;align-items:center;justify-content:center;padding:21px 32px;border-bottom:3px solid var(--ppf-red)}
.ppf-card-logo img{display:block;width:auto!important;height:auto!important;max-width:100%!important;max-height:100%!important;object-fit:contain!important;border-radius:0!important;filter:none!important;transform:none!important;opacity:1!important}
.ppf-card-body{padding:22px 21px 18px;display:flex;flex-direction:column;flex:1;min-width:0}
.ppf-catalog .ppf-card-brand{margin:0 0 7px;color:var(--ppf-muted);font-size:10px;line-height:1.5;letter-spacing:.12em;font-weight:650;text-transform:uppercase}
.ppf-catalog .ppf-card h3{font-size:17px;line-height:1.35;letter-spacing:-.015em;font-weight:600;color:#fff;margin:0 0 14px;overflow-wrap:anywhere}
.ppf-features{padding:0!important;margin:0 0 20px!important;display:flex;flex-wrap:wrap;gap:6px;list-style:none!important}
.ppf-features li{padding:4px 8px;margin:0;font-size:10px;line-height:1.5;color:#d6d8df;border:1px solid #383b44;border-radius:3px;background:#202329;list-style:none}
.ppf-features li:before{content:none!important}
.ppf-specs{margin:0;margin-top:auto}
.ppf-spec{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:12px;align-items:baseline;padding:9px 0;border-top:1px solid var(--ppf-line);font-size:11px;line-height:1.5}
.ppf-spec dt{color:var(--ppf-muted);font-weight:400;margin:0}
.ppf-spec dd{color:#f2f3f6;font-weight:550;margin:0;text-align:right}
.ppf-catalog .ppf-catalog-note{margin:25px 0 0;color:#9399a6;font-size:11px;line-height:1.8;max-width:900px}
@media(min-width:1450px){.ppf-catalog-inner{width:min(1320px,calc(100% - 112px))}}
@media(max-width:1100px){.ppf-product-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.ppf-catalog-heading{gap:35px}.ppf-card-body{padding:20px 18px 16px}}
@media(max-width:800px){.ppf-catalog{padding:58px 0}.ppf-catalog-inner{width:calc(100% - 40px)}.ppf-catalog-heading{grid-template-columns:1fr;gap:22px}.ppf-catalog-intro>p{max-width:650px}.ppf-product-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}.ppf-brand-index{gap:9px 18px;margin-bottom:25px}.ppf-card-logo{height:104px;padding:19px 27px}.ppf-catalog .ppf-card h3{font-size:16px}.ppf-spec{gap:8px}}
@media(max-width:480px){.ppf-catalog-inner{width:calc(100% - 32px)}.ppf-catalog h2{font-size:34px}.ppf-catalog-intro>p{font-size:14px}.ppf-product-grid{grid-template-columns:1fr;gap:17px}.ppf-card-logo{height:108px;padding:20px 45px}.ppf-card-body{padding:20px 23px 18px}.ppf-catalog .ppf-card h3{font-size:19px}.ppf-spec{font-size:12px}.ppf-features li{font-size:11px}.ppf-brand-index{gap:10px 19px}.ppf-brand-index a{font-size:11px}.ppf-card{scroll-margin-top:92px}}
@media(prefers-reduced-motion:reduce){.ppf-brand-index a{transition:none}}
