/* Main Products page: category directory only. */
body.csp-category-directory-page .csp-products-section-title,
body.csp-category-directory-page ul.products:not(.csp-category-banners),
body.csp-category-directory-page .woocommerce-result-count,
body.csp-category-directory-page .woocommerce-ordering,
body.csp-category-directory-page .woocommerce-pagination {
    display: none !important;
}

body.csp-category-directory-page .csp-category-section {
    max-width: 1240px;
    margin: 30px auto 80px;
}

body.csp-category-directory-page .csp-category-banners {
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: 18px;
}

body.csp-category-directory-page .csp-category-banners li.product-category {
    min-height: 190px;
    padding: 24px !important;
}

body.csp-category-directory-page .csp-category-banners li > a {
    grid-template-columns: minmax(0, 1fr) 104px;
    gap: 12px 18px;
}

body.csp-category-directory-page .csp-category-banners .csp-category-art {
    width: 104px !important;
    height: 130px !important;
}

body.csp-category-directory-page .csp-category-banners .woocommerce-loop-category__title {
    font-size: clamp(20px, 2vw, 27px) !important;
}

body.csp-category-directory-page .csp-category-banners .count {
    display: inline !important;
    color: #6bcaff;
    background: transparent;
    font-size: 13px;
}

/* Category pages: one compact product per row. */
body.csp-compact-product-list-page .csp-category-section {
    display: none !important;
}

body.csp-compact-product-list-page ul.products:not(.csp-category-banners) {
    display: flex !important;
    flex-direction: column;
    gap: 14px;
    clear: both;
    margin: 34px 0 50px !important;
}

body.csp-compact-product-list-page ul.products li.product:not(.product-category) {
    display: grid !important;
    grid-template-columns: minmax(0, 1fr) auto;
    grid-template-rows: auto auto;
    gap: 8px 18px;
    align-items: center;
    width: 100% !important;
    min-height: 150px !important;
    padding: 16px !important;
    border-radius: 9px !important;
}

body.csp-compact-product-list-page ul.products li.product:not(.product-category) > a.woocommerce-LoopProduct-link {
    display: grid !important;
    grid-column: 1;
    grid-row: 1 / 3;
    grid-template-columns: 122px minmax(0, 1fr);
    grid-template-rows: auto auto auto auto;
    gap: 5px 22px;
    align-items: center;
    min-width: 0;
}

body.csp-compact-product-list-page ul.products li.product:not(.product-category) img {
    grid-column: 1;
    grid-row: 1 / 5;
    width: 122px !important;
    height: 122px !important;
    margin: 0 !important;
    border-radius: 6px;
    background: #fff;
    object-fit: contain !important;
}

body.csp-compact-product-list-page .woocommerce-loop-product__title {
    grid-column: 2;
    min-height: 0 !important;
    padding: 0 !important;
    font-size: 20px !important;
    line-height: 1.3 !important;
}

body.csp-compact-product-list-page .csp-compact-sku {
    grid-column: 2;
    color: #62bff2;
    font-size: 11px;
    font-weight: 800;
    letter-spacing: .09em;
    text-transform: uppercase;
}

body.csp-compact-product-list-page .csp-compact-summary {
    grid-column: 2;
    max-width: 720px;
    margin: 0 !important;
    color: #aebac4 !important;
    font-size: 14px;
    line-height: 1.55;
}

body.csp-compact-product-list-page ul.products li.product .price {
    grid-column: 2;
    margin: 3px 0 0 !important;
    padding: 0 !important;
}

body.csp-compact-product-list-page ul.products li.product > .button {
    grid-column: 2;
    width: 170px !important;
    min-height: 43px !important;
    margin: 0 !important;
    padding: 12px 16px !important;
}

body.csp-compact-product-list-page ul.products li.product > .csp-loop-quote {
    grid-row: 2;
}

@media (max-width: 980px) {
    body.csp-category-directory-page .csp-category-banners { grid-template-columns: repeat(2, minmax(0, 1fr)); }
}

@media (max-width: 700px) {
    body.csp-category-directory-page .csp-category-banners { grid-template-columns: 1fr; }
    body.csp-compact-product-list-page ul.products li.product:not(.product-category) { grid-template-columns: 1fr 1fr; }
    body.csp-compact-product-list-page ul.products li.product:not(.product-category) > a.woocommerce-LoopProduct-link { grid-column: 1 / 3; grid-row: 1; grid-template-columns: 88px minmax(0, 1fr); }
    body.csp-compact-product-list-page ul.products li.product:not(.product-category) img { width: 88px !important; height: 88px !important; }
    body.csp-compact-product-list-page ul.products li.product > .button { grid-row: 2; width: 100% !important; }
    body.csp-compact-product-list-page ul.products li.product > .csp-view-product { grid-column: 1; }
    body.csp-compact-product-list-page ul.products li.product > .csp-loop-quote { grid-column: 2; }
}