:root {
    --ink: #151b20;
    --ink2: #20272d;
    --muted: #707981;
    --line: #d7dce0;
    --surface: #f3f4f5;
    --surface2: #eef0f1;
    --orange: #f7a600;
    --white: #fff;
    --container: 1440px;
    --gutter: 52px;
}

* {
    box-sizing: border-box;
}

html {
    scroll-behavior: smooth;
}

body {
    margin: 0;
    color: var(--ink);
    background: #fff;
    font-family: Arial,Helvetica,sans-serif;
    -webkit-font-smoothing: antialiased;
}

a {
    text-decoration: none;
    color: inherit;
}

.container {
    width: min(calc(100% - (var(--gutter)*2)),var(--container));
    margin: auto;
}

.label,
.eyebrow {
    font-size: 10px;
    text-transform: uppercase;
    letter-spacing: .2em;
    font-weight: 800;
}

.label {
    color: #5f6870;
}

.muted {
    opacity: .35;
}

.section-hero {
    background: var(--ink);
    color: #fff;
    position: relative;
    overflow: hidden;
    padding: 30px 0 0;
}

.section-hero__grid {
    position: absolute;
    inset: 0;
    background-image: linear-gradient(rgba(255,255,255,.025) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.025) 1px,transparent 1px);
    background-size: 72px 72px;
    opacity: .45;
}

.crumbs {
    position: relative;
    z-index: 3;
    display: flex;
    gap: 10px;
    align-items: center;
    color: #778189;
    font-size: 11px;
    margin-bottom: 31px;
}

.crumbs i {
    font-style: normal;
    color: var(--orange);
}

.crumbs b {
    color: #fff;
}

.section-hero__layout {
    position: relative;
    z-index: 2;
    display: grid;
    grid-template-columns: 1.01fr .99fr;
    min-height: 438px;
}

.section-hero__copy {
    padding: 44px 74px 54px 0;
    display: flex;
    flex-direction: column;
    justify-content: center;
}

.eyebrow {
    color: var(--orange);
    margin-bottom: 18px;
}

.section-hero h1 {
    margin: 0;
}

.section-hero__copy p {
    font-size: 15px;
    line-height: 1.65;
    color: #aab1b6;
    max-width: 590px;
    margin: 24px 0 0;
}

.hero-links {
    display: flex;
    gap: 0;
    margin-top: 30px;
    border-top: 1px solid rgba(255,255,255,.15);
    max-width: 520px;
}

.hero-links a {
    height: 52px;
    min-width: 130px;
    border-right: 1px solid rgba(255,255,255,.15);
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 0 15px;
    font-size: 10px;
    font-weight: 800;
}

.hero-links a:first-child {
    padding-left: 0;
}

.hero-links b {
    font-size: 17px;
    color: var(--orange);
}

.section-hero__media {
    position: relative;
    min-height: 438px;
    overflow: hidden;
}

.section-hero__media img {
    position: absolute;
    inset: 0;
    width: 100%;
    height: 100%;
    object-fit: cover;
    filter: saturate(.56) contrast(.98);
}

.section-hero__media-shade {
    position: absolute;
    inset: 0;
    background: linear-gradient(90deg,rgba(21,27,32,.28),rgba(21,27,32,.02) 45%,rgba(21,27,32,.16));
}

.hero-data {
    position: absolute;
    left: 0;
    right: 0;
    bottom: 0;
    display: grid;
    grid-template-columns: repeat(3,1fr);
    background: rgba(19,25,29,.88);
    backdrop-filter: blur(7px);
    border-top: 1px solid rgba(255,255,255,.16);
}

.hero-data div {
    min-height: 88px;
    padding: 19px 18px;
    border-right: 1px solid rgba(255,255,255,.12);
}

.hero-data div:last-child {
    border-right: 0;
}

.hero-data small {
    display: block;
    text-transform: uppercase;
    letter-spacing: .13em;
    font-size: 7px;
    color: #8f989f;
    font-weight: 800;
}

.hero-data strong {
    display: block;
    font-size: 14px;
    margin-top: 8px;
    font-weight: 700;
}

.section-jump {
    height: 66px;
    border-bottom: 1px solid var(--line);
    background: #fff;
    position: relative;
    z-index: 6;
}

.section-jump__in {
    height: 100%;
    display: flex;
    align-items: center;
}

.section-jump a {
    height: 100%;
    display: flex;
    align-items: center;
    padding: 0 20px;
    font-size: 10px;
    font-weight: 800;
    border-right: 1px solid #e5e7e9;
    position: relative;
}

.section-jump a:first-child {
    padding-left: 0;
    padding-right: 25px;
}

.section-jump a.active:after {
    content: "";
    position: absolute;
    left: 0;
    right: 0;
    bottom: -1px;
    height: 3px;
    background: var(--orange);
}

.section-jump__cta {
    margin-left: auto;
    background: #f2f3f4;
    padding: 0 24px;
    gap: 28px;
}

.section-jump__cta b {
    font-size: 18px;
    color: var(--orange);
}

.families {
    padding: 92px 0 96px;
}

.section-head {
    display: flex;
    justify-content: space-between;
    align-items: end;
    gap: 60px;
    margin-bottom: 36px;
}

.section-head h2 {
    margin: 11px 0 0;
}

.section-head p {
    max-width: 520px;
    margin: 0;
    color: var(--muted);
    font-size: 14px;
    line-height: 1.65;
}

.family-grid {
    display: grid;
    grid-template-columns: repeat(3,1fr);
    gap: 12px;
}

.family-card {
    background: #f7f7f7;
    border: 1px solid var(--line);
    display: grid;
    grid-template-rows: 210px 150px;
    height: 360px;
    overflow: hidden;
}

.family-card__media {
    overflow: hidden;
    position: relative;
    background: #d5d9dc;
}

.family-card__media img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    filter: saturate(.58);
    transition: transform .35s,filter .3s;
}

.family-card__media--2 img {
    object-position: 70% 50%;
    transform: scale(1.08);
}

.family-card__media--3 img {
    object-position: 50% 72%;
    transform: scale(1.16);
}

.family-card:hover .family-card__media img {
    filter: saturate(.82);
    transform: scale(1.025);
}

.family-card:hover .family-card__media--2 img {
    transform: scale(1.11);
}

.family-card:hover .family-card__media--3 img {
    transform: scale(1.19);
}

.family-card__body {
    padding: 21px 22px;
    display: grid;
    grid-template-columns: 26px 1fr 24px;
    gap: 12px;
    align-items: start;
}

.family-card__body>span {
    color: #9aa1a6;
    font-size: 9px;
    letter-spacing: .15em;
    margin-top: 4px;
}

.family-card__body small {
    text-transform: uppercase;
    letter-spacing: .13em;
    font-size: 7px;
    color: #92999f;
    font-weight: 800;
}

.family-card h3 {
    margin: 7px 0 7px;
}

.family-card p {
    margin: 0;
    color: #6f777d;
    font-size: 10px;
    line-height: 1.45;
}

.family-card__body>b {
    color: var(--orange);
    font-size: 19px;
    text-align: right;
    align-self: end;
}

.finder {
    background: var(--ink2);
    color: #fff;
}

.finder__in {
    display: grid;
    grid-template-columns: 340px 1fr;
    min-height: 190px;
}

.finder__intro {
    padding: 36px 44px 34px 0;
    border-right: 1px solid rgba(255,255,255,.14);
}

.finder__intro .label {
    color: var(--orange);
}

.finder__intro h2 {
    margin: 11px 0 10px;
}

.finder__intro p {
    font-size: 11px;
    line-height: 1.55;
    color: #9ba3a9;
    margin: 0;
}

.finder__options {
    display: grid;
    grid-template-columns: repeat(4,1fr);
}

.finder__options a {
    padding: 32px 22px;
    border-right: 1px solid rgba(255,255,255,.14);
    display: grid;
    grid-template-rows: auto 1fr auto;
    min-height: 190px;
}

.finder__options a:last-child {
    border-right: 0;
}

.finder__options small {
    font-size: 8px;
    letter-spacing: .16em;
    color: #7f8990;
}

.finder__options span {
    font-size: 14px;
    font-weight: 800;
    line-height: 1.2;
    align-self: center;
}

.finder__options b {
    font-size: 18px;
    color: var(--orange);
}

.catalog-workspace {
    background: var(--surface);
    padding: 92px 0 100px;
    border-top: 1px solid #e4e6e8;
}

.workspace-head {
    display: grid;
    grid-template-columns: .72fr 1.28fr;
    gap: 86px;
    align-items: end;
    margin-bottom: 25px;
}

.workspace-head h2 {
    margin: 10px 0 0;
}

.workspace-search {
    height: 72px;
    background: #fff;
    border: 1px solid #d7dce0;
    border-left: 3px solid var(--orange);
    display: grid;
    grid-template-columns: 55px 1fr 108px;
    align-items: center;
}

.workspace-search>span {
    width: 16px;
    height: 16px;
    border: 2px solid var(--ink);
    border-radius: 50%;
    margin-left: 20px;
    position: relative;
}

.workspace-search>span:after {
    content: "";
    position: absolute;
    width: 8px;
    height: 2px;
    background: var(--ink);
    transform: rotate(45deg);
    right: -6px;
    bottom: -3px;
}

.workspace-search small {
    display: block;
    text-transform: uppercase;
    letter-spacing: .14em;
    color: #9aa1a6;
    font-size: 8px;
    font-weight: 800;
}

.workspace-search strong {
    display: block;
    font-size: 11px;
    margin-top: 5px;
}

.workspace-search button {
    align-self: stretch;
    border: 0;
    background: #e7eaec;
    font-weight: 800;
    font-size: 10px;
}

.active-filter-bar {
    height: 48px;
    background: #fff;
    border: 1px solid #d9dde0;
    display: flex;
    align-items: center;
    padding: 0 17px;
    gap: 10px;
    margin-bottom: 12px;
}

.active-filter-bar>span {
    font-size: 8px;
    text-transform: uppercase;
    letter-spacing: .13em;
    color: #8c949a;
    font-weight: 800;
    margin-right: 4px;
}

.active-filter-bar button {
    height: 27px;
    border: 1px solid #d4d8db;
    background: #f3f4f5;
    font-size: 9px;
    padding: 0 9px;
}

.active-filter-bar button i {
    font-style: normal;
    margin-left: 8px;
    color: #90979c;
}

.active-filter-bar a {
    margin-left: auto;
    font-size: 9px;
    color: #70787e;
    border-bottom: 1px solid #b5bbc0;
}

.workspace {
    display: grid;
    grid-template-columns: 270px 1fr;
    gap: 18px;
}

.filters {
    background: #fff;
    border: 1px solid #d9dde0;
    align-self: start;
    position: sticky;
    top: 12px;
}

.filters__top {
    height: 58px;
    padding: 0 19px;
    display: flex;
    align-items: center;
    justify-content: space-between;
    border-bottom: 1px solid #e3e5e7;
}

.filters__top strong {
    font-size: 13px;
}

.filters__top span {
    font-size: 9px;
    color: #969da2;
}

.filter-group {
    border-bottom: 1px solid #e3e5e7;
}

.filter-title {
    height: 53px;
    padding: 0 19px;
    display: flex;
    align-items: center;
    justify-content: space-between;
    font-size: 10px;
    font-weight: 800;
}

.filter-title b {
    font-size: 15px;
    font-weight: 500;
    color: #889097;
}

.filter-group label {
    height: 35px;
    padding: 0 19px;
    display: grid;
    grid-template-columns: 18px 1fr auto;
    align-items: center;
    gap: 9px;
    font-size: 10px;
}

.filter-group input {
    appearance: none;
    width: 14px;
    height: 14px;
    border: 1px solid #aeb5ba;
    margin: 0;
    position: relative;
}

.filter-group input:checked {
    background: var(--orange);
    border-color: var(--orange);
}

.filter-group input:checked:after {
    content: "✓";
    position: absolute;
    font-size: 10px;
    left: 2px;
    top: -1px;
    font-weight: 800;
}

.filter-group em {
    font-style: normal;
    color: #a0a7ac;
    font-size: 9px;
}

.filter-group.open {
    padding-bottom: 10px;
}

.filter-help {
    padding: 22px 19px;
    background: var(--ink);
    color: #fff;
}

.filter-help span {
    font-size: 11px;
    font-weight: 800;
}

.filter-help p {
    font-size: 9px;
    line-height: 1.55;
    color: #aab1b6;
    margin: 8px 0 14px;
}

.filter-help a {
    font-size: 9px;
    color: var(--orange);
    font-weight: 800;
}

.results {
    min-width: 0;
}

.results-toolbar {
    height: 58px;
    background: #fff;
    border: 1px solid #d9dde0;
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 0 20px;
    margin-bottom: 10px;
}

.results-toolbar strong {
    font-size: 13px;
}

.results-toolbar>div>span {
    font-size: 9px;
    color: #90989e;
    margin-left: 12px;
}

.sort {
    display: flex;
    align-items: center;
    gap: 12px;
}

.sort span {
    font-size: 8px;
    text-transform: uppercase;
    letter-spacing: .12em;
    color: #969da2;
    margin: 0;
}

.sort b {
    font-size: 9px;
    font-weight: 800;
}

.product-row {
    background: #fff;
    border: 1px solid #d9dde0;
    min-height: 210px;
    margin-bottom: 10px;
    display: grid;
    grid-template-columns: 165px 1fr 126px;
    align-items: stretch;
}

.product-row__image {
    position: relative;
    overflow: hidden;
    background: #d9dcde;
}

.product-row__image img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    filter: saturate(.34);
    transform: scale(1.06);
    object-position: 30% 55%;
}

.product-row__image--2 img {
    object-position: 72% 40%;
    transform: scale(1.13);
}

.product-row__image--3 img {
    object-position: 48% 65%;
    transform: scale(1.22);
}

.product-row__image--4 img {
    object-position: 75% 75%;
    transform: scale(1.30);
}

.product-row__image span {
    position: absolute;
    top: 13px;
    left: 13px;
    background: rgba(255,255,255,.92);
    padding: 6px 8px;
    font-size: 8px;
    font-weight: 900;
    letter-spacing: .12em;
}

.product-row__content {
    display: grid;
    grid-template-columns: minmax(300px,1.15fr) minmax(300px,.85fr);
}

.product-row__main {
    padding: 23px 24px;
    border-right: 1px solid #e3e5e7;
}

.product-row__main small {
    text-transform: uppercase;
    letter-spacing: .13em;
    font-size: 7px;
    color: #90989e;
    font-weight: 800;
}

.product-row__main h3 {
    margin: 8px 0 8px;
}

.product-row__main p {
    font-size: 10px;
    line-height: 1.5;
    color: #747c82;
    margin: 0;
    max-width: 420px;
}

.product-row__docs {
    display: flex;
    gap: 13px;
    margin-top: 17px;
    flex-wrap: wrap;
}

.product-row__docs a {
    font-size: 8px;
    font-weight: 800;
    border-bottom: 1px solid #aab0b4;
    padding-bottom: 2px;
}

.product-row__specs {
    padding: 22px;
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 15px 18px;
}

.product-row__specs span {
    font-size: 7px;
    text-transform: uppercase;
    letter-spacing: .11em;
    color: #9aa1a6;
    display: block;
}

.product-row__specs b {
    font-size: 9px;
    line-height: 1.45;
    display: block;
    margin-top: 5px;
}

.product-row__actions {
    border-left: 1px solid #e3e5e7;
    display: grid;
    grid-template-rows: 1fr 1fr;
}

.product-row__actions a {
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 9px;
    font-weight: 800;
    text-align: center;
    padding: 0 8px;
}

.product-row__actions .secondary {
    border-bottom: 1px solid #e3e5e7;
    color: #5f6870;
}

.product-row__actions .primary {
    background: #f3f4f5;
    gap: 10px;
}

.product-row__actions .primary b {
    font-size: 16px;
    color: var(--orange);
}

.product-row:hover {
    border-color: #b7bdc2;
}

.more-button {
    width: 100%;
    height: 58px;
    background: #fff;
    border: 1px solid #cfd4d7;
    font-size: 10px;
    font-weight: 800;
}

.more-button span {
    color: var(--orange);
    margin-left: 10px;
    font-size: 15px;
}

.support {
    background: var(--ink);
    color: #fff;
    padding: 88px 0 92px;
}

.support__head {
    display: grid;
    grid-template-columns: .62fr .9fr 1fr;
    gap: 45px;
    align-items: end;
    margin-bottom: 35px;
}

.support__head .label {
    color: var(--orange);
}

.support__head h2 {
    margin: 0;
}

.support__head p {
    margin: 0;
    color: #929ba1;
    font-size: 13px;
    line-height: 1.62;
}

.support__grid {
    display: grid;
    grid-template-columns: repeat(3,1fr);
    border-top: 1px solid rgba(255,255,255,.16);
    border-bottom: 1px solid rgba(255,255,255,.16);
}

.support__grid a {
    min-height: 250px;
    padding: 28px 28px 26px;
    border-right: 1px solid rgba(255,255,255,.16);
    display: flex;
    flex-direction: column;
}

.support__grid a:last-child {
    border-right: 0;
}

.support__grid small {
    font-size: 8px;
    letter-spacing: .16em;
    color: #808991;
}

.support__grid h3 {
    margin: 30px 0 11px;
}

.support__grid p {
    font-size: 11px;
    line-height: 1.55;
    color: #99a2a8;
    margin: 0;
    max-width: 330px;
}

.support__grid span {
    margin-top: auto;
    font-size: 9px;
    font-weight: 800;
    color: #fff;
}

.support__grid span b {
    color: var(--orange);
    font-size: 17px;
    margin-left: 8px;
}

.support__grid .accent span {
    color: var(--ink);
}

.support__grid .accent span b {
    color: var(--ink);
}

.seo-copy {
    padding: 88px 0;
}

.seo-copy__layout {
    display: grid;
    grid-template-columns: .78fr 1.22fr;
    gap: 120px;
}

.seo-copy h2 {
    margin: 12px 0 0;
}

.seo-copy__text {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 42px;
}

.seo-copy p {
    margin: 0;
    color: #626b72;
    font-size: 14px;
    line-height: 1.73;
}

.cta {
    background: var(--orange);
    padding: 62px 0;
}

.cta__layout {
    display: flex;
    justify-content: space-between;
    align-items: center;
    gap: 40px;
}

.cta .label {
    color: #7d5700;
}

.cta h2 {
    margin: 10px 0 10px;
}

.cta p {
    margin: 0;
    font-size: 14px;
}

.cta a {
    background: var(--ink);
    color: #fff;
    min-width: 270px;
    height: 58px;
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 0 24px;
    font-size: 13px;
    font-weight: 800;
}

.cta a b {
    font-size: 20px;
    color: var(--orange);
}

@media (max-width:1180px) {
    :root {
        --gutter: 30px;
    }

    .section-hero h1 {}

    .section-jump a {
        padding: 0 14px;
    }

    .section-jump a:nth-child(6) {
        display: none;
    }

    .finder__in {
        grid-template-columns: 270px 1fr;
    }

    .workspace {
        grid-template-columns: 235px 1fr;
    }

    .product-row {
        grid-template-columns: 145px 1fr 110px;
    }

    .product-row__content {
        grid-template-columns: 1fr;
    }

    .product-row__main {
        border-right: 0;
        border-bottom: 1px solid #e3e5e7;
    }

    .product-row__specs {
        grid-template-columns: repeat(4,1fr);
        padding: 16px 20px;
    }

    .support__head {
        grid-template-columns: .55fr .9fr 1fr;
    }
}

@media (max-width:900px) {
    .section-hero__layout {
        grid-template-columns: 1fr;
    }

    .section-hero__copy {
        padding-right: 0;
    }

    .section-hero__media {
        min-height: 320px;
    }

    .section-jump a:nth-child(4),
    .section-jump a:nth-child(5),
    .section-jump a:nth-child(6) {
        display: none;
    }

    .family-grid {
        grid-template-columns: 1fr 1fr;
    }

    .family-card:last-child {
        grid-column: 1/-1;
    }

    .finder__in {
        grid-template-columns: 1fr;
    }

    .finder__intro {
        border-right: 0;
        border-bottom: 1px solid rgba(255,255,255,.14);
    }

    .finder__options {
        grid-template-columns: 1fr 1fr;
    }

    .finder__options a {
        min-height: 130px;
        border-bottom: 1px solid rgba(255,255,255,.14);
    }

    .workspace-head {
        grid-template-columns: 1fr;
        gap: 28px;
    }

    .workspace {
        grid-template-columns: 1fr;
    }

    .filters {
        display: none;
    }

    .active-filter-bar {
        margin-top: 0;
    }

    .product-row {
        grid-template-columns: 145px 1fr 105px;
    }

    .support__head {
        grid-template-columns: 1fr;
        gap: 15px;
    }

    .support__grid {
        grid-template-columns: 1fr;
    }

    .support__grid a {
        min-height: 180px;
        border-right: 0;
        border-bottom: 1px solid rgba(255,255,255,.16);
    }

    .support__grid a:last-child {
        border-bottom: 0;
    }

    .seo-copy__layout {
        grid-template-columns: 1fr;
        gap: 42px;
    }
}

@media (max-width:620px) {
    :root {
        --gutter: 18px;
    }

    .section-hero {
        padding-top: 22px;
    }

    .crumbs {
        margin-bottom: 12px;
        white-space: nowrap;
        overflow: hidden;
    }

    .section-hero__copy {
        padding: 34px 0 38px;
    }

    .section-hero h1 {}

    .section-hero__copy p {
        font-size: 14px;
    }

    .hero-links {
        overflow-x: auto;
    }

    .hero-links a {
        flex: 0 0 110px;
    }

    .section-hero__media {
        min-height: 245px;
        margin: 0 -18px;
    }

    .hero-data div {
        padding: 15px 11px;
        min-height: 78px;
    }

    .hero-data strong {
        font-size: 11px;
    }

    .section-jump {
        height: 58px;
        overflow: hidden;
    }

    .section-jump__in {
        overflow-x: auto;
        width: 100%;
        padding-left: 18px;
    }

    .section-jump a {
        flex: 0 0 auto;
        padding: 0 18px;
    }

    .section-jump a:first-child {
        padding-left: 0;
    }

    .section-jump__cta {
        display: none;
    }

    .families {
        padding: 68px 0;
    }

    .section-head {
        display: block;
    }

    .section-head h2 {}

    .section-head p {
        margin-top: 15px;
    }

    .family-grid {
        display: block;
    }

    .family-card {
        height: auto;
        display: block;
        margin-bottom: 12px;
    }

    .family-card__media {
        height: 195px;
    }

    .family-card__body {
        min-height: 142px;
    }

    .finder__intro {
        padding: 29px 0;
    }

    .finder__options {
        grid-template-columns: 1fr;
    }

    .finder__options a {
        min-height: 88px;
        grid-template-columns: 34px 1fr 22px;
        grid-template-rows: 1fr;
        align-items: center;
        padding: 0;
        border-right: 0;
    }

    .catalog-workspace {
        padding: 66px 0;
    }

    .workspace-head {
        display: block;
    }

    .workspace-head h2 {}

    .workspace-search {
        margin-top: 23px;
        grid-template-columns: 44px 1fr;
    }

    .workspace-search button {
        display: none;
    }

    .active-filter-bar {
        overflow-x: auto;
        white-space: nowrap;
    }

    .results-toolbar {
        margin-top: 10px;
    }

    .sort span {
        display: none;
    }

    .product-row {
        display: block;
    }

    .product-row__image {
        height: 150px;
    }

    .product-row__content {
        display: block;
    }

    .product-row__main {
        border-right: 0;
        border-bottom: 1px solid #e3e5e7;
        padding: 21px;
    }

    .product-row__specs {
        grid-template-columns: 1fr 1fr;
        padding: 18px 20px;
    }

    .product-row__actions {
        height: 50px;
        display: grid;
        grid-template-columns: 1fr 1fr;
        border-left: 0;
        border-top: 1px solid #e3e5e7;
    }

    .product-row__actions .secondary {
        border-bottom: 0;
        border-right: 1px solid #e3e5e7;
    }

    .support {
        padding: 66px 0;
    }

    .support__head h2 {}

    .support__grid a {
        min-height: 170px;
        padding: 24px 20px;
    }

    .seo-copy__text {
        grid-template-columns: 1fr;
    }

    .cta__layout {
        display: block;
    }

    .cta h2 {}

    .cta a {
        margin-top: 28px;
    }
}

:root {
    --warm: #f5f2ec;
    --warm2: #ece6dc;
    --warm3: #fbfaf7;
    --warm-line: #ddd6ca;
    --wood: #b97b3e;
}

body {
    background: var(--warm3);
}

.section-hero {
    background: #13191e;
    padding-top: 30px;
}

.section-hero__grid {
    background-size: 84px 84px;
    opacity: .32;
}

.section-hero__layout {
    min-height: 454px;
}

.section-hero__copy {
    padding-top: 50px;
    padding-bottom: 62px;
}

.section-hero__copy:after {
    content: "";
    display: block;
    width: 64px;
    height: 3px;
    background: var(--orange);
    margin-top: 32px;
}

.section-hero h1 {}

.section-hero__copy p {
    max-width: 560px;
    color: #b2b8bc;
    font-size: 15px;
}

.section-hero__media {
    min-height: 454px;
    background: #bfa77d;
}

.section-hero__media img {
    filter: saturate(1.05) contrast(1.06) brightness(.94);
    object-position: center 54%;
    transform: scale(1.015);
}

.section-hero__media-shade {
    background: linear-gradient(90deg,rgba(21,27,32,.25),rgba(21,27,32,0) 46%,rgba(21,27,32,.05));
}

.hero-data {
    background: rgba(18,24,28,.82);
    backdrop-filter: blur(10px);
    border-top: 1px solid rgba(247,166,0,.38);
}

.hero-data div:first-child {
    box-shadow: inset 0 2px 0 var(--orange);
}

.hero-data small {
    color: #a5adb2;
}

.hero-data strong {
    font-size: 14px;
}

.section-jump {
    position: sticky;
    top: 0;
    z-index: 40;
    background: rgba(255,255,255,.96);
    backdrop-filter: blur(12px);
    box-shadow: 0 8px 28px rgba(20,25,29,.035);
}

.section-jump a {
    transition: color .18s ease,background .18s ease;
}

.section-jump a:hover {
    background: #faf8f3;
    color: #000;
}

.section-jump__cta {
    background: #f4f1eb;
}

.families {
    background: var(--warm3);
    padding-top: 94px;
}

.section-head .label,
.workspace-head .label {
    color: #6c6b65;
}

.section-head p {
    color: #716e68;
}

.family-grid {
    gap: 14px;
}

.family-card {
    background: #fff;
    border-color: var(--warm-line);
    box-shadow: 0 10px 34px rgba(47,38,25,.035);
    transition: transform .22s ease,border-color .22s ease,box-shadow .22s ease;
}

.family-card:hover {
    transform: translateY(-3px);
    border-color: #c9bda9;
    box-shadow: 0 18px 42px rgba(47,38,25,.075);
}

.family-card__media {
    background: #ded7cd;
}

.family-card__media img {
    filter: saturate(.92) contrast(1.04);
    transition: transform .35s ease,filter .3s ease;
}

.family-card:hover .family-card__media img {
    filter: saturate(1.06) contrast(1.04);
}

.family-card__body {
    background: linear-gradient(180deg,#fff,#fcfbf8);
}

.family-card__body>span {
    color: #b28755;
}

.family-card__body small {
    color: #9a8f80;
}

.family-card p {
    color: #716b64;
}

.finder {
    background: #20262a;
    position: relative;
    overflow: hidden;
}

.finder:before {
    content: "";
    position: absolute;
    left: -120px;
    top: -170px;
    width: 470px;
    height: 470px;
    border: 1px solid rgba(247,166,0,.10);
    border-radius: 50%;
}

.finder__intro {
    position: relative;
    z-index: 1;
}

.finder__options {
    position: relative;
    z-index: 1;
}

.finder__options a {
    position: relative;
    transition: background .2s ease;
}

.finder__options a:after {
    content: "";
    position: absolute;
    left: 22px;
    right: 22px;
    bottom: 0;
    height: 2px;
    background: var(--orange);
    transform: scaleX(0);
    transform-origin: left;
    transition: transform .2s ease;
}

.finder__options a:hover {
    background: rgba(255,255,255,.035);
}

.finder__options a:hover:after {
    transform: scaleX(1);
}

.finder__options small {
    color: #a4a19a;
}

.finder__options span {
    font-size: 15px;
}

.catalog-workspace {
    background: var(--warm);
    border-top: 1px solid var(--warm-line);
    padding-top: 94px;
}

.workspace-search {
    border-color: #d8d1c7;
    border-left-color: var(--orange);
    box-shadow: 0 8px 28px rgba(54,44,30,.035);
}

.workspace-search button {
    background: #e9e3da;
    transition: background .18s ease;
}

.active-filter-bar {
    border-color: #d8d1c7;
    background: #fbfaf7;
    border-left: 3px solid var(--orange);
}

.active-filter-bar button {
    background: #eee9e1;
    border-color: #d4ccc0;
}

.filters {
    border-color: #d7d0c5;
    box-shadow: 0 12px 34px rgba(54,44,30,.04);
}

.filters__top,
.filter-group {
    border-color: #e7e1d8;
}

.filter-title {
    color: #373b3e;
}

.filter-group input {
    border-color: #b7aea1;
}

.results-toolbar {
    border: 0;
    border-bottom: 1px solid #d7d0c5;
    background: transparent;
    padding-left: 2px;
    padding-right: 2px;
    margin-bottom: 12px;
}

.product-row {
    border: 1px solid #ddd6cc;
    box-shadow: 0 8px 26px rgba(54,44,30,.03);
    transition: border-color .18s ease,box-shadow .18s ease,transform .18s ease;
}

.product-row:hover {
    border-color: #cbbda9;
    box-shadow: 0 14px 38px rgba(54,44,30,.065);
    transform: translateY(-1px);
}

.product-row__image {
    background: #dcd5cb;
}

.product-row__image img {
    filter: saturate(.86) contrast(1.04);
    transform: scale(1.045);
}

.product-row__image--2 img {
    transform: scale(1.10);
}

.product-row__image--3 img {
    transform: scale(1.17);
}

.product-row__image--4 img {
    transform: scale(1.23);
}

.product-row__image span {
    background: rgba(255,250,242,.94);
    color: #40382e;
    border-left: 2px solid var(--orange);
}

.product-row__main {
    border-color: #eee8df;
}

.product-row__main small {
    color: #9b8b78;
}

.product-row__main p {
    color: #6d6964;
}

.product-row__docs a {
    border-color: #c4b8a8;
    color: #5c554d;
}

.product-row__docs a:hover {
    color: #000;
    border-color: var(--orange);
}

.product-row__specs {
    background: #faf8f4;
}

.product-row__specs span {
    color: #9a8f83;
}

.product-row__specs b {
    color: #383a3b;
}

.product-row__actions {
    border-color: #e8e1d7;
}

.product-row__actions .secondary {
    border-color: #e8e1d7;
    background: #fff;
}

.product-row__actions .primary {
    background: #f2ede5;
    transition: background .18s ease;
}

.product-row__actions .primary:hover b {
    color: var(--ink);
}

.more-button {
    border-color: #d5cdc1;
    background: #fbfaf7;
}

.more-button:hover {
    border-color: var(--orange);
}

.support {
    background: #171d21;
    padding-top: 92px;
}

.support__grid {
    border-color: rgba(255,255,255,.14);
}

.support__grid a {
    transition: background .2s ease;
}

.support__grid a:not(.accent):hover {
    background: rgba(255,255,255,.035);
}

.seo-copy {
    background: #fbfaf7;
}

.seo-copy p {
    color: #68645e;
}

@media (max-width:900px) {
    .section-jump {
        top: 0;
    }

    .section-hero__copy:after {
        margin-top: 25px;
    }

    .family-card {
        box-shadow: none;
    }
}

@media (max-width:620px) {
    .section-hero__copy {
        padding-bottom: 34px;
    }

    .section-hero__copy:after {
        margin-top: 24px;
    }

    .section-hero__media {
        min-height: 255px;
    }

    .section-hero h1 {}

    .section-jump {
        position: relative;
    }

    .catalog-workspace {
        background: #f4f1eb;
    }
}

.toolbar-actions {
    display: flex;
    align-items: center;
    gap: 18px;
}

.mobile-filter-btn {
    display: none;
    height: 34px;
    border: 1px solid #d0c7ba;
    background: #fff;
    padding: 0 12px;
    font-size: 9px;
    font-weight: 800;
}

.mobile-filter-btn b {
    display: inline-flex;
    width: 17px;
    height: 17px;
    border-radius: 50%;
    background: var(--orange);
    align-items: center;
    justify-content: center;
    margin-left: 7px;
    font-size: 8px;
}

@media (max-width:900px) {
    .section-jump__in {
        overflow-x: auto;
        scrollbar-width: none;
    }

    .section-jump__in::-webkit-scrollbar {
        display: none;
    }

    .section-jump a:nth-child(4),
    .section-jump a:nth-child(5),
    .section-jump a:nth-child(6) {
        display: flex;
    }

    .section-jump__cta {
        display: none;
    }

    .mobile-filter-btn {
        display: flex;
        align-items: center;
    }
}

@media (max-width:620px) {
    .section-jump {
        position: sticky;
        top: 0;
    }

    .results-toolbar {
        height: auto;
        min-height: 60px;
        padding: 10px 0;
        gap: 10px;
    }

    .results-toolbar>div:first-child {
        min-width: 80px;
    }

    .toolbar-actions {
        gap: 8px;
        margin-left: auto;
    }

    .mobile-filter-btn {
        padding: 0 9px;
    }

    .sort b {
        font-size: 8px;
    }
}

@media (max-width:1180px) {
    .section-jump__in {
        overflow-x: auto;
        scrollbar-width: none;
    }

    .section-jump__in::-webkit-scrollbar {
        display: none;
    }

    .section-jump a:nth-child(6) {
        display: flex;
    }
}

:root {
    --pfks-white: #ffffff;
    --pfks-soft: #f8f7f4;
    --pfks-soft-2: #f4f3f0;
    --pfks-line: #dde1e4;
    --pfks-line-soft: #e7e9eb;
    --pfks-ui: #f5f6f6;
    --pfks-ui-2: #eef0f1;
}

html,
body {
    background: var(--pfks-white);
}

body {
    color: var(--ink);
}

.section-jump {
    background: rgba(255,255,255,.97);
    border-bottom-color: var(--pfks-line);
}

.section-jump a {
    border-right-color: var(--pfks-line-soft);
}

.section-jump a:hover {
    background: #f7f8f8;
}

.section-jump__cta {
    background: #f3f4f5;
}

.families {
    background: var(--pfks-white);
}

.section-head .label,
.workspace-head .label {
    color: #5f6870;
}

.section-head p {
    color: var(--muted);
}

.family-card {
    background: #fff;
    border-color: var(--pfks-line);
    box-shadow: 0 10px 30px rgba(25,31,36,.035);
}

.family-card:hover {
    border-color: #c9cfd3;
    box-shadow: 0 16px 38px rgba(25,31,36,.07);
}

.family-card__media {
    background: #e1e3e3;
}

.family-card__body {
    background: #fff;
}

.family-card__body>span {
    color: #9b7d56;
}

.family-card__body small {
    color: #8e969c;
}

.family-card p {
    color: #6c757b;
}

.finder {
    background: var(--pfks-soft);
    color: var(--ink);
    border-top: 1px solid #ebe8e2;
    border-bottom: 1px solid #ebe8e2;
}

.finder:before {
    border-color: rgba(247,166,0,.16);
}

.finder__intro {
    border-right: 1px solid #dfddd7;
}

.finder__intro .label {
    color: #9c6900;
}

.finder__intro p {
    color: #72777a;
}

.finder__options a {
    border-right: 1px solid #dfddd7;
    color: var(--ink);
}

.finder__options a:hover {
    background: rgba(255,255,255,.62);
}

.finder__options small {
    color: #8b8e8e;
}

.finder__options span {
    color: #252b2f;
}

.finder__options b {
    color: var(--orange);
}

.catalog-workspace {
    background: var(--pfks-white);
    border-top: 0;
    padding-top: 94px;
}

.workspace-search {
    background: #fff;
    border-color: var(--pfks-line);
    border-left-color: var(--orange);
    box-shadow: 0 8px 26px rgba(25,31,36,.03);
}

.workspace-search button {
    background: var(--pfks-ui-2);
}

.workspace-search button:hover {
    background: var(--orange);
}

.active-filter-bar {
    background: #fff;
    border-color: var(--pfks-line);
    border-left: 3px solid var(--orange);
}

.active-filter-bar button {
    background: var(--pfks-ui);
    border-color: #d9dde0;
}

.workspace {
    gap: 20px;
}

.filters {
    background: #fff;
    border-color: var(--pfks-line);
    box-shadow: 0 10px 28px rgba(25,31,36,.035);
}

.filters__top,
.filter-group {
    border-color: var(--pfks-line-soft);
}

.filter-group input {
    border-color: #aeb5ba;
}

.filter-help {
    background: #1a2024;
}

.results-toolbar {
    background: #fff;
    border: 0;
    border-bottom: 1px solid var(--pfks-line);
    padding-left: 2px;
    padding-right: 2px;
}

.product-row {
    background: #fff;
    border-color: var(--pfks-line);
    box-shadow: 0 7px 22px rgba(25,31,36,.025);
}

.product-row:hover {
    border-color: #c3c9cd;
    box-shadow: 0 12px 32px rgba(25,31,36,.055);
}

.product-row__image {
    background: #dfe2e3;
}

.product-row__image span {
    background: rgba(255,255,255,.94);
    color: #343a3e;
    border-left: 2px solid var(--orange);
}

.product-row__main {
    border-color: var(--pfks-line-soft);
}

.product-row__main small {
    color: #8e969c;
}

.product-row__main p {
    color: #6d757a;
}

.product-row__docs a {
    border-color: #aeb5ba;
    color: #555e64;
}

.product-row__specs {
    background: #f7f8f8;
}

.product-row__specs span {
    color: #90989d;
}

.product-row__specs b {
    color: #343a3e;
}

.product-row__actions {
    border-color: var(--pfks-line-soft);
}

.product-row__actions .secondary {
    background: #fff;
    border-color: var(--pfks-line-soft);
}

.product-row__actions .primary {
    background: #f3f4f5;
}

.product-row__actions .primary:hover {
    background: var(--orange);
}

.more-button {
    background: #fff;
    border-color: #ccd2d6;
}

.support {
    background: var(--pfks-soft);
    color: var(--ink);
    border-top: 1px solid #ebe8e2;
    border-bottom: 1px solid #ebe8e2;
}

.support__head .label {
    color: #9c6900;
}

.support__head p {
    color: #6e7477;
}

.support__grid {
    border-color: #dddcd7;
    background: #fff;
}

.support__grid a {
    background: #fff;
    border-right-color: #e0e1df;
    color: var(--ink);
}

.support__grid a:not(.accent):hover {
    background: #fbfbfa;
}

.support__grid small {
    color: #8d9396;
}

.support__grid p {
    color: #6d7477;
}

.support__grid span {
    color: #343a3e;
}

.support__grid span b {
    color: var(--orange);
}

.support__grid .accent {
    background: var(--orange);
    color: var(--ink);
}

.support__grid .accent small,
.support__grid .accent p {
    color: #735200;
}

.support__grid .accent span,
.support__grid .accent span b {
    color: var(--ink);
}

.seo-copy {
    background: var(--pfks-white);
}

.seo-copy p {
    color: #626b72;
}

@media (max-width:620px) {
    .catalog-workspace {
        background: #fff;
    }

    .finder {
        background: var(--pfks-soft);
    }

    .support {
        background: var(--pfks-soft);
    }

    .family-card {
        box-shadow: none;
    }

    .product-row {
        box-shadow: none;
    }
}

.workspace-search form {
    display: contents;
}

.workspace-search input {
    width: 100%;
    border: 0;
    outline: 0;
    background: transparent;
    font: inherit;
    font-weight: 700;
    color: #343a3e;
}

.workspace-search input::placeholder {
    color: #737c82;
}

.filters form {
    margin: 0;
}

.filter-group label {
    cursor: pointer;
}

.filters__apply {
    width: calc(100% - 36px);
    margin: 18px;
    height: 40px;
    border: 0;
    background: var(--orange);
    font-size: 10px;
    font-weight: 800;
    text-transform: uppercase;
    letter-spacing: .08em;
}

.filter-group--collapsed .filter-title {
    border-bottom: 0;
}

.product-row__image--fallback img {
    object-fit: cover;
}

.product-row__docs a[href=""] {
    display: none;
}

.pfks-product-empty {
    padding: 36px;
    border: 1px solid var(--pfks-line);
    background: #fff;
}

.pfks-product-empty strong {
    display: block;
    font-size: 22px;
    margin-bottom: 8px;
}

.pfks-product-empty span {
    color: var(--muted);
}

.section-jump__in>a[aria-current="location"] {
    box-shadow: inset 0 -2px var(--orange);
}

@media (max-width:900px) {
    .filters.is-mobile-open {
        display: block;
        margin-bottom: 20px;
    }

    .workspace {
        display: block;
    }

    .results {
        width: 100%;
    }
}


/* V0.24.11 — technical catalog readability / production UX pass */
body.pfks-catalog-section .catalog-workspace{
    padding:76px 0 96px;
}
body.pfks-catalog-section .workspace-head{
    grid-template-columns:minmax(300px,.62fr) minmax(520px,1.38fr);
    gap:54px;
    margin-bottom:30px;
}
body.pfks-catalog-section .workspace-search{
    height:78px;
    grid-template-columns:62px 1fr 118px;
}
body.pfks-catalog-section .workspace-search small{
    font-size:10px;
    letter-spacing:.13em;
}
body.pfks-catalog-section .workspace-search input{
    margin-top:5px;
    font-size:16px;
    line-height:1.3;
    font-weight:700;
}
body.pfks-catalog-section .workspace-search button{
    font-size:12px;
    cursor:pointer;
}
body.pfks-catalog-section .workspace{
    grid-template-columns:300px minmax(0,1fr);
    gap:24px;
}
body.pfks-catalog-section .filters__top{
    height:66px;
    padding:0 20px;
}
body.pfks-catalog-section .filters__top strong{
    font-size:15px;
}
body.pfks-catalog-section .filters__top span{
    font-size:11px;
}
body.pfks-catalog-section .filter-title{
    min-height:58px;
    height:auto;
    padding:14px 20px;
    font-size:12px;
    line-height:1.35;
}
body.pfks-catalog-section .filter-group label{
    min-height:40px;
    height:auto;
    padding:8px 20px;
    grid-template-columns:20px 1fr auto;
    gap:10px;
    font-size:12px;
    line-height:1.35;
}
body.pfks-catalog-section .filter-group input{
    width:16px;
    height:16px;
}
body.pfks-catalog-section .filter-group input:checked:after{
    left:3px;
    top:0;
    font-size:10px;
}
body.pfks-catalog-section .filter-group em{
    font-size:10px;
}
body.pfks-catalog-section .filter-help{
    padding:24px 20px;
}
body.pfks-catalog-section .filter-help span{
    font-size:13px;
}
body.pfks-catalog-section .filter-help p{
    font-size:11px;
    line-height:1.55;
    margin:9px 0 16px;
}
body.pfks-catalog-section .filter-help a{
    font-size:11px;
}
body.pfks-catalog-section .filters__apply{
    height:48px;
    font-size:12px;
    margin:18px;
    width:calc(100% - 36px);
    cursor:pointer;
}
body.pfks-catalog-section .results-toolbar{
    min-height:66px;
    height:auto;
    padding:12px 4px;
    margin-bottom:12px;
}
body.pfks-catalog-section .results-toolbar strong{
    font-size:15px;
}
body.pfks-catalog-section .results-toolbar>div>span{
    font-size:11px;
}
body.pfks-catalog-section .sort span{
    font-size:9px;
}
body.pfks-catalog-section .sort b{
    font-size:11px;
}
body.pfks-catalog-section .product-row{
    min-height:242px;
    grid-template-columns:190px minmax(0,1fr) 142px;
    margin-bottom:12px;
}
body.pfks-catalog-section .product-row__image span{
    top:14px;
    left:14px;
    padding:7px 9px;
    font-size:9px;
}
body.pfks-catalog-section .product-row__content{
    grid-template-columns:minmax(340px,1.12fr) minmax(280px,.88fr);
}
body.pfks-catalog-section .product-row__main{
    padding:28px 28px 24px;
}
body.pfks-catalog-section .product-row__main small{
    font-size:9px;
}
body.pfks-catalog-section .product-row__main h3{
    margin:10px 0 10px;
}
body.pfks-catalog-section .product-row__main p{
    font-size:14px;
    line-height:1.55;
    max-width:560px;
}
body.pfks-catalog-section .product-row__docs{
    gap:16px;
    margin-top:18px;
}
body.pfks-catalog-section .product-row__docs a{
    font-size:10px;
    line-height:1.3;
}
body.pfks-catalog-section .product-row__specs{
    padding:26px 24px;
    gap:22px 20px;
    align-content:center;
}
body.pfks-catalog-section .product-row__specs span{
    font-size:9px;
    line-height:1.35;
    letter-spacing:.09em;
}
body.pfks-catalog-section .product-row__specs b{
    font-size:12px;
    line-height:1.4;
    margin-top:6px;
}
body.pfks-catalog-section .product-row__actions a{
    font-size:11px;
    padding:0 12px;
}
body.pfks-catalog-section .product-row__actions .primary b{
    font-size:18px;
}
body.pfks-catalog-section .more-button{
    min-height:58px;
    height:auto;
    padding:16px 22px;
    display:flex;
    align-items:center;
    justify-content:center;
    font-size:13px;
    cursor:pointer;
    transition:background .18s ease,border-color .18s ease,transform .18s ease;
}
body.pfks-catalog-section .more-button:hover,
body.pfks-catalog-section .more-button:focus-visible{
    background:#f6a600;
    border-color:#f6a600;
    color:#151b20;
    transform:translateY(-1px);
}
body.pfks-catalog-section .more-button:hover span,
body.pfks-catalog-section .more-button:focus-visible span{
    color:#151b20;
}
body.pfks-catalog-section .family-card__body small{
    font-size:9px;
}
body.pfks-catalog-section .family-card p{
    font-size:13px;
}
body.pfks-catalog-section .finder__options small{
    font-size:9px;
}
body.pfks-catalog-section .finder__options span{
    font-size:15px;
}
body.pfks-catalog-section .support__grid small{
    font-size:9px;
}
body.pfks-catalog-section .support__grid p{
    font-size:13px;
}
body.pfks-catalog-section .support__grid span{
    font-size:11px;
}
@media(max-width:1180px){
    body.pfks-catalog-section .workspace{
        grid-template-columns:260px minmax(0,1fr);
    }
    body.pfks-catalog-section .product-row{
        grid-template-columns:165px minmax(0,1fr) 126px;
    }
    body.pfks-catalog-section .product-row__content{
        grid-template-columns:1fr;
    }
    body.pfks-catalog-section .product-row__specs{
        grid-template-columns:repeat(4,minmax(0,1fr));
        padding:18px 24px;
    }
}
@media(max-width:900px){
    body.pfks-catalog-section .workspace-head{
        grid-template-columns:1fr;
        gap:24px;
    }
    body.pfks-catalog-section .workspace{
        grid-template-columns:1fr;
    }
    body.pfks-catalog-section .product-row{
        grid-template-columns:160px minmax(0,1fr) 120px;
    }
}
@media(max-width:620px){
    body.pfks-catalog-section .catalog-workspace{
        padding:58px 0 70px;
    }
    body.pfks-catalog-section .workspace-search{
        grid-template-columns:48px 1fr 84px;
        height:70px;
    }
    body.pfks-catalog-section .workspace-search input{
        font-size:14px;
    }
    body.pfks-catalog-section .product-row__main p{
        font-size:14px;
    }
}

body.pfks-catalog-section .workspace.workspace--no-filters{
    grid-template-columns:1fr;
}

/* V0.24.12 — catalog search, pagination and section navigation readability */
body.pfks-catalog-section .section-jump{
    height:74px;
}
body.pfks-catalog-section .section-jump a{
    padding:0 26px;
    font-size:13px;
    line-height:1.2;
    letter-spacing:0;
}
body.pfks-catalog-section .section-jump a:first-child{
    padding-left:0;
    padding-right:30px;
}
body.pfks-catalog-section .section-jump__cta{
    padding:0 30px;
    gap:34px;
    font-size:13px;
}
body.pfks-catalog-section .section-jump__cta b{
    font-size:20px;
}
body.pfks-catalog-section .active-filter-bar{
    min-height:50px;
}
body.pfks-catalog-section .active-filter-bar>span{
    font-size:10px;
}
body.pfks-catalog-section .active-filter-bar button,
body.pfks-catalog-section .active-filter-bar a{
    font-size:11px;
}
body.pfks-catalog-section .catalog-pagination{
    margin-top:22px;
    min-height:66px;
    border:1px solid var(--pfks-line);
    background:#fff;
    display:grid;
    grid-template-columns:150px 1fr 150px;
    align-items:stretch;
}
body.pfks-catalog-section .catalog-pagination__prev,
body.pfks-catalog-section .catalog-pagination__next{
    display:flex;
    align-items:center;
    justify-content:center;
    padding:0 18px;
    font-size:12px;
    font-weight:800;
    border-right:1px solid var(--pfks-line);
    transition:background .18s ease,color .18s ease;
}
body.pfks-catalog-section .catalog-pagination__next{
    border-right:0;
    border-left:1px solid var(--pfks-line);
}
body.pfks-catalog-section .catalog-pagination__prev:not(.is-disabled):hover,
body.pfks-catalog-section .catalog-pagination__next:not(.is-disabled):hover{
    background:var(--orange);
    color:var(--ink);
}
body.pfks-catalog-section .catalog-pagination .is-disabled{
    color:#a4abb0;
    background:#f7f8f8;
}
body.pfks-catalog-section .catalog-pagination__pages{
    display:flex;
    align-items:center;
    justify-content:center;
    gap:8px;
    padding:8px 16px;
    flex-wrap:wrap;
}
body.pfks-catalog-section .catalog-pagination__page{
    width:42px;
    height:42px;
    display:flex;
    align-items:center;
    justify-content:center;
    border:1px solid transparent;
    font-size:12px;
    font-weight:800;
    transition:border-color .18s ease,background .18s ease;
}
body.pfks-catalog-section a.catalog-pagination__page:hover{
    border-color:var(--pfks-line);
    background:#f7f8f8;
}
body.pfks-catalog-section .catalog-pagination__page.is-current{
    background:var(--orange);
    border-color:var(--orange);
    color:var(--ink);
}
body.pfks-catalog-section .catalog-pagination__gap{
    min-width:20px;
    text-align:center;
    color:#8a9298;
    font-size:14px;
}
@media(max-width:900px){
    body.pfks-catalog-section .section-jump{
        height:66px;
    }
    body.pfks-catalog-section .section-jump a{
        padding:0 18px;
        font-size:12px;
        flex:0 0 auto;
    }
    body.pfks-catalog-section .section-jump__cta{
        padding:0 20px;
    }
    body.pfks-catalog-section .catalog-pagination{
        grid-template-columns:112px 1fr 112px;
    }
    body.pfks-catalog-section .catalog-pagination__prev,
    body.pfks-catalog-section .catalog-pagination__next{
        font-size:11px;
        padding:0 8px;
    }
}
@media(max-width:620px){
    body.pfks-catalog-section .catalog-pagination{
        grid-template-columns:1fr 1fr;
    }
    body.pfks-catalog-section .catalog-pagination__pages{
        grid-column:1/-1;
        grid-row:1;
        border-bottom:1px solid var(--pfks-line);
    }
    body.pfks-catalog-section .catalog-pagination__prev,
    body.pfks-catalog-section .catalog-pagination__next{
        min-height:52px;
        grid-row:2;
    }
}


/* V0.24.12.2 — technical data readability hotfix. */
body.pfks-catalog-section .product-row__specs{
    padding:28px 26px;
    gap:24px 24px;
}
body.pfks-catalog-section .product-row__specs span{
    font-size:11px;
    line-height:1.35;
    letter-spacing:.075em;
    color:#818b93;
}
body.pfks-catalog-section .product-row__specs b{
    display:block;
    margin-top:7px;
    font-size:16px;
    line-height:1.25;
    font-weight:750;
    letter-spacing:0;
    color:#11181d;
}
body.pfks-catalog-section .product-row__actions a{
    font-size:13px;
    line-height:1.25;
    font-weight:700;
    padding:0 16px;
}
body.pfks-catalog-section .product-row__actions a span{
    font-size:19px;
}
@media(max-width:1180px){
    body.pfks-catalog-section .product-row__specs span{font-size:10.5px}
    body.pfks-catalog-section .product-row__specs b{font-size:15px}
}
@media(max-width:620px){
    body.pfks-catalog-section .product-row__specs span{font-size:10px}
    body.pfks-catalog-section .product-row__specs b{font-size:15px}
}


/* V0.25.4 — section product card spacing and document chips refinement */
body.pfks-catalog-section .product-row{
    min-height:278px;
    grid-template-columns:190px minmax(0,1fr) 168px;
}
body.pfks-catalog-section .product-row__content{
    grid-template-columns:minmax(390px,1.18fr) minmax(320px,.82fr);
}
body.pfks-catalog-section .product-row__main{
    padding:30px 30px 26px;
}
body.pfks-catalog-section .product-row__main p{
    max-width:620px;
}
body.pfks-catalog-section .product-row__docs{
    display:flex;
    flex-wrap:wrap;
    gap:10px;
    margin-top:20px;
}
body.pfks-catalog-section .product-row__doc{
    min-height:40px;
    max-width:100%;
    display:inline-flex;
    align-items:center;
    gap:10px;
    padding:8px 12px;
    border:1px solid #d9dee2;
    background:#fbfbfb;
    color:#151b20;
    transition:border-color .18s ease,background .18s ease,transform .18s ease;
}
body.pfks-catalog-section .product-row__doc:hover{
    border-color:#f6a600;
    background:#fffaf0;
    transform:translateY(-1px);
}
body.pfks-catalog-section .product-row__doc-type{
    flex:0 0 auto;
    min-width:40px;
    height:24px;
    padding:0 8px;
    display:inline-flex;
    align-items:center;
    justify-content:center;
    border-radius:999px;
    background:#11181d;
    color:#fff;
    font-size:10px;
    font-weight:800;
    letter-spacing:.08em;
    text-transform:uppercase;
}
body.pfks-catalog-section .product-row__doc-name{
    flex:1 1 auto;
    min-width:0;
    font-size:12px;
    line-height:1.35;
    white-space:normal;
    overflow-wrap:anywhere;
}
body.pfks-catalog-section .product-row__specs{
    padding:30px 28px;
    gap:18px 20px;
    align-content:start;
}
body.pfks-catalog-section .product-row__actions a{
    font-size:12px;
    padding:0 14px;
}
@media(max-width:1180px){
    body.pfks-catalog-section .product-row{
        grid-template-columns:165px minmax(0,1fr) 148px;
        min-height:unset;
    }
    body.pfks-catalog-section .product-row__content{
        grid-template-columns:1fr;
    }
    body.pfks-catalog-section .product-row__specs{
        grid-template-columns:repeat(2,minmax(0,1fr));
        padding:18px 24px 22px;
    }
}
@media(max-width:900px){
    body.pfks-catalog-section .product-row{
        grid-template-columns:160px minmax(0,1fr);
    }
    body.pfks-catalog-section .product-row__actions{
        grid-column:1/-1;
        grid-template-columns:1fr 1fr;
        grid-template-rows:none;
        border-left:0;
        border-top:1px solid var(--pfks-line);
    }
    body.pfks-catalog-section .product-row__actions .secondary{
        border-right:1px solid var(--pfks-line);
        border-bottom:0;
    }
}
@media(max-width:620px){
    body.pfks-catalog-section .product-row{
        grid-template-columns:1fr;
    }
    body.pfks-catalog-section .product-row__image{
        min-height:240px;
    }
    body.pfks-catalog-section .product-row__specs{
        grid-template-columns:1fr;
    }
    body.pfks-catalog-section .product-row__actions{
        grid-template-columns:1fr;
    }
    body.pfks-catalog-section .product-row__actions .secondary{
        border-right:0;
        border-bottom:1px solid var(--pfks-line);
    }
}