/* Keep mobile's image-first order; alternate against Dove on desktop. */
.wf-brookes-feature { background-color: var(--wp--preset--color--base-2); }
@media (min-width: 782px) {
    .wf-brookes-feature > .wp-block-columns { flex-direction: row-reverse; }
}
/* Match the theme's Section Heading style, including in the newsletter area. */
.site-footer__newsletter .is-style-page-section-heading,
.newsletter-signup__heading {
    line-height: 1.1;
    text-wrap: balance;
}
.site-footer__newsletter .is-style-section-subheading,
.newsletter-signup__subheading { text-wrap: balance; }
.wf-brookes-collection .woocommerce { columns: auto !important; }
.wf-brookes-collection .products {
    display: flex !important; flex-wrap: wrap !important; grid-template: none !important;
    gap: 2rem; margin: 2rem 0; padding: 0;
}
.wf-brookes-collection .products::before, .wf-brookes-collection .products::after { display: none; }
.wf-brookes-collection .products .product {
    grid-column: auto !important; grid-row: auto !important; float: none;
    flex: 0 0 calc((100% - 4rem)/3) !important; width: calc((100% - 4rem)/3) !important;
    max-width: calc((100% - 4rem)/3) !important; margin: 0 !important; min-width: 0;
    padding: 1.2rem; background: #fff; border: 1px solid #e7e3df;
    text-align: center; display: flex; flex-direction: column;
}
.wf-brookes-collection .products .product img { width: 100%; aspect-ratio: 1; object-fit: contain; margin: 0 0 1rem; }
.wf-brookes-collection .products .product .woocommerce-loop-product__title {
    font-family: inherit; font-size: 1rem; line-height: 1.5; text-transform: uppercase;
    color: #19172c; font-weight: 500; letter-spacing: .03em; margin: 1rem 0 .5rem; padding: 0;
}
.wf-brookes-collection .products .product .price { display: block; font-size: 1rem; color: #19172c; margin: .5rem 0; }
.wf-brookes-collection .products .product .button { align-self: center; font-size: .8rem; margin-top: auto; }
@media (max-width: 1023px) {
    .wf-brookes-collection .products .product { flex-basis: calc((100% - 2rem)/2) !important; width: calc((100% - 2rem)/2) !important; max-width: calc((100% - 2rem)/2) !important; }
}
@media (max-width: 639px) {
    .wf-brookes-collection .products .product { flex-basis: 100% !important; width: 100% !important; max-width: 100% !important; }
}
/* Klaviyo's newsletter popup uses inline spans with a looser inherited line height. */
form[data-testid="klaviyo-form-V4Mptt"] [data-testid="form-row"]:first-child .klaviyo-form-richtext p {
    font-size: 36px !important;
    line-height: 1.1 !important;
    text-wrap: balance;
}
form[data-testid="klaviyo-form-V4Mptt"] [data-testid="form-row"]:first-child .klaviyo-form-richtext p span {
    line-height: inherit !important;
}
form[data-testid="klaviyo-form-V4Mptt"] [data-testid="form-row"]:nth-child(2) .klaviyo-form-richtext p:first-child {
    text-wrap: balance;
}