/**
 * Platform product category slots — product_head / product_foot content rail.
 *
 * Markup: wrap PageStaticBlock HTML in `<div class="product-slot">`.
 * Aligns with system-page rail (`content_rail.css` · `.cet`) via `--page-max` / `--page-width`.
 *
 * Load: product list page head that renders productBlocks product_head|product_foot
 *   <link rel="stylesheet" href="{{ platform_asset('css/product_slot.css') }}">
 *
 * MUST NOT: theme brand colors · theme layout class names (.prosxc / .ntegra).
 */
.product-slot {
    max-width: var(--page-max, 1380px);
    width: var(--page-width, 94%);
    margin-left: auto;
    margin-right: auto;
    margin-top: 40px;
    margin-bottom: 40px;
    overflow: hidden;
    float: none;
    box-sizing: border-box;
}

main > .product-slot:first-child {
    margin-top: 0;
}