/* Global custom styles applied site-wide */

div#page-title-bar {
    background: url("https://fjaerefruene.no/wp-content/uploads/2025/10/breadcrumbs_banner.jpg") no-repeat center center !important;
}

body,
html,
main,
.content,
.opal-wrapper,
.type-product {
    max-width: 100vw !important;
}

@media (max-width: 768px) {
    ul.products.columns-4 {
        max-width: 100vw !important;
        display: grid !important;
        grid-template-columns: 1fr 1fr !important;
        gap: 1rem !important;
        margin: 0 !important;
        padding: 1rem !important;
    }

    li.product {
        margin: 0 !important;
        padding: 0 !important;
        width: 100% !important;
        height: 100% !important;
    }

    .caption {
        padding-top: 1rem !important;
    }

}