.red-text {
    color: red;
}

.fair-delivery-container h2 {
    font-size: 1.5rem;
    font-weight: 800;
    line-height: 1.4;
}

.text-size-tiny a {
    color: #fff;
}

.home-catalogue-image {
    margin-bottom: 8px;
    box-shadow: 0 2px 6px rgba(0, 0, 0, 0.55);
}

.home-catalogues-grid a {
    text-decoration: none;
}

/* Restore browser-default list styles stripped by Tailwind preflight.
   These match exactly what the Laravel/Webflow site shows via browser defaults. */
.tandc-container ul,
.fair-delivery-container ul,
.about-us-hero-text ul,
.process-ind ul,
.wysiwyg ul {
    list-style-type: disc;
}

.tandc-container ol,
.fair-delivery-container ol,
.about-us-hero-text ol,
.process-ind ol,
.wysiwyg ol {
    list-style-type: decimal;
}

.tandc-container li,
.fair-delivery-container li,
.about-us-hero-text li,
.process-ind li,
.wysiwyg li {
    display: list-item;
}

/* Show brochure/offer overlay on hover */
.brochure-wrapper:hover .brochure-overlay {
    display: flex;
}

/* Privacy policy and general wysiwyg content list styles */
.privacy-policy-container ul,
.privacy-policy-container ol,
.privacy-para ul,
.privacy-para ol {
    list-style-type: disc;
    padding-left: 1.5rem;
    margin-top: 0.5rem;
    margin-bottom: 0.5rem;
}

.privacy-policy-container ol,
.privacy-para ol {
    list-style-type: decimal;
}

.privacy-policy-container li,
.privacy-para li {
    display: list-item;
    margin-top: 0.5rem;
    margin-bottom: 0.5rem;
}

/* Consistent top/bottom breathing room for the account/order pages
   (matches the account shell and catalogue spacing). */
.ps-page-pad {
    margin: 40px 0 80px;
}
@media (max-width: 760px) {
    .ps-page-pad {
        margin: 28px 0 56px;
    }
}