@media screen {
    .fw-site :is(a, button):has(> :is(.icon, .fw-action-icon, .fw-ux-action-icon, .fw-shortcut-icon):first-child:not(.fw-product-new-tab)) {
        column-gap: 0;
    }

    .fw-site :is(a, button) > :is(.icon, .fw-action-icon, .fw-ux-action-icon, .fw-shortcut-icon):first-child:not(.fw-product-new-tab) {
        margin-inline-end: max(6px, .45em);
    }

    .fw-site a[target="_blank"] .fw-product-new-tab {
        margin-inline-start: max(6px, .4em);
    }

    .fw-site a[href][target="_blank"]:not([download], :has(.fw-product-new-tab))::after {
        content: "\f2d2" / "";
        display: inline-block;
        margin-inline-start: max(6px, .4em);
        font: var(--icon-font-regular, normal 400 1em/1 "Font Awesome 6 Pro");
        font-size: .86em;
        text-decoration: none;
    }
}

@media screen {
    .fw-site :is(
        [data-fw-project] .fw-project-group > .fw-project-rows,
        .fw-material-cards,
        ul.fw-exterior-products,
        .fw-level-shopping .fw-level-shopping-products
    ) {
        grid-template-columns: repeat(auto-fit, minmax(min(100%, 190px), 1fr));
    }

    .fw-site :is(.fw-material-cards, .fw-exterior-products, .fw-level-shopping-products) > [hidden] {
        display: none;
    }
}

@media screen and (max-width: 559px) {
    .fw-site :is(
        [data-fw-project] .fw-project-group > .fw-project-rows,
        .fw-material-cards,
        ul.fw-exterior-products,
        .fw-level-shopping .fw-level-shopping-products
    ) {
        grid-template-columns: minmax(0, 1fr);
    }
}

@media screen and (min-width: 760px) {
    .fw-site [data-fw-project] .fw-project-group > .fw-project-rows > .fw-project-row[data-fw-row-kind="product"].has-thumbnail:only-child {
        grid-template-columns: minmax(144px, 24%) minmax(0, 1fr);
        grid-template-rows: auto 1fr;
        column-gap: clamp(12px, 2.2vw, 24px);
    }

    .fw-site [data-fw-project] .fw-project-group > .fw-project-rows > .fw-project-row[data-fw-row-kind="product"].has-thumbnail:only-child > .fw-project-thumbnail {
        grid-row: 1 / -1;
    }

    .fw-site [data-fw-project] .fw-project-group > .fw-project-rows > .fw-project-row[data-fw-row-kind="product"].has-thumbnail:only-child > .fw-ux-row-actions {
        grid-column: 2;
    }
}