.flip-card{background-color:transparent;width:100%;max-width:300px;min-height:350px;margin-left:auto;margin-right:auto;perspective:1000px;display:flex}.flip-card-inner{position:relative;width:100%;height:100%;transition:transform .6s cubic-bezier(.4,.2,.2,1);transform-style:preserve-3d;min-height:180px}.flip-card:focus-within .flip-card-inner,.flip-card:hover .flip-card-inner{transform:rotateY(180deg)}.flip-card-back,.flip-card-front{position:absolute;width:100%;height:100%;min-height:180px;backface-visibility:hidden;top:0;left:0;border-radius:1rem;overflow:hidden;box-shadow:0 2px 8px rgba(0,0,0,.07);display:flex;flex-direction:column;justify-content:center;align-items:center}.card-image-container,.flip-card-front{position:relative;overflow:hidden}.card-image-container{width:100%;height:100%;background:#fff;display:flex;align-items:center;justify-content:center;border-radius:1rem 1rem 0 0;margin:0 auto}.flip-card-front .card-image{width:100%;height:100%;object-fit:cover;object-position:center;border-radius:1rem 1rem 0 0;box-shadow:none;transition:transform .5s cubic-bezier(.4,2,.6,1),filter .3s;filter:none;display:block}.flip-card-front:after{content:"";position:absolute;left:0;right:0;top:0;bottom:0;border-radius:1rem 1rem 0 0;background:linear-gradient(180deg,rgba(0,0,0,.12),rgba(0,0,0,.2));z-index:3;pointer-events:none}.flip-card-front:hover .card-image,.flip-card:focus-within .flip-card-front .card-image{transform:scale(1.06);filter:brightness(1.08) contrast(1.07) saturate(1.1)}@media (max-width:600px){.flip-card,.flip-card-back,.flip-card-front,.flip-card-inner{max-width:98vw;min-height:180px}.flip-card-front .card-image{min-height:120px}}.flip-card-front{z-index:2;background:#fff}.flip-card-back{transform:rotateY(180deg);background:#f8fafc;z-index:3}