/*
 * Azarakhsh Stage 3 — related product cards: red brand accent only.
 * Intentionally scoped to single-product page + .pfsp-related to preserve
 * the main shop/archive layout, banners and global navigation.
 * Brand red: #ed1327 | deep red: #ad1024
 */
body.single-product .pfsp-related {
    --pfsp-red: #ed1327;
    --azr-related-red: #ed1327;
    --azr-related-dark: #ad1024;
    --azr-related-soft: #fff6f7;
    --azr-related-line: #edc5ca;
}

body.single-product .pfsp-related .pfsp-related-card {
    background: linear-gradient(180deg, #ffffff 0%, #fff8f9 100%) !important;
    border-color: #edc5ca !important;
    box-shadow: 0 5px 20px rgba(168, 21, 40, .07) !important;
    transition: transform .2s ease, border-color .2s ease, box-shadow .2s ease !important;
}
body.single-product .pfsp-related .pfsp-related-card:hover,
body.single-product .pfsp-related .pfsp-related-card:focus-within {
    border-color: #ed1327 !important;
    box-shadow: 0 13px 28px rgba(173, 16, 36, .14) !important;
}
body.single-product .pfsp-related .pfsp-related-image {
    background: linear-gradient(180deg, #fff 0%, #fff6f7 100%) !important;
}
body.single-product .pfsp-related .pfsp-related-card h3 a,
body.single-product .pfsp-related .pfsp-related-card h4 a {
    color: #29313b !important;
}
body.single-product .pfsp-related .pfsp-related-card h3 a:hover,
body.single-product .pfsp-related .pfsp-related-card h4 a:hover {
    color: #ad1024 !important;
}
body.single-product .pfsp-related .pfsp-related-actions a {
    background: #fffafa !important;
    border-color: #dba1ab !important;
    color: #a51b30 !important;
    box-shadow: none !important;
}
body.single-product .pfsp-related .pfsp-related-actions a.is-red {
    background: #ed1327 !important;
    border-color: #ed1327 !important;
    color: #fff !important;
}
body.single-product .pfsp-related .pfsp-related-actions a:hover,
body.single-product .pfsp-related .pfsp-related-actions a:focus-visible {
    background: #ad1024 !important;
    border-color: #ad1024 !important;
    color: #fff !important;
    box-shadow: 0 5px 15px rgba(173, 16, 36, .18) !important;
}
body.single-product .pfsp-related .pfsp-related-actions a:focus-visible {
    outline: 2px solid #ad1024;
    outline-offset: 3px;
}
/* Existing card badges or labels — use brand neutral instead of blue. */
body.single-product .pfsp-related .pfsp-related-card > span,
body.single-product .pfsp-related .pfsp-related-card .pfsp-related-badge {
    color: #a51b30 !important;
}
@media (prefers-reduced-motion: reduce) {
    body.single-product .pfsp-related .pfsp-related-card {
        transition: none !important;
    }
}