/* Touch cards keep their approved photo and copy visible without hover.
   The width fallback also supports narrow desktop previews; input queries
   cover larger touch tablets. Fine-pointer desktop animation is unchanged. */
@media (max-width: 768px), (hover: none), (pointer: coarse) {
    .solution-card.solution-card-hover {
        display: flex;
        flex-direction: column;
        min-height: 0;
        gap: 0;
        background: #fff;
        transform: none;
    }

    .solution-card.solution-card-hover .solution-card-media {
        position: relative;
        inset: auto;
        display: block;
        flex: 0 0 auto;
        width: 100%;
        height: clamp(180px, 38vw, 240px);
        opacity: 1;
        transform: none;
        animation: none;
        transition: none;
    }

    .solution-card.solution-card-hover .solution-card-wash,
    .solution-card.solution-card-hover .solution-card-shade {
        display: none;
        animation: none;
    }

    .solution-card.solution-card-hover .solution-card-content {
        flex: 1;
        min-height: 0;
        padding: 24px;
        transform: none !important;
        transition: none;
    }

    .solution-card.solution-card-hover .solution-card-copy {
        min-height: 0;
        padding: 0;
        border: 0;
        border-radius: 0;
        background: transparent;
        box-shadow: none;
        opacity: 1 !important;
        transform: none !important;
        animation: none !important;
        transition: none;
    }

    .solution-card.solution-card-hover .solution-card-label {
        color: var(--brand-blue);
    }

    .solution-card.solution-card-hover .solution-card-label::before {
        background: rgba(0, 96, 151, .4);
    }

    .solution-card.solution-card-hover h3 {
        min-height: 0;
        color: #173345;
    }

    .solution-card.solution-card-hover p,
    .solution-card.solution-card-hover .solution-card-meta span {
        color: #45545a;
    }

    .solution-card.solution-card-hover .solution-card-meta {
        border-top-color: rgba(16, 24, 30, .12);
    }

    .solution-card.solution-card-hover .solution-card-meta strong {
        color: #173345;
    }

    .solution-card.solution-card-hover .solution-card-link {
        color: #173345;
        background: #f3f8fb;
        border-color: rgba(0, 96, 151, .18);
        box-shadow: none;
        transform: none;
    }
}