.card{background:#fff;border-radius:14px;padding:12px;margin-bottom:16px;box-shadow:0 2px 10px #0000000f;overflow:hidden;position:relative}.photo-wrapper{position:relative;width:100%;height:220px;border-radius:10px;overflow:hidden;background:#f2f2f2}.card-photo{width:100%;height:100%;object-fit:cover;display:block}.photo-placeholder{width:100%;height:220px;background:#e9e9e9;display:flex;align-items:center;justify-content:center;color:#888}.photo-nav{position:absolute;top:50%;transform:translateY(-50%);background:#00000073;color:#fff;border:none;padding:6px 10px;font-size:22px;border-radius:6px;cursor:pointer;opacity:0;transition:opacity .15s ease}.photo-wrapper:hover .photo-nav{opacity:1}.photo-nav.left{left:8px}.photo-nav.right{right:8px}.card-title{font-size:18px;font-weight:600;margin-top:12px;margin-bottom:4px}.tag{display:inline-block;background:#f0f0f0;padding:4px 8px;border-radius:6px;margin-right:6px;font-size:13px}.btn{margin-top:14px;width:100%;padding:10px;border:none;border-radius:8px;font-size:15px;cursor:pointer;transition:opacity .2s ease}.btn:active{opacity:.7}