.m-calc-photo-card {
    position: relative;
    isolation: isolate;
    overflow: hidden;
    color: #fff;
}

.m-calc-photo-card > .m-calc-photo {
    position: absolute;
    inset: 0;
    z-index: -2;
    display: block;
    width: 100%;
    height: 100%;
    object-fit: cover;
    object-position: right center;
    pointer-events: none;
}

:is(.m-calc-category-card, .m-calc-tile, .mt-calculator-landing-hero).m-calc-photo-card::before {
    content: "";
    position: absolute;
    inset: 0;
    z-index: -1;
    width: auto;
    height: auto;
    border: 0;
    border-radius: 0;
    box-shadow: none;
    transform: none;
    background: linear-gradient(90deg, #142321ee, #142321bb 49%, #14232128),
        linear-gradient(0deg, #10201bd0, #10201b18 74%);
    pointer-events: none;
}

:is(.m-calc-category-card, .m-calc-tile, .mt-calculator-landing-hero).m-calc-photo-card::after {
    content: none;
}

.m-calc-category-card.m-calc-photo-card {
    min-height: 191px;
    border: 1px solid #ffffff42;
    border-radius: 16px;
}
.m-calc-category-card.m-calc-photo-card small { color: #f6f8f6; }
.m-calc-photo-card .m-calc-category-foot { justify-content: flex-end; }
.m-calc-tile.m-calc-photo-card { min-height: 157px; border-radius: 13px; }
.m-calc-photo-card .m-calc-tile-name,
.m-calc-photo-card .m-calc-tile-bottom,
.m-calc-photo-card .m-calc-tile-bottom .pending,
html[data-mt-theme="dark"] .m-calc-photo-card .m-calc-tile-name,
html[data-mt-theme="dark"] .m-calc-photo-card .m-calc-tile-bottom .pending { color: #fff; }
.m-calc-photo-card .m-calc-tile-bottom { justify-content: flex-end; gap: 9px; }
.m-calc-photo-card .m-calc-tile-icon { background: #f8fbf7; }
.mt-calculator-landing-hero.m-calc-photo-card { border-radius: 16px; }
.mt-calculator-landing-hero.m-calc-photo-card .m-calc-intro-copy { position: relative; z-index: 1; }
.mt-calculator-landing-hero.m-calc-photo-card .m-calc-intro-copy > p { color: #fff; }

@media (max-width: 700px) {
    .m-calc-category-card.m-calc-photo-card { min-height: 167px; }
    .m-calc-tile.m-calc-photo-card { min-height: 144px; }
    :is(.m-calc-category-card, .m-calc-tile, .mt-calculator-landing-hero).m-calc-photo-card::before {
        background: linear-gradient(90deg, #142321f5, #142321bb 60%, #14232140),
            linear-gradient(0deg, #10201bc9, #10201b25 70%);
    }
}