/* Force Poppins on all headings to override Storefront parent theme inline styles */
h1, h2, h3, h4, h5, h6 {
    font-family: "Poppins", Arial, Helvetica, sans-serif !important;
}

/* Center the categories content container */
.categories_content {
    max-width: 1500px;
    width: 100%;
    margin: 0 auto;
    box-sizing: border-box;
    padding: 0 15px;
}

/* Stretch SVG background shapes to fill the full product_title container.
   Items 2-4 use 190x190 square SVGs in a 230x190 container — without
   stretching, the shape leaves 20px gap on each side and text overflows
   the visible shape area. */
.categories_container .product_title {
    background-size: 100% 100%;
}

/* Remove orphaned bottom margin (.view_products is hidden) */
.categories_container .product_title .title {
    margin-bottom: 0;
}

/* Only shrink font for long category names (>13 chars) so they
   stay on one line. PHP adds .title--long automatically. */
.categories_container .product_title .title.title--long {
    font-size: 15px;
}

/* Responsive breakpoints matching .col-full */
@media screen and (max-width: 1500px) {
    .categories_content {
        max-width: 1240px;
    }
}
@media screen and (max-width: 1300px) {
    .categories_content {
        max-width: 1140px;
    }
}
@media screen and (max-width: 1180px) {
    .categories_content {
        max-width: none;
        width: 96%;
        padding-left: 0;
        padding-right: 0;
    }
}